From feb5234b3b581936d45ac328b23de7da8f375ee2 Mon Sep 17 00:00:00 2001
From: retoor <retoor@molodetz.nl>
Date: Sun, 9 Feb 2025 12:44:51 +0100
Subject: [PATCH] Progress.

---
 src/snek/static/base.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/snek/static/base.css b/src/snek/static/base.css
index e069ff7..46517cf 100644
--- a/src/snek/static/base.css
+++ b/src/snek/static/base.css
@@ -336,3 +336,31 @@ input[type="text"] {
         display: block;
     }
 }
+
+/* The entire scrollbar */
+::-webkit-scrollbar {
+  width: 6px; /* Adjust this value for minimal width */
+}
+
+/* The track (background) of the scrollbar */
+::-webkit-scrollbar-track {
+  background: #f1f1f1; /* Change this to your desired track color */
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #888; /* Change this to your desired thumb color */
+  border-radius: 3px;     /* Rounded corners for a minimal look */
+  border: 1px solid #f1f1f1; /* Optional: creates a small padding effect */
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #555;
+}
+
+/* Apply to the element that has the scrollbar */
+.chat-messages{
+  /* Makes the scrollbar thinner */
+  scrollbar-width: thin;
+  /* Sets the thumb and track colors (thumb first, track second) */
+  scrollbar-color: #888 #f1f1f1;
+}