Better theme support

src/views/SettingsView.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-import { getDefaultSettings, syncUserSettings, setLanguage } from '@/settingsManager'
+import { getDefaultSettings, syncUserSettings, setLanguage, themeList } from '@/settingsManager'
 
 export default {
   setup() {
@@ -14,7 +14,8 @@ export default {
     }
 
     return {
-      settings
+      settings,
+      themeList
     }
   },
   methods: {
@@ -50,7 +51,7 @@ export default {
 </script>
 
 <template>
-  <div class="mx-auto w-[35rem] max-w-[95vw]  p-5 py-3 bg-secondary rounded-md text-white">
+  <div class="mx-auto w-[35rem] max-w-[95vw]  p-5 py-3 bg-secondary rounded-md text-contrast">
     <h1 class="font-bold text-3xl">{{ $t("nav.settings") }}</h1>
     <hr class="my-2" />
     <ul class="w-full space-y-1">