Fix: Theme channels & roles (#314)

* Fix: Theme channels & roles * theme channels and roles * theme channels & roles bg * fix variable
catppuccin · Sep 13, 2024 · e14e442 · e14e442
1 parent 80c0fcb
commit e14e442
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 30 deletions.
diff --git a/src/components/_chat.scss b/src/components/_chat.scss
@@ -549,43 +549,45 @@ div[class*="giftCodeContainer"] [class*="tile"] {
 
 // channels & roles
 div[class*="chat_"] {
-  // header
-  section[class*="header_"] {
-    background-color: $mantle;
-  }
-
   div[class*="content_"][class*="container_"] {
-    background-color: $mantle;
-
-    div[class*="container"] {
-      background-color: $mantle;
-    }
-
-    div[class*="search_"] {
-      background-color: $base !important;
-
-      input::placeholder {
-        color: $overlay0;
+    // customise
+    div[class^="profileCard_"] {
+      background-color: $surface0;
+      div[class^="role_"] {
+        background-color: $mantle;
       }
     }
 
-    div[class*="browser"] {
-      div[class*="content"] div[class^="container"] {
-        background-color: $base;
+    div[class^="prompt_"] {
+      background-color: $surface0;
+      div[class^="optionButtonWrapper_"][class*="selected_"] {
+        background-color: $mantle;
+        border-color: $mantle;
       }
-    }
-
-    div[class*="scrollerContainer_"] {
-      background-color: $mantle;
-
-      div[class*="checkIcon_"][style*="opacity: 1;"] > svg > path {
-        fill: $crust;
+      div[class^="select_"] {
+        div[class$="control"] {
+          background-color: $mantle;
+          border-color: $mantle;
+          div[class^="selectValuePill_"] {
+            background-color: $surface0;
+          }
+        }
+        div[class$="menu"] {
+          background-color: $base;
+          border-color: $mantle;
+        }
       }
     }
-
-    div[role="tablist"] {
-      background-color: $mantle;
-      border-bottom: 2px solid $surface0;
+
+    // channels
+    div[class*="search_"] input::placeholder {
+      color: $overlay1;
+    }
+    div[class^="channelRow_"] {
+      background-color: $surface0;
+      &:hover:not([class*="disabled_"]) {
+          background-color: $base;
+      }
     }
   }
 }

diff --git a/src/components/_variables.scss b/src/components/_variables.scss
@@ -75,6 +75,7 @@ html {
   --bg-base-secondary: #{$mantle};
   --bg-surface-raised: #{$base};
 
+  --home-background: #{$base};
   --chat-background: #{$base};
   --chat-border: #{$crust};
   --chat-input-container-background: #{$base};