Add light theme. (#219)

* Add light theme. * Reload on theme change.
2026-03-28 03:16:58 +00:00 · 2021-06-29 01:15:03 +05:30
parent 7c66035f41
commit 18752c7de7
9 changed files with 54 additions and 22 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,9 @@
 <template>
-    <div class="uk-container uk-container-expand uk-light uk-height-viewport" style="background: #0b0e0f">
+    <div
+        class="uk-container uk-container-expand uk-height-viewport"
+        :style="[{ background: backgroundColor, colour: foregroundColor }]"
+        :class="{ 'uk-light': darkMode }"
+    >
        <Navigation />
        <router-view />

@@ -34,10 +38,6 @@ b {
    text-align: start;
 }

-#app {
-    background: #0b0e0f;
-}
-
 ::-webkit-scrollbar {
    background-color: #15191a;
    color: #c5bcae;