From b5d14ee0d0e16b2c1c496be3158e980a034d6708 Mon Sep 17 00:00:00 2001
From: somebody <onesome01@protonmail.com>
Date: Sat, 13 Aug 2022 21:21:51 -0500
Subject: [PATCH] Make scrollbars better

mostly on chrome, the firefox allows less customization of the
scrollbars, although we can pretty much get the look we're going for
---
 static/koboldai.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/static/koboldai.css b/static/koboldai.css
index e4390027..316dedf8 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -47,6 +47,8 @@
 	--story_pinned_areas: "menuicon options gamescreen lefticon"
 						 "menuicon inputrow inputrow lefticon";
 	--story_pinned_area_widths: 30px var(--story_options_size) auto 30px;
+	--scrollbar-color: #9b9b9b80;
+	--scrollbar-size: 6px;
 }
 
 /*----------------Folder Tabs--------------------*/
@@ -609,6 +611,30 @@ td.server_vars {
 body {
 	background-color: var(--background);
 	color: var(--text);
+
+	/* Firefox scroll */
+	scrollbar-width: thin;
+	scrollbar-color: var(--scrollbar-color);
+}
+
+/* Chrome, Safari scrollbar */
+::-webkit-scrollbar {
+	width: var(--scrollbar-size);
+	height: var(--scrollbar-size);
+}
+
+::-webkit-scrollbar-track {
+	background: #9b9b9b80;
+}
+
+::-webkit-scrollbar-thumb {
+	background-color: var(--scrollbar-color);
+	border-radius: 20px;
+	border: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+	background-color: #cacaca80;
 }
 
 @media only screen and (min-aspect-ratio: 7/5) {