fix(invidious): update border colors and remove scrollbar changes (#1068

)
catppuccin · Jul 19, 2024 · 4190b60 · 4190b60
1 parent e9707ee
commit 4190b60
Showing 1 changed file with 9 additions and 19 deletions.
diff --git a/styles/invidious/catppuccin.user.css b/styles/invidious/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name Invidious Catppuccin
 @namespace github.com/catppuccin/userstyles/styles/invidious
 @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/invidious
-@version 0.4.1
+@version 0.4.2
 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css
 @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainvidious
 @description Soothing pastel theme for Invidious
@@ -128,16 +128,6 @@
     background-color: @base !important;
     color: @text !important;
 
-    &::-webkit-scrollbar {
-      width: 0.25rem;
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      border-radius: 9999px;
-      background: @accent-color;
-    }
-
     a,
     /* menu under the search bar */
     .pure-menu-heading {
@@ -152,7 +142,7 @@
     hr,
     /* legend borders are visible as dividers in Settings */
     legend {
-      border-color: mix(@accent-color, @surface0, 50%);
+      border-color: @surface1;
       border-style: solid;
     }
 
@@ -163,23 +153,23 @@
     .pure-button-primary {
       background-color: @surface1 !important;
       color: @text !important;
-      border-color: @crust !important;
+      border-color: @surface1 !important;
       &:hover,
       &:focus {
         background-color: @surface2 !important;
         color: @text !important;
-        border-color: @crust !important;
+        border-color: @surface1 !important;
       }
     }
     .pure-button-secondary {
       background-color: @accent-color !important;
       color: @crust !important;
-      border-color: @crust !important;
+      border-color: @surface1 !important;
       &:hover,
       &:focus {
         background-color: #lightenOrDarken(@accent-color, 2%) [ @result] !important;
         color: @crust !important;
-        border-color: @crust !important;
+        border-color: @surface1 !important;
       }
     }
 
@@ -293,7 +283,7 @@
     input[type="password"] {
       color: @text !important;
       background-color: @surface0 !important;
-      border-color: @crust !important;
+      border-color: @surface1 !important;
       box-shadow: none !important;
       &:active {
         color: @text !important;
@@ -302,12 +292,12 @@
     input[type="search"] {
       color: @text !important;
       background-color: @base !important;
-      border-bottom-color: @crust !important;
+      border-bottom-color: @overlay1 !important;
       box-shadow: none !important;
     }
     input[type="checkbox"] {
       background-color: @surface2;
-      border-color: @crust;
+      border-color: @surface1;
       height: 1rem;
       width: 1rem;
       -webkit-appearance: none;