edit colors to better fit the catppuccin color scheme guides (#180)

* edit colors to better fit the catppuccin color scheme guides the colors of the headerbar did looked off on the mobile view when compared to other apps with catppuccin. this commit aims to fix it * mastodon: bump version --------- Co-authored-by: Isabel <[email protected]>
catppuccin · Aug 26, 2023 · f444a8a · f444a8a
1 parent a32a19b
commit f444a8a
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/styles/mastodon/catppuccin.user.css b/styles/mastodon/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name           Mastodon Catppuccin
 @namespace      github.com/catppuccin/userstyles/styles/mastodon
 @homepageURL    https://github.com/catppuccin/userstyles/tree/main/styles/mastodon
-@version        1.1.6
+@version        1.1.7
 @description    Soothing pastel theme for Mastodon
 @author         Catppuccin
 @updateURL      https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css
@@ -189,10 +189,19 @@ domain("piaille.fr") {
 
     &,
     .tabs-bar__wrapper,
-    .admin-wrapper .sidebar-wrapper__inner {
+    .admin-wrapper .sidebar-wrapper__inner,
+    .ui__header{
       background: @crust;
       color: @text;
     }
+
+    .ui__header {
+        border-bottom: none;
+    }
+
+    .navigation-panel {
+        background: transparent;
+    }
 
     .account__header__bio .account__header__fields dt {
       background: transparent;
@@ -291,7 +300,6 @@ domain("piaille.fr") {
       color: @accent-color;
     }
 
-    .ui__header,
     .column-header,
     .column-header__button,
     .column-header__back-button,
@@ -313,8 +321,8 @@ domain("piaille.fr") {
     .account__header__fields dd:not(.account__header__bio .account__header__fields dd),
     .focusable:focus,
     .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected {
-      border-color: @mantle;
-      background: @surface1;
+      border-color: @crust;
+      background: @surface0;
     }
 
     .admin-wrapper .sidebar ul a:hover,
@@ -426,12 +434,17 @@ domain("piaille.fr") {
       background-color: @surface2;
     }
 
+    .button.button-secondary {
+        background-color: transparent;
+        color: @text;
+        border-color: @accent-color;
+    }
     .button.button-secondary:active,
     .button.button-secondary:focus,
     .button.button-secondary:hover {
       border-color: @accent-color;
       color: @base;
-      transition: .4s;
+      transition: .2s;
     }
 
     .button:active,