user settings

xColler · Sep 1, 2022 · fa78b2e · fa78b2e
1 parent 1ae72f6
commit fa78b2e
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -1119,6 +1119,9 @@
 .lookFilled-yCfaCM {
   @extend %buttonFilled !optional;
 }
+.buttonColor-1u-3JF {
+  @extend %buttonPreview !optional;
+}
 .lookOutlined-3yKVGo {
   @extend %buttonOutlined !optional;
 }
@@ -3547,12 +3550,24 @@ pre {
 .userPopoutInnerNonPremium-3zrFkp {
   @extend %userPopoutInnerNonPremium !optional;
 }
+.userPopoutInnerNonPremium-tEvJkL {
+  @extend %userPopoutSettingsNonPremium !optional;
+}
 .userPopoutInnerPremiumWithoutBanner-na5t_W {
   @extend %userPopoutInnerPremiumNoBanner !optional;
 }
+.userPopoutInnerPremiumWithoutBanner-2drBVp {
+  @extend %userPopoutSettingsWithoutBanner !optional;
+}
 .overlayBackground-arbZMT {
   @extend %userPopoutInnerOverlayBackground !optional;
 }
+.overlayBackground-H1K9ZY {
+  @extend %userPopoutSettingsOverlayBackground !optional;
+}
+.profileCustomizationPreview-2-Y173 {
+  @extend %userPopoutCustomization !optional;
+}
 .wrapper-400BN2 {
   @extend %userPopoutUpsell !optional;
 }

diff --git a/src/general/button.scss b/src/general/button.scss
@@ -10,7 +10,8 @@
 %buttonFilledGreen,
 %buttonFilledBrandNew,
 %buttonFilledBrandNew2,
-%buttonFilledPrimary {
+%buttonFilledPrimary,
+%buttonPreview {
   background: $main-color;
   color: #fff;
   &:hover,

diff --git a/src/popouts/userPopout.scss b/src/popouts/userPopout.scss
@@ -85,7 +85,9 @@
 
 %userPopoutInnerWithBanner,
 %userPopoutInnerNonPremium,
-%userPopoutInnerPremiumNoBanner {
+%userPopoutInnerPremiumNoBanner,
+%userPopoutSettingsNonPremium,
+%userPopoutSettingsWithoutBanner {
   position: relative;
   max-height: calc(100vh - 40px);
   border-radius: 5px;
@@ -143,4 +145,12 @@
   %userPopoutUpsell {
     width: 100%;
   }
+}
+%userPopoutCustomization {
+  background: transparent;
+  // BODY
+  %userPopoutSettingsOverlayBackground,
+  %userPopoutprofileBadgeContainer {
+    background: cv('bg.popout.overlay');
+  }
 }