Skip to content

Commit ad48aa8

Browse files
authored
Merge pull request #5 from ahmic/theme-fix
fix theme mode
2 parents 72ef745 + a9ffdfe commit ad48aa8

File tree

2 files changed

+21
-3
lines changed

2 files changed

+21
-3
lines changed

dist/js/field.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

resources/js/components/FormField.vue

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,11 +29,29 @@ export default {
2929
},
3030
3131
created() {
32-
this.setDarkMode();
32+
this.setEditorTheme();
3333
},
3434
3535
methods: {
36-
setDarkMode() {
36+
setEditorTheme() {
37+
const selectedNovaTheme = localStorage.novaTheme;
38+
39+
if (typeof selectedNovaTheme !== 'undefined') {
40+
if (selectedNovaTheme == 'system') {
41+
this.setSystemMode();
42+
} else if (selectedNovaTheme == 'dark') {
43+
this.field.options.init.skin = 'oxide-dark';
44+
this.field.options.init.content_css = 'dark';
45+
} else {
46+
this.field.options.init.skin = 'oxide';
47+
this.field.options.init.content_css = 'default';
48+
}
49+
} else {
50+
this.setSystemMode();
51+
}
52+
},
53+
54+
setSystemMode() {
3755
this.field.options.init.skin =
3856
window.matchMedia("(prefers-color-scheme: dark)").matches ||
3957
document.querySelector("html").classList.contains("dark")

0 commit comments

Comments
 (0)