Fix: another round of tnixc's bugs

catppuccin · Oct 25, 2023 · eaabbc4 · eaabbc4
1 parent 23af2d3
commit eaabbc4
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 18 deletions.
diff --git a/src/components/_chat.scss b/src/components/_chat.scss
@@ -36,11 +36,14 @@
   // reactions
   [id^="message-reactions"] {
     div[class^="reaction"] {
-      background-color: $surface0;
       &:hover {
         background-color: var(--brand-experiment-20a);
         border-color: var(--brand-experiment-30a);
       }
+
+      div[class^="reactionInner"] {
+        border-radius: 0.4rem;
+      }
     }
   }
   // Super reactions and beta badge
@@ -244,6 +247,10 @@ 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"] {
@@ -327,7 +334,7 @@ div[class^="chat"]
 // Threads header icon
 div[class^="messagesWrapper"]
   ol[class^="scrollerInner"]
-  div[class^="container"]
+  div[class^="container"]:not([class*="cozy"])
   div[class^="iconWrapper"] {
   background-color: $brand;
   svg[class^="icon"] {

diff --git a/src/components/_popouts.scss b/src/components/_popouts.scss
@@ -534,6 +534,11 @@ div[class*="cardWarning_"] div[class*="warning_"] {
   }
 }
 
+// Reaction button for forum channels
+button#reaction-picker-tab div[class^="contents"] {
+  color: $crust;
+}
+
 div[class*="keyboardShortcutsModal_"] {
   background-color: $mantle !important;
 
@@ -681,3 +686,25 @@ div[class^="keyboardShortcutsModal"] span[class^="key"] {
     fill: $crust !important;
   }
 }
+
+// Server tooltips
+[class*="disabledPointerEvents"] {
+  --background-floating: #{$surface0};
+  --background-tertiary: #{lighten($base, 3%)};
+
+  svg[class^="activityIcon"] {
+    color: $subtext0;
+  }
+
+  [class*="tooltipBrand_"] {
+    [class*="tooltipText_"] {
+      color: $crust;
+    }
+  }
+
+  div[class^="flowerStarContainer"] {
+    div[class^="childContainer"] svg path {
+      fill: $crust !important;
+    }
+  }
+}
diff --git a/src/components/_variables.scss b/src/components/_variables.scss
@@ -137,6 +137,7 @@ html {
   // update discord icon
   --status-green-560: #{$green};
 
+  --white-400: #{$text};
   --white-500: #{$text};
 
   --guild-boosting-pink: #{$pink};
@@ -283,22 +284,6 @@ html {
   --interactive-muted: #{adjust-color($text, $alpha: -0.7)};
   --interactive-hover: #{$text};
   --interactive-active: #{$text};
-
-  // make tooltips that you can't hover surface0
-  [class*="disabledPointerEvents"] {
-    --background-floating: #{$surface0};
-    --background-tertiary: #{lighten($base, 3%)};
-
-    svg[class^="activityIcon"] {
-      color: $subtext0;
-    }
-
-    [class*="tooltipBrand_"] {
-      [class*="tooltipText_"] {
-        color: $crust;
-      }
-    }
-  }
 }
 
 ::selection {