diff --git a/app.vue b/app.vue
index beab80b..c4fd0dc 100644
--- a/app.vue
+++ b/app.vue
@@ -44,7 +44,7 @@ function contextMenuHandler(e: MouseEvent) {
 	//]);
 }
 
-const currentTheme = settingLoad("selectedThemeUrl") ?? "dark"
+const currentTheme = settingLoad("selectedThemeId") ?? "dark"
 const baseURL = useRuntimeConfig().app.baseURL;
 
 useHead({
diff --git a/components/Settings/AppSettings/Appearance.vue b/components/Settings/AppSettings/Appearance.vue
index a35e719..32b7aef 100644
--- a/components/Settings/AppSettings/Appearance.vue
+++ b/components/Settings/AppSettings/Appearance.vue
@@ -48,7 +48,7 @@ function changeTheme(id: string, url: string) {
     return;
   }
 
-  settingSave("selectedThemeUrl", id)
+  settingSave("selectedThemeId", id)
 
   // if the theme didn't originally load for some reason, create it
   if (!themeLinkElement) {