Merge pull request #5 from ahmic/theme-fix

fix theme mode
murdercode · Jan 24, 2023 · ad48aa8 · ad48aa8
2 parents 72ef745 + a9ffdfe
commit ad48aa8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
@@ -29,11 +29,29 @@ export default {
   },
 
   created() {
-    this.setDarkMode();
+    this.setEditorTheme();
   },
 
   methods: {
-    setDarkMode() {
+    setEditorTheme() {
+        const selectedNovaTheme = localStorage.novaTheme;
+
+        if (typeof selectedNovaTheme !== 'undefined') {
+            if (selectedNovaTheme == 'system') {
+                this.setSystemMode();
+            } else if (selectedNovaTheme == 'dark') {
+                this.field.options.init.skin = 'oxide-dark';
+                this.field.options.init.content_css = 'dark';
+            } else {
+                this.field.options.init.skin = 'oxide';
+                this.field.options.init.content_css = 'default';
+            }
+        } else {
+            this.setSystemMode();
+        }
+    },
+
+    setSystemMode() {
       this.field.options.init.skin =
         window.matchMedia("(prefers-color-scheme: dark)").matches ||
         document.querySelector("html").classList.contains("dark")