From c3fb1cae0849a1ceffbe0f22c6cd10486a50082d Mon Sep 17 00:00:00 2001
From: Isabel <71222764+isabelroses@users.noreply.github.com>
Date: Tue, 25 Jul 2023 11:07:21 +0100
Subject: [PATCH] fix(mastodon): fill unthemed sections (#139)

* fix(mastodon): fill unthemed sections

* add theming for emoji picker
* add theming for glitch soc
---
 styles/mastodon/catppuccin.user.css | 88 +++++++++++++++++++++++++++--
 1 file changed, 83 insertions(+), 5 deletions(-)

diff --git a/styles/mastodon/catppuccin.user.css b/styles/mastodon/catppuccin.user.css
index fe3dea2..61f90dd 100644
--- a/styles/mastodon/catppuccin.user.css
+++ b/styles/mastodon/catppuccin.user.css
@@ -2,13 +2,13 @@
 @name           Mastodon Catppuccin
 @namespace      github.com/catppuccin/userstyles/styles/mastodon
 @homepageURL    https://github.com/catppuccin/userstyles/tree/main/styles/mastodon
-@version        1.1.4
+@version        1.1.5
 @description    Soothing pastel theme for Mastodon
 @author         Catppuccin
 @updateURL      https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css
-@license 		MIT
+@license        MIT
 
-@preprocessor   less
+@preprocessor less
 @var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
 @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
 @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire*", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
@@ -241,7 +241,7 @@ domain("mastodon.social") {
     .getting-started__trends h4,
     .trends__item__name span,
     .story {
-      border-color: @subtext0;
+      border-color: @surface0;
     }
 
     .account__header__tabs__name h1,
@@ -380,6 +380,14 @@ domain("mastodon.social") {
       color: @accent-Color;
     }
 
+    .follow_requests-unlocked_explanation {
+      background: @base;
+    }
+  
+    .status.collapsed .status__content:after {
+      background: linear-gradient(fadeout(@base, 100), @base);
+    }
+  
     .button.button-tertiary:focus,
     .button.button-tertiary:hover,
     .button.button-tertiary:active {
@@ -452,6 +460,7 @@ domain("mastodon.social") {
     .load-more:hover {
       background-color: @mantle;
     }
+  
 
     .character-counter {
       color: @subtext0;
@@ -464,7 +473,38 @@ domain("mastodon.social") {
     .nothing-here {
       box-shadow: none;
     }
-
+  
+    .emoji-picker-dropdown__menu {
+      background: @surface1;
+      color: @text;
+      * {
+        border-color: @overlay0;
+      }
+      .emoji-mart-anchor-bar {
+        background: @accent-Color;
+      }
+      .emoji-mart-anchor-selected {
+        color: @accent-Color !important;
+      }
+      .emoji-mart-anchor  {
+        color: @surface2;
+      }
+      .emoji-mart-search input {
+        color: @text;
+        &::placeholder {
+          color: @text;
+        }
+      }
+      .emoji-mart-bar:first-child {
+        color: @text;
+        background: @surface0;
+      }
+      .emoji-mart-search, .emoji-mart-scroll, .emoji-mart-category-label span {
+        color: @text;
+        background: @surface1;
+      }
+    }
+  
     .dropdown-menu__arrow:before,
     .dropdown-menu__item a,
     .dropdown-menu__item button,
@@ -600,5 +640,43 @@ domain("mastodon.social") {
     .card__bar {
       background: @surface0;
     }
+  
+    .reply-indicator {
+      background: @surface0;
+      color: @text;
+      a,
+      .display-name__html {
+        color: @accent-Color;
+      }
+    }
+  
+    /* glitch support */
+    .glitch {
+      .local-settings__navigation {
+        background: @base;
+        .active {
+          background: @accent-Color;
+          color: @base;
+        }
+        .close {
+          background: @red;
+          color: @base;
+        }
+        .local-settings__navigation__item {
+          border-bottom-color: @surface1;
+          &:not(.active, .close) {
+            background: @base;
+            color: @text;
+          }
+      }
+      }
+      .local-settings, .local-settings__page {
+        background: @surface0;
+        color: @text;
+        span.hint {
+          color: @subtext0;
+        }
+      }
+    }
   }
 }