From f444a8a29b27027a9896406d8609b4e83c23c8eb Mon Sep 17 00:00:00 2001
From: A user <resucutie@proton.me>
Date: Sat, 26 Aug 2023 17:52:05 -0300
Subject: [PATCH] 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 <71222764+isabelroses@users.noreply.github.com>
---
 styles/mastodon/catppuccin.user.css | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/styles/mastodon/catppuccin.user.css b/styles/mastodon/catppuccin.user.css
index 4d073404d0..f02cbff18c 100644
--- 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,