fix: unify scrollbar highlights across all systems (#183)

catppuccin · Nov 13, 2024 · 8315eb9 · 8315eb9
1 parent cfb4401
commit 8315eb9
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,12 +8,17 @@
 
 ### Changed
 
+- (Editor/UI): Scrollbar now matches palette colours directly (`surface0` by default, `surface1` on hover.)
+
 ### Deprecated
 
 ### Removed
 
 ### Fixed
 
+- (UI): Removed macOS scrollbar turning yellow on hover. I'm sorry to anyone who liked this behaviour, but it was not
+  supposed to exist in the first place.
+
 ### Security
 
 ## 3.3.5 - 2024-11-01

diff --git a/generateFlavours/editor.xml b/generateFlavours/editor.xml
@@ -70,10 +70,14 @@
     <option name="SELECTION_BACKGROUND" value="{{isLatte (opacity surface2 0.4) (opacity surface2 0.6)}}"/>
     <option name="SELECTION_FOREGROUND" value=""/>
     <option name="SEPARATOR_BELOW_COLOR" value=""/>
-    <option name="ScrollBar.hoverThumbColor" value="{{opacity overlay0 0.4}}"/>
-    <option name="ScrollBar.thumbColor" value="{{opacity surface1 0.45}}"/>
-    <option name="ScrollBar.Mac.hoverThumbColor" value="{{opacity overlay0 0.4}}"/>
-    <option name="ScrollBar.Mac.thumbColor" value="{{opacity surface1 0.45}}"/>
+    <option name="ScrollBar.thumbColor" value="{{surface0}}"/>
+    <option name="ScrollBar.thumbBorderColor" value="{{surface0}}"/>
+    <option name="ScrollBar.hoverThumbColor" value="{{surface1}}"/>
+    <option name="ScrollBar.hoverThumbBorderColor" value="{{surface1}}"/>
+    <option name="ScrollBar.Mac.thumbColor" value="{{surface0}}"/>
+    <option name="ScrollBar.Mac.thumbBorderColor" value="{{surface0}}"/>
+    <option name="ScrollBar.Mac.hoverThumbColor" value="{{surface1}}"/>
+    <option name="ScrollBar.Mac.hoverThumbBorderColor" value="{{surface1}}"/>
     <option name="TAB_UNDERLINE" value="{{mauve}}"/>
     <option name="TAB_UNDERLINE_INACTIVE" value="{{text}}"/>
     <option name="TEARLINE_COLOR" value="{{surface0}}"/>

diff --git a/generateFlavours/ui.theme.json b/generateFlavours/ui.theme.json
@@ -335,11 +335,15 @@
       "stopBackground": "red"
     },
     "ScrollBar": {
+      "thumbBorderColor": "surface0",
+      "thumbColor": "surface0",
+      "hoverThumbColor": "surface1",
+      "hoverThumbBorderColor": "surface1",
       "Mac": {
-        "Transparent": {
-          "hoverThumbColor": "secondaryAccentColor"
-        },
-        "hoverThumbColor": "secondaryAccentColor"
+        "thumbBorderColor": "surface0",
+        "thumbColor": "surface0",
+        "hoverThumbColor": "surface1",
+        "hoverThumbBorderColor": "surface1"
       }
     },
     "SearchEverywhere": {