diff options
| -rw-r--r-- | layouts/default.vue | 2 | ||||
| -rw-r--r-- | pages/settings.vue | 1 |
2 files changed, 1 insertions, 2 deletions
diff --git a/layouts/default.vue b/layouts/default.vue index b6da206..35c816b 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -1,5 +1,5 @@ <template> - <div :class="$colorMode.preference"> + <div :class="$colorMode.preference == 'light' ? 'light' : 'dark'"> <VHeader /> <main> <Nuxt /> diff --git a/pages/settings.vue b/pages/settings.vue index 0a32be3..aeaafa4 100644 --- a/pages/settings.vue +++ b/pages/settings.vue @@ -63,7 +63,6 @@ class="cursor-pointer rounded-md border border-gray-300 bg-white py-2 px-3 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:bg-gray-600 dark:text-gray-50 dark:border-gray-700" v-model="$colorMode.preference" ) - option(value="system" :selected="$colorMode.preference == 'system'") System option(value="light" :selected="$colorMode.preference == 'light'") Light option(value="dark" :selected="$colorMode.preference == 'dark'") Dark |