Update static/style.css

static/style.css

@@ -49,3 +49,33 @@ button {
 button:hover {
     background-color: var(--visual_green);
 }
+
+/* === Custom Scrollbars for Gruvbox === */
+
+.options::-webkit-scrollbar {
+  width: 8px;
+}
+
+.options::-webkit-scrollbar-track {
+  background: #1d2021; /* Gruvbox darker background */
+}
+
+.options::-webkit-scrollbar-thumb {
+  background-color: #665c54; /* Gruvbox gray */
+  border-radius: 4px;
+  border: 2px solid #1d2021;
+}
+
+/* Firefox scrollbar */
+.options {
+  scrollbar-width: thin;
+  scrollbar-color: #665c54 #1d2021;
+}
+
+/* === Additional optional improvements === */
+
+/* Smooth hover effect for model options */
+.options div:hover {
+  background-color: #458588; /* Gruvbox blue-green hover */
+  color: #fbf1c7; /* Gruvbox light text */
+}