mirror of
https://codeberg.org/yeentown/barkey
synced 2024-11-23 21:15:13 +00:00
[wip] darkmode
This commit is contained in:
parent
63fdd0aec4
commit
160f441a95
2 changed files with 37 additions and 37 deletions
|
@ -44,43 +44,6 @@ init(async (launch) => {
|
||||||
require('./views/components');
|
require('./views/components');
|
||||||
require('./views/widgets');
|
require('./views/widgets');
|
||||||
|
|
||||||
// Dark/Light
|
|
||||||
Vue.mixin({
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
_darkmode_: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
beforeCreate() {
|
|
||||||
// なぜか警告が出るため
|
|
||||||
this._darkmode_ = false;
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
const set = () => {
|
|
||||||
if (!this.$el || !this.$el.setAttribute || !this.os || !this.os.i) return;
|
|
||||||
if (this.os.i.clientSettings.dark) {
|
|
||||||
document.documentElement.setAttribute('data-darkmode', 'true');
|
|
||||||
this.$el.setAttribute('data-darkmode', 'true');
|
|
||||||
this._darkmode_ = true;
|
|
||||||
this.$forceUpdate();
|
|
||||||
} else {
|
|
||||||
document.documentElement.removeAttribute('data-darkmode');
|
|
||||||
this.$el.removeAttribute('data-darkmode');
|
|
||||||
this._darkmode_ = false;
|
|
||||||
this.$forceUpdate();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
set();
|
|
||||||
|
|
||||||
this.$watch('os.i.clientSettings', i => {
|
|
||||||
set();
|
|
||||||
}, {
|
|
||||||
deep: true
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Init router
|
// Init router
|
||||||
const router = new VueRouter({
|
const router = new VueRouter({
|
||||||
mode: 'history',
|
mode: 'history',
|
||||||
|
|
|
@ -47,6 +47,43 @@ Vue.mixin({
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Dark/Light
|
||||||
|
Vue.mixin({
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
_darkmode_: false
|
||||||
|
};
|
||||||
|
},
|
||||||
|
beforeCreate() {
|
||||||
|
// なぜか警告が出るため
|
||||||
|
this._darkmode_ = false;
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
const set = () => {
|
||||||
|
if (!this.$el || !this.$el.setAttribute || !this.os || !this.os.i) return;
|
||||||
|
if (this.os.i.clientSettings.dark) {
|
||||||
|
document.documentElement.setAttribute('data-darkmode', 'true');
|
||||||
|
this.$el.setAttribute('data-darkmode', 'true');
|
||||||
|
this._darkmode_ = true;
|
||||||
|
this.$forceUpdate();
|
||||||
|
} else {
|
||||||
|
document.documentElement.removeAttribute('data-darkmode');
|
||||||
|
this.$el.removeAttribute('data-darkmode');
|
||||||
|
this._darkmode_ = false;
|
||||||
|
this.$forceUpdate();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
set();
|
||||||
|
|
||||||
|
this.$watch('os.i.clientSettings', i => {
|
||||||
|
set();
|
||||||
|
}, {
|
||||||
|
deep: true
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* APP ENTRY POINT!
|
* APP ENTRY POINT!
|
||||||
*/
|
*/
|
||||||
|
|
Loading…
Reference in a new issue