diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-04-20 07:59:01 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-04-20 07:59:01 +0900 |
| commit | 160f441a95462fde0941f491d94ce1ece249c711 (patch) | |
| tree | b4bd58fe17b5987507e271dada29c930a4ac1cd0 /src/client | |
| parent | [wip] darkmode (diff) | |
| download | misskey-160f441a95462fde0941f491d94ce1ece249c711.tar.gz misskey-160f441a95462fde0941f491d94ce1ece249c711.tar.bz2 misskey-160f441a95462fde0941f491d94ce1ece249c711.zip | |
[wip] darkmode
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/app/desktop/script.ts | 37 | ||||
| -rw-r--r-- | src/client/app/init.ts | 37 |
2 files changed, 37 insertions, 37 deletions
diff --git a/src/client/app/desktop/script.ts b/src/client/app/desktop/script.ts index e79573c77a..8d95d81775 100644 --- a/src/client/app/desktop/script.ts +++ b/src/client/app/desktop/script.ts @@ -44,43 +44,6 @@ init(async (launch) => { require('./views/components'); 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 const router = new VueRouter({ mode: 'history', diff --git a/src/client/app/init.ts b/src/client/app/init.ts index 990933ec0e..a3ab2e8e31 100644 --- a/src/client/app/init.ts +++ b/src/client/app/init.ts @@ -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! */ |