feat: add scrollbar styling (#35)

ninetailedtori · web-flow · commit 43098316202b · 2026-01-16T01:55:01.000Z
diff --git a/README.md b/README.md
@@ -78,6 +78,7 @@ kitty +kitten themes --reload-in=all <optional: theme name>
 - [Pocco81](https://github.com/Pocco81)
 - [Lokesh Krishna](https://github.com/lokesh-krishna)
 - [Andreas Grafen](https://github.com/andreasgrafen)
+- [Toria](https://github.com/ninetailedtori)
 
 &nbsp;
 
diff --git a/templates/kitty.tera b/templates/kitty.tera
@@ -25,7 +25,11 @@ selection_background    #{{ rosewater.hex }}
 cursor                  #{{ rosewater.hex }}
 cursor_text_color       #{{ base.hex }}
 
-# URL underline color when hovering with mouse
+# Scrollbar colors
+scrollbar_handle_color  #{{ overlay2.hex }}
+scrollbar_track_color   #{{ surface1.hex }}
+
+# URL color when hovering with mouse
 url_color               #{{ rosewater.hex }}
 
 # Kitty window border colors
diff --git a/themes/frappe.conf b/themes/frappe.conf
@@ -18,7 +18,11 @@ selection_background    #f2d5cf
 cursor                  #f2d5cf
 cursor_text_color       #303446
 
-# URL underline color when hovering with mouse
+# Scrollbar colors
+scrollbar_handle_color  #949cbb
+scrollbar_track_color   #51576d
+
+# URL color when hovering with mouse
 url_color               #f2d5cf
 
 # Kitty window border colors
diff --git a/themes/latte.conf b/themes/latte.conf
@@ -18,7 +18,11 @@ selection_background    #dc8a78
 cursor                  #dc8a78
 cursor_text_color       #eff1f5
 
-# URL underline color when hovering with mouse
+# Scrollbar colors
+scrollbar_handle_color  #7c7f93
+scrollbar_track_color   #bcc0cc
+
+# URL color when hovering with mouse
 url_color               #dc8a78
 
 # Kitty window border colors
diff --git a/themes/macchiato.conf b/themes/macchiato.conf
@@ -18,7 +18,11 @@ selection_background    #f4dbd6
 cursor                  #f4dbd6
 cursor_text_color       #24273a
 
-# URL underline color when hovering with mouse
+# Scrollbar colors
+scrollbar_handle_color  #939ab7
+scrollbar_track_color   #494d64
+
+# URL color when hovering with mouse
 url_color               #f4dbd6
 
 # Kitty window border colors
diff --git a/themes/mocha.conf b/themes/mocha.conf
@@ -18,7 +18,11 @@ selection_background    #f5e0dc
 cursor                  #f5e0dc
 cursor_text_color       #1e1e2e
 
-# URL underline color when hovering with mouse
+# Scrollbar colors
+scrollbar_handle_color  #9399b2
+scrollbar_track_color   #45475a
+
+# URL color when hovering with mouse
 url_color               #f5e0dc
 
 # Kitty window border colors
