refactor: theming

2022-11-23 10:16:31 +08:00 · 2022-11-23 10:16:31 +08:00 · a4d235b6fe
commit a4d235b6fe
parent 9a77c7da2a
22 changed files with 351 additions and 39 deletions
--- a/app.vue
+++ b/app.vue
@ -7,6 +7,9 @@ useHead({
    },
  ],
 })
+
+// eslint-disable-next-line no-unused-expressions
+isDark.value
 </script>

 <template>
@ -24,7 +27,10 @@ html, body , #__nuxt{
 }

 html.dark {
-  background: #222;
-  color: white;
+  color-scheme: dark;
+}
+
+html {
+  --at-apply: bg-base text-base;
 }
 </style>