various fixes

ClearVision · Sep 3, 2023 · 406b231 · 406b231
1 parent 4272c19
commit 406b231
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 94 deletions.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -2638,7 +2638,10 @@ pre {
   @extend %forumReactAdd !optional;
 }
 .buttonInner-3aRbcx {
-  @extend %forumReactButton !optional;
+  @extend %forumMessageButton !optional;
+}
+.active-OdlCV- {
+  @extend %forumFollowActive !optional;
 }
 .spoilerText-27bIiA {
   @extend %spoilerText !optional;
@@ -2682,24 +2685,12 @@ pre {
 .input-3O04eu {
   @extend %input !optional;
 }
-.focused-1AtTHC {
+.focused-16iuXg {
   @extend %inputFocused !optional;
 }
 .noBorder-2p63tM {
   @extend %inputNoBorder !optional;
 }
-.multiInput-1VARjC {
-  @extend %multiInput !optional;
-}
-.multiInputFirst-3-OxIz {
-  @extend %multiInputFirst !optional;
-}
-.multiInputLast-35zVz0 {
-  @extend %multiInputLast !optional;
-}
-.multiInputField-1zyopx {
-  @extend %multiInputField !optional;
-}
 .modal-3Hrb0S {
   @extend %modal !optional;
 }
@@ -3698,14 +3689,8 @@ pre {
 .mentionButton-3C5YMI {
   @extend %replyMentionButton !optional;
 }
-.colorMuted-1jNaVo {
-  @extend %replyMentionButtonMuted !optional;
-}
-.colorLink-12GX9V {
-  @extend %replyMentionButtonLink !optional;
-}
 .closeButton-3IEry2 {
-  @extend %replyCancelButton !optional;
+  @extend %replyCloseButton !optional;
 }
 .separator-8ngZ3p {
   @extend %replySeperator !optional;
@@ -4505,18 +4490,18 @@ pre {
 .text-sm-medium-2-Xzsi {
   @extend %textSmallMedium !optional;
 }
-.directoryModal-YJsOMv {
+.directoryContainer-z-0pgp {
   @extend %directoryContainer !optional;
 }
 .category-2OvQ93 {
   @extend %directoryCategory !optional;
 }
-.container-2NdZr9 {
-  @extend %directoryListCard !optional;
-}
 .card-2xymMp {
   @extend %directoryCard !optional;
 }
+.container-2NdZr9 {
+  @extend %directoryListCard !optional;
+}
 .clickable-O5xo4T {
   @extend %directoryCardClickable !optional;
 }
@@ -4526,14 +4511,8 @@ pre {
 .search-2RHhW6 {
   @extend %directorySearchBar !optional;
 }
-.input-3O04eu {
-  @extend %directorySearchBarInput !optional;
-}
-.headerIcon-4CEo5y {
-  @extend %directoryAppIcon !optional;
-}
-.category-3LanTP {
-  @extend %directoryAppCategory !optional;
+.category-qFAw-K.activeCategory-1iqXig {
+  @extend %directorySearchCategory !optional;
 }
 .card-sX105p {
   @extend %directoryAppSupportServer !optional;

diff --git a/src/chat/textArea.scss b/src/chat/textArea.scss
@@ -99,17 +99,7 @@
   border: 2px solid transparent;
   box-shadow: none;
 }
-%replyMentionButton {
-  padding: 4px;
-  margin-right: 3px;
-  &%replyMentionButtonMuted {
-    color: rgb(240, 71, 71);
-  }
-  &%replyMentionButtonLink {
-    color: rgb(67, 181, 129);
-  }
-}
-%replyCancelButton {
+%replyCloseButton {
   padding: 8px 16px 8px 4px;
   margin-left: 4px;
 }

diff --git a/src/general/input.scss b/src/general/input.scss
@@ -22,22 +22,14 @@
     box-shadow: none;
     background: none;
   }
-  &%multiInput {
-    background: transparent;
-    box-shadow: none;
-  }
-  %multiInputFirst {
-    %multiInputField {
-      border-radius: 3px 0 0 3px;
-    }
-  }
-  %multiInputLast {
-    &:before {
-      height: 0;
-      width: 0;
-    }
-    %multiInputField {
-      border-radius: 0 3px 3px 0;
+  .copyInput-3QjTFp {
+    %input {
+      background-color: transparent;
+      box-shadow: none;
+      &:focus,
+      &%inputFocused {
+        box-shadow: none;
+      }
     }
   }
 }
diff --git a/src/messages/reaction.scss b/src/messages/reaction.scss
@@ -54,13 +54,13 @@
     }
   }
 }
-%forumReactAdd, %forumReactButton {
+%forumReactAdd {
 	background-color: hsla(0, 0%, 100%, 0.05);
     border-radius: 3px;
     transition: all .15s ease-in-out;
     &:hover {
       background-color: hsla(0, 0%, 100%, 0.2);
-	    border-color: hsla(0,calc(var(--saturation-factor, 1)*0%),100%,.2);
-	    color: #fff !important;
+	    border-color: hsla(0, 0%, 100%, 0.2);
+	    color: #fff;
     }
 }
diff --git a/src/pages/forums.scss b/src/pages/forums.scss
@@ -150,3 +150,19 @@
 %forumChatStartBox {
 	background-color: transparent;
 }
+%forumMessageButton {
+  background-color: hsla(0, 0%, 100%, 0.05);
+  border-radius: 3px;
+  transition: all .15s ease-in-out;  
+  &:hover {
+    background-color: hsla(0, 0%, 100%, 0.2);
+    border-color: hsla(0, 0%, 100%, 0.2);
+    color: #fff ;
+  }
+  &%forumFollowActive {
+    color: $main-color;
+    &:hover {
+      color: $hover-color;
+    }
+  }
+}
diff --git a/src/settings/serverSettings.scss b/src/settings/serverSettings.scss
@@ -371,7 +371,7 @@
 
 // APP DIRECTORY
 %directoryContainer {
-  background: transparent !important;
+  background: transparent;
   &:before {
     content: '';
     @include stretch;
@@ -380,33 +380,26 @@
     background: cv('bg.app.img') cv('bg.app.pos') / cv('bg.app.size') cv('bg.app.repeat') cv('bg.app.attach');
     @include filters(cv('bg.app'));
   }
-  &:after {
-    content: '';
-    @include stretch;
-    position: fixed;
-    z-index: -1;
-    background: cv('bg.app.overlay');
-  }
 }
-%directoryCategory,
-// 1st recommended app card
-%directoryCard {
-  background: rgba(0,0,0,.3);
+%directoryCategory {
+  background: rgba(0,0,0,.4);
   &:hover {
     background: $hover-color;
   }
 }
+%directoryCard {
+  background: rgba(0,0,0,.4);
+}
 // list cards
 %directoryListCard {
-  background: rgba(0,0,0,.3);
-}
-// list cards hover
-%directoryCardClickable%directoryListCard:hover {
-  background: $hover-color;
+  background: rgba(0,0,0,.4);
+  %directoryCardClickable &:hover {
+    background-color: hsla(0, 0%, 0%, 0.6);
+  }
 }
 // new to apps card
 %directoryFooter {
-  background: rgba(0,0,0,.3);
+  background: rgba(0,0,0,.4);
 }
 %themeDark {
   %directorySearchBar {
@@ -418,7 +411,7 @@
       box-shadow: 0 0 2px 2px $main-color;
       transition: all 0.15s ease-in-out;
     }
-    %directorySearchBarInput {
+    %input {
       color: #fff;
       box-shadow: none;
       &::placeholder {
@@ -427,14 +420,9 @@
     }
   }
 }
-
-%directoryAppIcon {
-	border: 7px solid transparent;
-	background: transparent;
-}
 /*side categories*/
-%directoryAppCategory {
-	background: var(--main-color);
+%directorySearchCategory {
+	background: $main-color;
 }
 /*side support server card*/
 %directoryAppSupportServer,

diff --git a/src/settings/userSettings.scss b/src/settings/userSettings.scss
@@ -63,7 +63,21 @@
 .inlineUpsell-3zPTgw {
   background: rgba(0,0,0,.5);
 }
-// PRIVACY AND SAFETY
+
+// FAMILY CENTER
+.container-2WMFjc,
+.container-jV-A82,
+.container-1iKw09,
+.box-3QCU9H {
+	background-color: hsla(0, 0%, 0%, 0.4);
+}
+.circle-1ip_Nd,
+.iconContainer-3cz2oI {
+	background-color: transparent;
+}
+.row-XYkFDK {
+	background-color: hsla(0, 0%, 100%, 0.07);
+}
 
 // AUTHORIZED APPS
 .authedApp-1tw-eT {
@@ -123,8 +137,7 @@
 }
 
 // NITRO
-.bigPerkCard-1uwmWV,
-.smallPerkCard-2sX_-- {
+.theme-dark .feature-2IUcBI {
 	background-color: rgba(0, 0, 0, 0.4);
 }
 
@@ -170,8 +183,6 @@
   background-color: rgba(0, 0, 0, 0.4);
 }
 
-// HYPESQUAD
-
 // ACCESSIBILITY
 %accessibilityMessagePreview {
   background-color: transparent;
@@ -182,6 +193,7 @@
   %micTest {
     %micTestContainer {
       background: $main-color  !important;
+      mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='yellow'%3E%3Cpath fill-rule='evenodd' d='M 4 2 C 2.895 2 2 2.895 2 4 L 2 16 C 2 17.54 3.667 18.502 5 17.732 C 5.619 17.375 6 16.715 6 16 L 6 4 C 6 2.895 5.105 2 4 2 Z'/%3E%3C/svg%3E");
       -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='yellow'%3E%3Cpath fill-rule='evenodd' d='M 4 2 C 2.895 2 2 2.895 2 4 L 2 16 C 2 17.54 3.667 18.502 5 17.732 C 5.619 17.375 6 16.715 6 16 L 6 4 C 6 2.895 5.105 2 4 2 Z'/%3E%3C/svg%3E");
     }
     %micTestProgress {