Spythere/genera-tor
1
0
Fork 0
mirror of https://github.com/Spythere/genera-tor.git synced 2026-05-03 05:28:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: setting preferred theme based on browser media

Browse Source
This commit is contained in:
Spythere
2026-01-23 13:48:53 +01:00
parent 7858088db0
commit b373cbcba1
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+10
View File
@@ -47,6 +47,7 @@ export default defineComponent({
methods: { methods: {
init() { init() {
this.loadLang(); this.loadLang();
this.setupDarkMode();
this.loadSettings(); this.loadSettings();
this.checkAppVersion(); this.checkAppVersion();
this.handleQueries(); this.handleQueries();
@@ -54,6 +55,15 @@ export default defineComponent({
loadSettings() { loadSettings() {
document.title = `GeneraTOR ${this.appVersion}`; document.title = `GeneraTOR ${this.appVersion}`;
},
setupDarkMode() {
if (this.getOrderSetting('dark-mode') === null) {
const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
this.saveOrderSetting('dark-mode', prefersDarkMode);
}
this.store.orderDarkMode = this.getOrderSetting('dark-mode') === 'true'; this.store.orderDarkMode = this.getOrderSetting('dark-mode') === 'true';
}, },