light mode fixes

1whatleytay · Jan 18, 2025 · 197f7bf · 197f7bf
1 parent 73d5bac
commit 197f7bf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/TabBar.vue b/src/components/TabBar.vue
@@ -20,17 +20,17 @@
         </DropdownMenuTrigger>
 
         <DropdownMenuPortal>
-          <DropdownMenuContent class="bg-white dark:bg-neutral-800 gap-2">
+          <DropdownMenuContent class="bg-neutral-200 dark:bg-neutral-800 gap-2 shadow-md ml-2">
             <DropdownMenuItem
               @click="showSettings = true"
-              class="dark:hover:bg-neutral-700 hover:bg-neutral-200 py-2 px-3"
+              class="dark:hover:bg-neutral-700 hover:bg-neutral-300 py-2 px-3"
             >
               <DropdownMenuLabel>Settings</DropdownMenuLabel>
             </DropdownMenuItem>
 
             <DropdownMenuItem
               @click="showExportRegionsDialog = true"
-              class="dark:hover:bg-neutral-700 hover:bg-neutral-200 py-2 px-3"
+              class="dark:hover:bg-neutral-700 hover:bg-neutral-300 py-2 px-3"
             >
               <DropdownMenuLabel>Export</DropdownMenuLabel>
             </DropdownMenuItem>

diff --git a/src/utils/lezer-mips/codemirror.css b/src/utils/lezer-mips/codemirror.css
@@ -8,7 +8,7 @@
     border-left-width: 2px;
   }
   .cm-gutters {
-    @apply bg-neutral-900;
+    @apply dark:bg-neutral-900 bg-neutral-200;
   }
   .cm-completionDetail {
     margin-left: auto;
@@ -20,7 +20,7 @@
   .cm-tooltip-autocomplete {
     border-radius: 0.5rem;
     border: 1px solid #333;
-    @apply bg-neutral-900;
+    @apply dark:bg-neutral-900;
   }
   .cm-tooltip.cm-tooltip-autocomplete > ul {
     padding: 0.5rem;