ui scrollbar to sidebar

Author: alexy-os

index.html

@@ -259,8 +259,11 @@
           </button>
         </div>
 
-        <div class="flex-1 overflow-y-auto">
-          <div id="patternsTab" class="p-3 space-y-3"></div>
+        <div class="flex-1 overflow-y-auto scrollbar-thin scrollbar-track-slate-200 scrollbar-thumb-slate-300 hover:scrollbar-thumb-slate-400 dark:scrollbar-track-slate-800 dark:scrollbar-thumb-slate-700 dark:hover:scrollbar-thumb-slate-600">
+          <div id="patternsTab" class="p-3 space-y-3">
+            <h3 class="text-xs font-semibold text-slate-600 mb-3 dark:text-slate-400">Patterns</h3>
+            <ul id="patternList" class="space-y-1"></ul>
+          </div>
 
           <div id="layersTab" class="hidden p-3">
             <h3 class="text-xs font-semibold text-slate-600 mb-3 dark:text-slate-400">Layers</h3>