style: options page dark theme improved

parnavh · Oct 29, 2024 · 7d5d67c · 7d5d67c
1 parent 4cd3b26
commit 7d5d67c
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 16 deletions.
diff --git a/.changeset/tough-yaks-chew.md b/.changeset/tough-yaks-chew.md
@@ -0,0 +1,5 @@
+---
+"gregmat-buddy": patch
+---
+
+options page dark theme improved
diff --git a/biome.json b/biome.json
diff --git a/src/components/option/option.svelte b/src/components/option/option.svelte
@@ -31,6 +31,10 @@
         </Tooltip.Content>
       </Tooltip.Root>
     {/if}
-    <Switch {id} bind:checked />
+    <Switch
+      {id}
+      bind:checked
+      class="dark:data-[state=checked]:bg-slate-600 dark:data-[state=unchecked]:bg-slate-300"
+    />
   </div>
 </div>
diff --git a/src/entrypoints/options/App.svelte b/src/entrypoints/options/App.svelte
@@ -58,10 +58,10 @@
   }
 </script>
 
-<main class="h-lvh dark:bg-black dark:text-white">
+<main class="h-lvh dark:bg-slate-800 dark:text-white">
   <div class="h-lvh grid place-items-center">
     <Tabs.Root value="general" class="w-[400px]">
-      <Tabs.List class="w-[400px]">
+      <Tabs.List class="w-[400px] dark:bg-slate-700">
         <Tabs.Trigger value="general" class="w-full">General</Tabs.Trigger>
         <Tabs.Trigger value="gregmat" class="w-full">GregMat</Tabs.Trigger>
         <Tabs.Trigger value="prepswift" class="w-full">PrepSwift</Tabs.Trigger>