fix: Most shenanigans related to new user popouts (#305)

catppuccin · Jun 24, 2024 · 0fdf59a · 0fdf59a
1 parent 01fcb74
commit 0fdf59a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/components/_details.scss b/src/components/_details.scss
@@ -105,7 +105,8 @@ span[class*="username_"][style*="color: rgb(53, 57, 64)"] {
 
 // server badges
 div[class^="flowerStarContainer"] {
-  &[class*="verified_"] {
+  &[class*="verified_"],
+  &[class*="connectedAccountVerifiedIcon_"] {
     svg[class^="flowerStar"] path {
       fill: $green;
     }

diff --git a/src/components/_popouts.scss b/src/components/_popouts.scss
@@ -662,6 +662,15 @@ div[class*="userProfileOuter_"] {
   }
 }
 
+// Thought bubble
+div[class^="userPopoutInner"] div[class^="statusBubbleOuter"] {
+  &:before,
+  &:after,
+  div[class^="statusBubble"] {
+    background-color: $mantle;
+  }
+}
+
 [class*="layerContainer_"] [id^="slate_toolbar"] {
   background-color: var(--background-floating);
 

diff --git a/src/components/_variables.scss b/src/components/_variables.scss
@@ -269,6 +269,8 @@ html {
   --deprecated-card-bg: #{adjust-color($crust, $alpha: -0.4)};
   --deprecated-card-editable-bg: #{adjust-color($crust, $alpha: -0.7)};
 
+  --bg-mod-faint: #{$mantle};
+
   --deprecated-store-bg: #{$base};
   --deprecated-quickswitcher-input-background: #{darken(
       $surface2,