feat: add dark mode

2022-07-21 22:03:35 -04:00
parent a4450071d2
commit 9c6b91c562
18 changed files with 394 additions and 36 deletions
--- a/app.vue
+++ b/app.vue
@@ -1,7 +1,31 @@
 <template>
-  <div>
-    <NuxtLayout>
-      <NuxtPage />
-    </NuxtLayout>
-  </div>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
 </template>
+
+<style>
+* {
+  box-sizing: border-box;
+  /* for that cool wave dark mode effect */
+  z-index: 1;
+  position: relative;
+}
+
+html,
+body,
+div#__nuxt {
+  height: 100%;
+  width: 100%;
+}
+
+:root {
+  --text-color: #243746;
+  --bg: #f1e7d0;
+}
+
+.dark {
+  --text-color: #ebf4f1;
+  --bg: #091a28;
+}
+</style>