Skip to content

Fix: sync CSS classes with latest Discord update and resolve folder UI issues #347

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ShiroNeko99 wants to merge 2 commits into
base: develop
Choose a base branch
from
+1,023 −1,016
Open

Fix: sync CSS classes with latest Discord update and resolve folder UI issues #347

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8129a44
Run update_classes.py
ShiroNeko99 Dec 21, 2025
8108f8f
Fix: folder icon stacking
ShiroNeko99 Dec 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/modules/betterdiscord/_settings.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
}

// Version info in sidebar
.info__2debe .bd-text-muted{
._2debea61131de3de-info .bd-text-muted{
color: $TextFillColorSecondary;
}

Expand Down
6 changes: 3 additions & 3 deletions src/modules/betterdiscord/plugins/_Dastan21.FavoriteMedia.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
// Chat box icons
.theme-dark .buttonContainer__74017.fm-buttonContainer{
.theme-dark ._740174f3d6a2c8fe-buttonContainer.fm-buttonContainer{
align-items: flex-start;
.button__201d5{
._201d5e8a3c09670a-button{
width: 32px;
height: 32px;
margin-top: 6px;
margin-right: 2px;
&.active__24af7,
&._24af7f4d0326ba4f-active,
&:hover{
background-color: $ControlFillColorDefault;
border: 1px solid $ControlStrokeColorDefault;
Expand Down
2 changes: 1 addition & 1 deletion src/modules/betterdiscord/plugins/_DevilBro.GameActivityToggle.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
html[lang^="en-"].theme-dark .panels__5e434 .button__67645{
html[lang^="en-"].theme-dark ._5e434347c823b592-panels ._67645e1530f1195d-button{
&[aria-label="Disable Game Activity"]::before{
content: "\E7FC"; // Game
}
Expand Down
10 changes: 5 additions & 5 deletions src/modules/betterdiscord/plugins/_DevilBro.PersonalPins.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
html[lang^="en-"].theme-dark .toolbar__9293f .iconWrapper__9293f.cursorPointer_B3uwDA{
html[lang^="en-"].theme-dark ._9293f6b2fc12398a-toolbar ._9293f6b2fc12398a-iconWrapper.cursorPointer_B3uwDA{
&::before{ // Annoyingly has no aria-label
content: "\E70B"; // Note
}
}

.theme-dark .popout_xwjvsX.messagesPopoutWrap_e8b59c.themedPopout_1TrfdI{
.theme-dark .popout_xwjvsX.e8b59c4b335dd2fc-messagesPopoutWrap.themedPopout_1TrfdI{
// Tabs
.tabBar_ab6641{
.tab_ab6641{
.ab66419eae73260f-tabBar{
.ab66419eae73260f-tab{
padding-left: 0;
padding-right: 0;
margin-right: 16px;
Expand All @@ -18,7 +18,7 @@ html[lang^="en-"].theme-dark .toolbar__9293f .iconWrapper__9293f.cursorPointer_B
color: $TextFillColorSecondary;
}

&.selected_aa8da2{
&.aa8da23faa27393c-selected{
background-color: transparent;
color: $AccentTextFillColorPrimary;
&::before{
Expand Down
2 changes: 1 addition & 1 deletion src/modules/betterdiscord/plugins/_DevilBro.ReadAllNotificationsButton.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.theme-dark .listItem__650eb.frame_oXWS21{
.theme-dark ._650eb104245d257b-listItem.frame_oXWS21{
&:active{
transform: none;
}
Expand Down
4 changes: 2 additions & 2 deletions src/modules/betterdiscord/plugins/_DevilBro.SpotifyControls.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,13 @@
color: $TextFillColorSecondary;
}
// Can't detect if Spotify is playing or not, so just use default icons by plugin
.contents__201d5{
._201d5e8a3c09670a-contents{
display: block !important; // Override plugin CSS
}
}

.theme-dark .container_6sXIoE.maximized_vv2Wr0.withTimeline_824fT_{
.button__67645{
._67645e1530f1195d-button{
margin-left: 2px;
&[style="margin-right: 4px;"]{
margin-right: 0 !important; // Override plugin CSS
Expand Down
4 changes: 2 additions & 2 deletions src/modules/betterdiscord/plugins/_DevilBro.StaffTag.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.theme-dark .botTag__5d473[style],
.theme-dark .botTag_c19a55[style]{
.theme-dark ._5d473ecff348c314-botTag[style],
.theme-dark .c19a557985eb7793-botTag[style]{
padding: 0 4px !important;
border-radius: 4px;
text-transform: none;
Expand Down
2 changes: 1 addition & 1 deletion src/modules/betterdiscord/plugins/_DevilBro.Translator.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
}
}

.theme-dark .menu_c1e9c4 .item_c1e9c4{
.theme-dark .c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item{
&[id="message-translator-translate-message"]::before{
content: "\F2B7"; // LocaleLanguage
}
Expand Down
4 changes: 2 additions & 2 deletions src/modules/betterdiscord/plugins/_programmer2514.CollapsibleUI.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.theme-dark #cui-toolbar-container{
.iconWrapper__9293f{
&.selected__9293f{
._9293f6b2fc12398a-iconWrapper{
&._9293f6b2fc12398a-selected{
svg{
color: $TextOnAccentFillColorPrimary;
}
Expand Down
6 changes: 3 additions & 3 deletions src/modules/betterdiscord/plugins/_sawahkitty.KeywordTracker.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
// Show the default icon
html[lang^="en-"].theme-dark .toolbar__9293f{
.iconWrapper__9293f{
html[lang^="en-"].theme-dark ._9293f6b2fc12398a-toolbar{
._9293f6b2fc12398a-iconWrapper{
&[aria-label="Keyword Matches"]{
.icon__9293f{
._9293f6b2fc12398a-icon{
display: block;
}
}
Expand Down
4 changes: 2 additions & 2 deletions src/modules/common/_bot_tag.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.botTagRegular__82f07{
._82f0793afa59e5dc-botTagRegular{
background-color: $SystemFillColorSolidAttentionBackground;
text-transform: none;
.botText__82f07{
._82f0793afa59e5dc-botText{
font-weight: normal;
text-transform: lowercase;
&::first-letter{
Expand Down
2 changes: 1 addition & 1 deletion src/modules/common/_mention.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.theme-dark{
// Mention
.wrapper_f61d60{
.cdf8a9a2bbd98bd3-wrapper{
background-color: transparent;
color: $AccentTextFillColorPrimary;
font-weight: normal;
Expand Down
14 changes: 7 additions & 7 deletions src/modules/common/_tab_bar.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
.theme-dark{
.tabBar__0b563, // A: Guild > Channels & Roles
._0b56311ebc6682e2-tabBar, // A: Guild > Channels & Roles
.tabBar_b9fccc, // B: User profile modal
.tabBar_d6f9e9, // C: User Settings > Profiles
.settingsTabBar_dc2e0e, // D: User Settings > Family Centre
.tabBar__4efb4, // E: Event information modal
.top_aa8da2{ // F: User Settings > Privacy & Safety
.d6f9e90c3456ac40-tabBar, // C: User Settings > Profiles
.dc2e0e7839a6713a-settingsTabBar, // D: User Settings > Family Centre
._4efb4560fd616a25-tabBar, // E: Event information modal
.aa8da23faa27393c-top{ // F: User Settings > Privacy & Safety
border-bottom: 0;

// Items
.item_aa8da2{
.aa8da23faa27393c-item{
@include TypeBody;
color: $TextFillColorPrimary;
border: 0;
Expand All @@ -18,7 +18,7 @@
&::after{
display: none;
}
&.selected_aa8da2{
&.aa8da23faa27393c-selected{
border: 0;
&::before{
content: "";
Expand Down
2 changes: 1 addition & 1 deletion src/modules/common/_typography.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// User settings section sub header
.theme-dark .eyebrow_b717a1{
.theme-dark .b717a15017b82443-eyebrow{
@include TypeBodyStrong;
color: $TextFillColorPrimary;
text-transform: none;
Expand Down
14 changes: 7 additions & 7 deletions src/modules/core/_reset.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,12 +23,12 @@
}

// Override nitro username fonts
.cherryBomb__89a31,
.chicle__89a31,
.museoModerno__89a31,
.neoCastel__89a31,
.pixelify__89a31,
.sinistre__89a31,
.zillaSlab__89a31{
._89a318b9387eda06-cherryBomb,
._89a318b9387eda06-chicle,
._89a318b9387eda06-museoModerno,
._89a318b9387eda06-neoCastel,
._89a318b9387eda06-pixelify,
._89a318b9387eda06-sinistre,
._89a318b9387eda06-zillaSlab{
font-family: var(--font-primary);
}
10 changes: 5 additions & 5 deletions src/modules/discover/_discovery.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
border-radius: 8px 0 0 0;
}

.sidebar_c48ade{
.container__91a9d{
._5e434347c823b592-sidebar{
._91a9d7f7e5248a56-container{
height: 32px;
margin-bottom: 2px;
position: relative;
Expand All @@ -21,16 +21,16 @@
padding: 0 8px;
}

.avatar__91a9d{
._91a9d7f7e5248a56-avatar{
width: 16px;
height: 16px;
}
.name__91a9d{
._91a9d7f7e5248a56-name{
@include TypeBody;
color: $TextFillColorPrimary;
}

&.selected__91a9d{
&._91a9d7f7e5248a56-selected{
.itemInner_c72b37{
background-color: $SubtleFillColorSecondary;
}
Expand Down
20 changes: 10 additions & 10 deletions src/modules/home/_activity.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,46 +1,46 @@
.theme-dark .nowPlayingColumn__133bf{
.theme-dark ._133bf5eea8e33a34-nowPlayingColumn{
background: transparent;
.container__7d20c{
._7d20cf18f8a2784c-container{
background-color: $LayerFillColorDefault;
border-left: 1px solid $CardStrokeColorDefault;
}
.scroller__7d20c{
._7d20cf18f8a2784c-scroller{
border: 0;
}

// Header
.header__7d20c{
._7d20cf18f8a2784c-header{
@include TypeSubtitle;
}

// User data consent card
.card__2eab1.outer_bf1984{
.eafb9cc569d6dcbd-card.bf1984a18b3ec6f0-outer{
background-color: $LayerFillColorDefault;
.header__2eab1,
.eafb9cc569d6dcbd-header,
.defaultColor__77578 {
text-align: left;
}
}

// Card
.wrapper__00943{
._00943886e1cf89d1-wrapper{
background-color: $LayerFillColorDefault;
border: 1px solid $CardStrokeColorDefault;
&:hover{
background-color: $LayerFillColorAlt;
}
}
.inset_bf1984{
.bf1984a18b3ec6f0-inset{
background-color: $LayerFillColorDefault;
border: 1px solid $CardStrokeColorDefault;
border-radius: 4px;
.section__00943{
._00943886e1cf89d1-section{
background-color: transparent;
}
}

// Empty
.emptyCard__7e549{
._7e549558f336cddb-emptyCard{
background-color: $LayerFillColorDefault;
border: 1px solid $CardStrokeColorDefault;
align-items: baseline;
Expand Down
32 changes: 16 additions & 16 deletions src/modules/home/_conversations.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
.theme-dark .privateChannels_e6b769{
.scroller__99e7c{
.theme-dark .e6b7699ce8339e1c-privateChannels{
._99e7cad8d4c55236-scroller{
margin-bottom: 64px;
}

.link__972a0[href="/channels/@me"]{
.avatar__20a53{
._972a0d22c8afa7f0-link[href="/channels/@me"]{
._20a53846fe2e8513-avatar{
&::before{
content: "\E13D"; // Contact
@include FontIconFluent;
Expand All @@ -16,14 +16,14 @@
}
}
// Remove the nitro button
.link__972a0[href="/store"]{
._972a0d22c8afa7f0-link[href="/store"]{
display: none;
}

// Remove badges from the shop button
.channel__972a0{
.link__972a0[data-list-item-id*="___shop"]{
.avatar__20a53{
._972a0d22c8afa7f0-channel{
._972a0d22c8afa7f0-link[data-list-item-id*="___shop"]{
._20a53846fe2e8513-avatar{
&::before{
content: "\E13D"; // Contact
@include FontIconFluent;
Expand All @@ -34,35 +34,35 @@
}
}
// Remove badges from the shop button
.newBadge__4ed1a{
._4ed1af9a212b8f4f-newBadge{
display: none;
}
}
}

.sectionDivider_e6b769{
.e6b7699ce8339e1c-sectionDivider{
display: none;
}

.interactive__972a0{
._972a0d22c8afa7f0-interactive{
&:hover,
&:focus-within{
background-color: $SubtleFillColorSecondary;
box-shadow: inset 0 0 0 1px $SubtleFillColorSecondary;
.name__20a53{
._20a53846fe2e8513-name{
color: $TextFillColorPrimary;
}
}
&.selected_bf202d{
&.bf202d63ad53e289-selected{
background-color: $SubtleFillColorSecondary;
}

.layout__20a53{
._20a53846fe2e8513-layout{
padding: 0 8px;
}

// Name
.name__20a53{
._20a53846fe2e8513-name{
@include TypeBody;
color: $TextFillColorSecondary;
}
Expand All @@ -74,7 +74,7 @@
}

// DMs header
.privateChannelsHeaderContainer__99e7c {
._99e7cad8d4c55236-privateChannelsHeaderContainer {
height: auto;
padding: 12px;
color: $TextFillColorPrimary;
Expand Down
2 changes: 1 addition & 1 deletion src/modules/home/_dm_profile.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

// Section title
.title_c4a579,
.headerText__2ef49{ // 'Deprecated' spotify title
._2ef4989efde1f4e4-headerText{ // 'Deprecated' spotify title
@include TypeBodyStrong;
text-transform: none;
}
Expand Down
8 changes: 4 additions & 4 deletions src/modules/home/_home.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
.theme-dark .sidebar__5e434{
.privateChannels_e6b769{
.theme-dark ._5e434347c823b592-sidebar{
.e6b7699ce8339e1c-privateChannels{
background-color: transparent;
}

.searchBar_e6b769{
.e6b7699ce8339e1c-searchBar{
box-shadow: none;
border-bottom: 0;
button{
Expand All @@ -17,7 +17,7 @@
}
}

.scroller__99e7c{
._99e7cad8d4c55236-scroller{
background-color: transparent;
}
}
Loading