dynamic shading, hopefully doesn't look like shit

lol el bozo Snow

Author: BabyBoySnow

lib/selectors/selectorPlaceholders.scss

@@ -654,7 +654,8 @@
 .newMessagesBar__0f481 {
   @extend %newMessagesBar !optional;
 }
-.jumpToPresentBar__0f481 {
+.jumpToPresentBar__0f481,
+.bottomBar__0f481 {
   @extend %jumpToPresentBar !optional;
 }
 .hasMore__8db19 {
@@ -791,6 +792,9 @@
 .wrapper_d852db {
   @extend %chatLoadingWrapper !optional;
 }
+.cozy_fc8177 {
+  @extend %chatLoadingCozy !optional;
+}
 .wrapper_fc8177 {
   @extend %chatLoadingWrapperCozy !optional;
 }
@@ -866,6 +870,9 @@
 .form_f75fb0 {
   @extend %chatForm !optional;
 }
+.channelTextArea_f75fb0 {
+  @extend %channelTextAreaNoPermissions !optional;
+}
 .channelTextArea__74017 {
   @extend %channelTextArea !optional;
 }
@@ -5579,11 +5586,14 @@ pre {
   @extend %textContainerCodeIcon !optional;
 }
 .tabBody__133bf {
-  @extend %friendsList !optional
+  @extend %friendsList !optional;
 }
 .childWrapperNoHoverBg__6e9f8 {
-  @extend %homeIconBackground !optional
+  @extend %homeIconBackground !optional;
 }
 .embedFull__623de {
   @extend %embedBackground !optional;
+}
+.root_bfe55a {
+  @extend %startingCall !optional;
 }

src/visualRefresh.scss

@@ -1,4 +1,5 @@
 %visualRefresh {
+
   // APP BG
   %appMount {
     background: var(--background-overlay);
@@ -28,7 +29,7 @@
   %dividerDate,
   // HOME ICON BACKGROUND WHEN NO HOVER
   %homeIconBackground {
-    background: transparent;
+    background: rgba(0, 0, 0, calc($bg-shading * 0.1));
   }
 
   // CHAT BG
@@ -43,21 +44,24 @@
   }
 
   // CHAT INPUT
-  %channelTextArea,
-  .channelTextArea_f75fb0 {
-    background-color: rgba(0, 0, 0, 0.6);
+  %visualRefreshChatInput {
+    %channelTextArea {
+      background-color: rgba(0, 0, 0, calc( $bg-shading * 0.6));
+    }
   }
 
   // FORUM HEADER & ATTACHMENT AREA
   %forumChatHead, 
   .header__34c2c,
   .channelAttachmentArea_b77158 {
-    background: rgba(0, 0, 0, 0.6);
+    background: rgba(0, 0, 0, calc( $bg-shading * 0.6));
   }
 
+
+
   // UPLOAD AREA
   %channelTextAreaUpload {
-    background: rgba(0, 0, 0, 0.4);
+    background: rgba(0, 0, 0, calc( $bg-shading * 0.4));
     border: 1px solid $main-color;
   }
 
@@ -80,20 +84,20 @@
 
   // EMOJI PICKER
   %emojiPicker {
-    background-color: transparent;
+    background-color: var(--popout-color);
     }
 
   %emojiPickerInspector {
-    background-color: transparent;
+    background-color: rgba(0, 0, 0, calc($bg-shading * 0.1));
     border-top: var(--border-faint);
     }
 
   %emojiPickerGuildBar {
-    background: transparent;
+    background:  rgba(0, 0, 0, calc($bg-shading * 0.1));
     }
 
   %emojiPickerWrapper {
-    background-color: transparent;
+    background-color: var(--popout-color);
     }
 
   %emojiPickerCategoryHeaderWrapper {
@@ -114,7 +118,7 @@ html:not(.visual-refresh .scroller_ef3116) button.vc-ranb-button.button__201d5.l
   position: static;
   background: rgba(0, 0, 0, 0.4);
   border-radius: 50px;
-  color: var(--text-normal);
+  color: $text-normal;
   box-sizing: border-box;
   padding: 4px 8px;
   overflow: visible;
@@ -148,10 +152,37 @@ html:not(.visual-refresh .scroller_ef3116) button.vc-ranb-button.button__201d5.l
   %soundboard {
     background: var(--popout-color);
     }
+
+  %channelTextAreaNoPermissions {
+    background: rgba(0, 0, 0, calc( $bg-shading * 0.8));
+  }
+
+  %jumpToPresentBar {
+    background-color: rgba(0, 0, 0, calc($bg-shading * 0.6));
+    &:hover {background-color: rgba(0, 0, 0, calc($bg-shading * 0.8));}
+  }
+
+  %fileUploading {
+    background-color: rgba(0, 0, 0, calc( $bg-shading * 0.6));
+    border-color: none;
+    box-shadow: none;
+  }
+
+  %chatLoadingWrapper {
+    background: transparent;
+  }
+
+  %startingCall {
+    background: transparent;
+  }
+
+  %forumChat {
+    background-color: hsla(0, 0%, 95%, .1);
+  }
 }
 
 // NEW VOICE FILTER THINGY
 // TODO: CHANGE THIS TO SELECTORS, PROBABLY NEEDS MORE ADJUSTMENT
 .visual-refresh .voiceFiltersFooter_e2f668, .visual-refresh .voiceFiltersPopout_e2f668 {
   background: var(--popout-color);
-}
+}