Skip to content

Commit

Permalink
Update classes
Browse files Browse the repository at this point in the history
  • Loading branch information
TakosThings committed Jul 14, 2024
1 parent 2988fc9 commit edf1a39
Show file tree
Hide file tree
Showing 19 changed files with 70 additions and 70 deletions.
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
html[lang^="en-"].theme-dark .toolbar_e44302 .iconWrapper_e44302.cursorPointer_B3uwDA{
html[lang^="en-"].theme-dark .toolbar_fc4f04 .iconWrapper_fc4f04.cursorPointer_B3uwDA{
&::before{ // Annoyingly has no aria-label
content: "\E70B"; // Note
}
Expand Down
2 changes: 1 addition & 1 deletion src/modules/betterdiscord/plugins/_DevilBro.StaffTag.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.theme-dark .botTag_a31c43[style],
.theme-dark .botTag_ec86aa[style]{
.theme-dark .botTag_f9f2ca[style]{
padding: 0 4px !important;
border-radius: 4px;
text-transform: none;
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.theme-dark #cui-toolbar-container{
.iconWrapper_e44302{
&.selected_e44302{
.iconWrapper_fc4f04{
&.selected_fc4f04{
svg{
color: $TextOnAccentFillColorPrimary;
}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
// Show the default icon
html[lang^="en-"].theme-dark .toolbar_e44302{
.iconWrapper_e44302{
html[lang^="en-"].theme-dark .toolbar_fc4f04{
.iconWrapper_fc4f04{
&[aria-label="Keyword Matches"]{
.icon_e44302{
.icon_fc4f04{
display: block;
}
}
Expand Down
2 changes: 1 addition & 1 deletion src/modules/home/_dm_profile.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

// Section title
.title_c4a579,
.headerText_d5089b{ // 'Deprecated' spotify title
.headerText_c1d9fd{ // 'Deprecated' spotify title
@include TypeBodyStrong;
text-transform: none;
}
Expand Down
8 changes: 4 additions & 4 deletions src/modules/home/_toolbar.scss
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
.theme-dark .container_c2739c{
background-color: transparent;
// Toolbar
.container_e44302{
.container_fc4f04{
background-color: transparent;

// Remove icon
.children_e44302 > .iconWrapper_e44302{
.children_fc4f04 > .iconWrapper_fc4f04{
display: none;
}

Expand Down Expand Up @@ -49,11 +49,11 @@
}

// Remove gradient on right-side of tab bar
.children_e44302::after{
.children_fc4f04::after{
display: none;
}
// Remove divider between Group DM and Inbox
.divider_e44302{
.divider_fc4f04{
display: none;
}
}
Expand Down
4 changes: 2 additions & 2 deletions src/modules/icons/main/_toolbar.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
html[lang^="en-"].theme-dark .toolbar_e44302{
.iconWrapper_e44302{
html[lang^="en-"].theme-dark .toolbar_fc4f04{
.iconWrapper_fc4f04{
// Threads
&[aria-label="Threads"]::before{
content: "\E8C4"; // ShowBcc
Expand Down
2 changes: 1 addition & 1 deletion src/modules/main/chat/_browse.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// Channels & Roles
.theme-dark .header_f1fd9c {
background-color: transparent;
.iconWrapper_e44302{
.iconWrapper_fc4f04{
display: none;
}
}
Expand Down
20 changes: 10 additions & 10 deletions src/modules/main/chat/_chat.scss
Original file line number Diff line number Diff line change
Expand Up @@ -84,17 +84,17 @@
}

// Divider
.divider_fc5f50{
.divider_c2654d{
justify-content: flex-end;
border-color: $DividerStrokeColorDefault;
.content_fc5f50,
.unreadPill_fc5f50{
.content_c2654d,
.unreadPill_c2654d{
padding: 2px 8px;
background-color: $SystemFillColorSolidNeutralBackground;
color: $TextFillColorPrimary;
@include TypeCaption;
}
.unreadPill_fc5f50{
.unreadPill_c2654d{
height: unset;
top: -1px;
background-color: $SystemFillColorCriticalBackground;
Expand All @@ -105,13 +105,13 @@
display: none;
}
}
&.isUnread_fc5f50{
&.isUnread_c2654d{
// NOTE: 2021-08-29 - The border should technically be SystemFillColorCriticalBackground, but is barely visisble, so using the text fill instead.
border-color: $SystemFillColorCritical;
.content_fc5f50{
.content_c2654d{
border-radius: 8px 0 0 8px;
}
.unreadPill_fc5f50{
.unreadPill_c2654d{
position: relative;
}
}
Expand Down Expand Up @@ -178,7 +178,7 @@
}

// inline code
.markup_d6076c code{
.markup_f8f345 code{
background-color: $LayerFillColorDefault;
}

Expand Down Expand Up @@ -211,15 +211,15 @@
}

// Remove avatar borders/decorations
.avatarDecoration_ec86aa{
.avatarDecoration_f9f2ca{
display: var(--fluent-show-avatar-decorations);
}

// Loading chat messages
.wrapper_ba0ffb{
background-color: transparent;
// The placeholding items wrappers
.wrapper_b211c6{
.wrapper_b75bb9{
background-color: transparent;
}
}
Expand Down
8 changes: 4 additions & 4 deletions src/modules/main/chat/_thread.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,17 +3,17 @@
border-radius: 0;

// Toolbar
.container_e44302{
.container_fc4f04{
background-color: transparent;
.children_e44302{
.children_fc4f04{
// Removes small gradient
&::after{
display: none;
}
> .iconWrapper_e44302{
> .iconWrapper_fc4f04{
display: none;
}
.title_e44302{
.title_fc4f04{
@include TypeBodyStrong;
}
}
Expand Down
14 changes: 7 additions & 7 deletions src/modules/main/chat/embeds/_spotify.scss
Original file line number Diff line number Diff line change
@@ -1,31 +1,31 @@
.theme-dark .invite_cdcad9{
.theme-dark .invite_f61cb8{
background-color: $CardBackgroundFillColorDefault;
border: 1px solid $SurfaceStrokeColorFlyout;
border-radius: 8px;

// Header
.header_cdcad9{
.header_f61cb8{
color: $TextFillColorPrimary;
@include FontNormal;
@include TypeBodyStrong;
text-transform: none;
}

.partyStatus_cdcad9 {
.partyStatus_f61cb8 {
@include TypeBody;
}
.details_cdcad9,
.state_cdcad9{
.details_f61cb8,
.state_f61cb8{
font-size: inherit;
}

// Artwork
.artwork_cdcad9{
.artwork_f61cb8{
border-radius: 4px;
}

// Ended
.artworkSpotifySessionEnded_cdcad9{
.artworkSpotifySessionEnded_f61cb8{
background-image: none;
&::before{
content: "\E15B"; // Stop
Expand Down
2 changes: 1 addition & 1 deletion src/modules/main/chat/embeds/_text.scss
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
}

// Codeblock
.theme-dark .markup_d6076c code{
.theme-dark .markup_f8f345 code{
background-color: $CardBackgroundFillColorDefault;
border: 1px solid $SurfaceStrokeColorFlyout;
border-radius: 8px;
Expand Down
2 changes: 1 addition & 1 deletion src/modules/main/guilds/_guilds.scss
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
// Pill
& > div[class^="pill_"]{
z-index: 1;
.item_fd07a3{
.item_c4cd66{
width: 3px;
height: 16px !important;
margin-left: 4px;
Expand Down
26 changes: 13 additions & 13 deletions src/modules/main/toolbar/_toolbar.scss
Original file line number Diff line number Diff line change
@@ -1,27 +1,27 @@
.theme-dark .title_a7d72e, // Normal toolbar
.theme-dark .container_e44302{ // Browse channels toolbar
.theme-dark .container_fc4f04{ // Browse channels toolbar
padding: 0 0 0 20px;
&.themed_e44302{
&.themed_fc4f04{
background-color: transparent;
}
// Channel & MOTD
// Remove hash symbol
.children_e44302{
.children_fc4f04{
// Gradient at end of MOTD field
&::after{
display: none;
}
.iconWrapper_e44302{
.iconWrapper_fc4f04{
display: none;
}
}
// Channel name
.title_e44302{
.title_fc4f04{
@include TypeBodyStrong
}

// Remove divider
.divider_e44302{
.divider_fc4f04{
display: none;
}

Expand All @@ -32,13 +32,13 @@
}

// Add some margin to the caret when in fullscreen thread view
.caret_e44302{
.caret_fc4f04{
margin-right: 8px;
}
}

// Toolbar
.theme-dark .toolbar_e44302{
.theme-dark .toolbar_fc4f04{
// Using these selectors so there are fewer conflicts in the voice screen
div[role=button]:not(.iconLayout_effbe2), // :not excludes the search/clear button in the search bar
button[type=button]{
Expand All @@ -59,7 +59,7 @@
}

// Selected
&.selected_e44302{
&.selected_fc4f04{
background-color: $AccentFillColorSecondary;
&::before{
color: $TextOnAccentFillColorPrimary;
Expand All @@ -79,7 +79,7 @@
left: 38px;
@include TypeCaption;
}
.iconBadge_e44302{
.iconBadge_fc4f04{
width: 16px;
height: 3px;
right: 22px;
Expand All @@ -91,8 +91,8 @@
}

// Icon replacements
html[lang^="en-"].theme-dark .toolbar_e44302{
.iconWrapper_e44302{
html[lang^="en-"].theme-dark .toolbar_fc4f04{
.iconWrapper_fc4f04{
&::before{
@include FontIconFluent;
width: 60px;
Expand All @@ -103,7 +103,7 @@ html[lang^="en-"].theme-dark .toolbar_e44302{
display: block;
}
// Remove default icon
.icon_e44302,
.icon_fc4f04,
.controlIcon-35oS15{
display: none;
}
Expand Down
16 changes: 8 additions & 8 deletions src/modules/main/voice/_voice.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
// transform: unset !important;
// }
// Draw debug borders on top toolbar buttons
// .toolbar_e44302{
// .toolbar_fc4f04{
// border: 1px solid red;
// div[role=button],
// button[type=button]{
Expand All @@ -31,13 +31,13 @@
.videoControls_dd069c{
// Top
.topControls_dd069c{
.upperContainer_e44302{
.children_e44302{
.upperContainer_fc4f{
.children_fc4f04{
// Remove voice icon
.iconWrapper_e44302{
.iconWrapper_fc4f04{
display: none;
}
.title_e44302{
.title_fc4f04{
padding-left: 12px;
@include TypeBodyStrong
}
Expand Down Expand Up @@ -79,7 +79,7 @@


// Go to "REF: Chat button" for chat button CSS
.divider_e44302{
.divider_fc4f04{
display: none;
}
}
Expand Down Expand Up @@ -193,7 +193,7 @@

// Special case for volume control
// Make the volume icon centred in button
.rightTrayIcon_d880dc .volumeButton_c30bea{
.rightTrayIcon_d880dc .volumeButton_ea7ad5{
width: 34px;
height: 34px;
}
Expand Down Expand Up @@ -269,7 +269,7 @@

// Icon replacements
// Top toolbar (excludes Inbox button)
html[lang^="en-"].theme-dark .toolbar_e44302{
html[lang^="en-"].theme-dark .toolbar_fc4f04{
.button_dd4f85{
&::before{
@include FontIconFluent;
Expand Down
6 changes: 3 additions & 3 deletions src/modules/popouts/_channel.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,17 +26,17 @@
}

// Timebar
.bar_aa267a {
.bar_ec2fa7 {
height: 3px;
background-color: $ControlStrokeColorDefault;
margin: 0 8px;
}
.barInner_aa267a{
.barInner_ec2fa7{
height: 3px;
background-color: $AccentBase;
}
// Timecode
.text_aa267a{
.text_ec2fa7{
@include TypeCaption;
}
}
Expand Down
Loading

0 comments on commit edf1a39

Please sign in to comment.