Update templates/index.html

templates/index.html

@@ -26,7 +26,7 @@
             <label class="block mb-1">LLM-A</label>
             <div id="modelA" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
               <span class="selected block">Select a model</span>
-              <div class="options hidden absolute left-0 right-0 mt-2 bg-bg1 rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
+              <div class="options hidden absolute left-0 right-0 mt-2 bg-[#282828] rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
             </div>
           </div>
 
@@ -34,7 +34,7 @@
             <label class="block mb-1">LLM-B</label>
             <div id="modelB" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
               <span class="selected block">Select a model</span>
-              <div class="options hidden absolute left-0 right-0 mt-2 bg-bg1 rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
+              <div class="options hidden absolute left-0 right-0 mt-2 bg-[#282828] rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
             </div>
           </div>
 
@@ -42,7 +42,7 @@
             <label class="block mb-1">LLM-C</label>
             <div id="modelC" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
               <span class="selected block">Select a model</span>
-              <div class="options hidden absolute left-0 right-0 mt-2 bg-bg1 rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
+              <div class="options hidden absolute left-0 right-0 mt-2 bg-[#282828] rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
             </div>
           </div>