var(--main-color) -> $main-color

var(--hover-color) -> $hover-color new shop layout fixed
ClearVision · Sep 29, 2024 · 28dc49c · 28dc49c
1 parent 5f975a7
commit 28dc49c
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 12 deletions.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -5103,7 +5103,13 @@ pre {
   @extend %profileEffectDescriptionContainer !optional;
 }
 .shop_e77fa3 {
-  @extend %shop !optional;
+  @extend %shopAll !optional;
+}
+.shopAll_ebba41 {
+  @extend %popularPicksShopAll !optional;
+}
+.shop_ebba41 {
+  @extend %shopPreview !optional;
 }
 .shopScroll_e77fa3 {
   @extend %shopBackground !optional;

diff --git a/src/channels/panels.scss b/src/channels/panels.scss
@@ -80,7 +80,7 @@ button%panelButton {
         color: $hover-color;
       }
       %panelActionButtonLottieIcon {
-        --__lottieIconColor: var(--main-color) !important;
+        --__lottieIconColor: $main-color !important;
       }
     }
   }

diff --git a/src/general/spinner.scss b/src/general/spinner.scss
@@ -54,5 +54,5 @@
   background-color: hsla(0, 0%, 0%, 0.6);
 }
 %spinnerPulsingEllipsis %spinnerPulsingEllipsisItem {
-  background-color: var(--main-color);
+  background-color: $main-color;
 }
diff --git a/src/headerBar/headerBar.scss b/src/headerBar/headerBar.scss
@@ -66,8 +66,8 @@
 }
 %headerChannelNameInput:focus {
   background: transparent;
-  box-shadow: inset 0 0 0 1px var(--main-color);
+  box-shadow: inset 0 0 0 1px $main-color;
 }
 %headerChannelNameOuter:hover %headerChannelNameInput {
-  box-shadow: inset 0 0 0 1px var(--main-color);
+  box-shadow: inset 0 0 0 1px $main-color;
 }
diff --git a/src/members/members.scss b/src/members/members.scss
@@ -239,6 +239,6 @@
   border: 2px solid transparent;
   &:hover {
     background: rgba(0, 0, 0, calc(var(--background-shading) * 0.4));
-    border: 2px solid var(--hover-color);
+    border: 2px solid $hover-color;
   }
 }
diff --git a/src/pages/discordShop.scss b/src/pages/discordShop.scss
@@ -1,6 +1,14 @@
 /* DISCORD SHOP */
-
-%shop {
+%shopPreview {
+  background: rgba(0, 0, 0, 0.6);
+}
+%popularPicksShopAll {
+  background: $main-color;
+  &:hover {
+    background: $hover-color;
+  }
+}
+%shopAll {
   background-color: transparent;
 }
 %shopBackground {
@@ -91,7 +99,7 @@
 
 // Shop new pill
 %shopNewPill {
-  background: radial-gradient(ellipse at 120%200%, var(--main-color) 10%, transparent 70%);
+  background: radial-gradient(ellipse at 120%200%, $main-color 10%, transparent 70%);
 }
 
 // Shop what's new

diff --git a/src/popouts/otherPopouts.scss b/src/popouts/otherPopouts.scss
@@ -51,14 +51,14 @@
   border-color: hsla(0, 0%, 100%, 0.09);
   &:hover {
     background-color: hsla(0, 0%, 100%, 0.07);
-    border-color: var(--hover-color);
+    border-color: $hover-color;
   }
 }
 %vcSetActivityPopoutButton {
-  background-color: var(--main-color);
+  background-color: $main-color;
   border-color: transparent;
   &:hover {
-    background-color: var(--hover-color);
+    background-color: $hover-color;
     border-color: transparent;
   }
 }