From ee0c755825ec7ec997bb9bacf1a59a69de554c70 Mon Sep 17 00:00:00 2001
From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com>
Date: Fri, 27 Sep 2024 15:17:47 -0700
Subject: [PATCH] use existing SettingsCategory, ensure setting shows up per
 device setting and not state

---
 web/src/routes/settings/appearance/+page.svelte | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/web/src/routes/settings/appearance/+page.svelte b/web/src/routes/settings/appearance/+page.svelte
index 1ab66f2a..e73574cf 100644
--- a/web/src/routes/settings/appearance/+page.svelte
+++ b/web/src/routes/settings/appearance/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { t } from "$lib/i18n/translations";
 
-    import settings from "$lib/state/settings";
+    import currentTheme from "$lib/state/theme";
 
     import { themeOptions } from "$lib/types/settings";
 
@@ -24,18 +24,16 @@
             </SettingsButton>
         {/each}
     </Switcher>
-</SettingsCategory>
 
-{#if $settings.appearance.theme === "light"}
-    <SettingsCategory sectionId="sidebar" title={$t("settings.sidebar")}>
+    {#if $currentTheme === "light"}
         <SettingsToggle
             settingContext="appearance"
             settingId="darkSidebar"
             title={$t("settings.sidebar.dark.title")}
             description={$t("settings.sidebar.dark.description")}
         />
-    </SettingsCategory>
-{/if}
+    {/if}
+</SettingsCategory>
 
 <SettingsCategory sectionId="language" title={$t("settings.language")}>
     <SettingsToggle