Progress.

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;
+}