Skip to content

Commit

Permalink
fix: hopefully all the key icons (#271)
Browse files Browse the repository at this point in the history
ToxicAven authored Dec 7, 2023
1 parent 9a91745 commit 5660f74
Showing 3 changed files with 18 additions and 48 deletions.
12 changes: 2 additions & 10 deletions src/components/_chat.scss
Original file line number Diff line number Diff line change
@@ -48,9 +48,7 @@
}
// Super reactions and beta badge
div[class*="isBurstReactionPicker_"] {
box-shadow:
0 0 0 2px $mauve,
0 0 16px $lavender;
box-shadow: 0 0 0 2px $mauve, 0 0 16px $lavender;
}
div[class^="navButtonSuperReactActive"],
div[class^="navButtonSuperReactActive"]:hover {
@@ -71,9 +69,7 @@
}
div[class*="isBurstReactionPicker"] {
border: none;
box-shadow:
0 0 0 2px $mauve,
0 0 16px $lavender;
box-shadow: 0 0 0 2px $mauve, 0 0 16px $lavender;
}
// Voice messages play button
div[class*="playButtonContainer_"] {
@@ -267,10 +263,6 @@ div[class^="chat"] > div[class^="content"] > div[class^="container"] {
background-color: $base;
}

// Help keys
div[class^="matchingPostsRow"] span[class^="key"] {
color: $crust !important;
}
// forum icons
div[class^="pinIcon"],
div[class^="stepStatus"] {
38 changes: 14 additions & 24 deletions src/components/_details.scss
Original file line number Diff line number Diff line change
@@ -230,32 +230,22 @@ div[class^="tags"] div[class^="pinIcon"] path {

// speaking indicator
div[class*="avatarSpeaking_"] {
-webkit-box-shadow:
inset 0 0 0 2px $green,
-webkit-box-shadow: inset 0 0 0 2px $green,
inset 0 0 0 3px var(--background-secondary);
box-shadow:
inset 0 0 0 2px $green,
box-shadow: inset 0 0 0 2px $green,
inset 0 0 0 3px var(--background-secondary);
}

div[class*="videoLayer_"] > div[class^="tileChild"] > div[class^="border"] {
&[class*="speaking_"] {
-webkit-box-shadow:
inset 0 0 0 2px $green,
inset 0 0 0 3px $green;
box-shadow:
inset 0 0 0 2px $green,
inset 0 0 0 3px $green;
-webkit-box-shadow: inset 0 0 0 2px $green, inset 0 0 0 3px $green;
box-shadow: inset 0 0 0 2px $green, inset 0 0 0 3px $green;
}

// this is when emojis fly across the tile
&[class*="voiceChannelEffect_"] {
-webkit-box-shadow:
inset 0 0 0 2px $brand,
inset 0 0 0 3px $brand;
box-shadow:
inset 0 0 0 2px $brand,
inset 0 0 0 3px $brand;
-webkit-box-shadow: inset 0 0 0 2px $brand, inset 0 0 0 3px $brand;
box-shadow: inset 0 0 0 2px $brand, inset 0 0 0 3px $brand;
}
}

@@ -310,14 +300,6 @@ div[class^="button"][class*="revokeInvite_"] {
background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m14.25 4.808-1.057-1.058-4.193 4.192-4.192-4.192-1.058 1.058 4.192 4.192-4.192 4.193 1.058 1.057 4.192-4.193 4.193 4.193 1.057-1.057-4.193-4.193z' fill='rgb(#{red($red), green($red), blue($red)})' fill-rule='nonzero'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E");
}

// Loading tip keys
div[class*="fixClipping"]
div[class^="tip"]
div[class*="keybind"]
span[class^="key"] {
color: $crust;
}

// Call buttons
div[class*="actions_"] {
button[class*="green_"] {
@@ -332,3 +314,11 @@ div[class*="actions_"] {
fill: $crust !important;
}
}

span[class*="key"] {
color: $crust !important;

g {
fill: $crust !important;
}
}
16 changes: 2 additions & 14 deletions src/components/_pages.scss
Original file line number Diff line number Diff line change
@@ -81,16 +81,6 @@ div[class^="contentRegion"] {
}
}

#keybinds-tab {
span[class*="key"] {
color: $crust;

g {
fill: $crust;
}
}
}

#nitro-server-boost-tab {
circle[class^="circleProgress"] {
color: $pink;
@@ -438,8 +428,7 @@ div[class^="contentRegion"] {

#appearance-tab {
div[class^="selectionCircle"] {
box-shadow:
inset 0 0 0 2px $blue,
box-shadow: inset 0 0 0 2px $blue,
inset 0 0 0 4px var(--background-primary);

svg[class^="checkmarkCircle"] {
@@ -784,8 +773,7 @@ div[class^="standardSidebarView"]

// nitro gradients
div[class^="premiumFeatureBorder"] {
background:
linear-gradient($crust, $crust) padding-box,
background: linear-gradient($crust, $crust) padding-box,
linear-gradient(45deg, $mauve, $pink) border-box;

div[class^="premiumBackground"] {

0 comments on commit 5660f74

Please sign in to comment.