graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-10 02:13:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

ダークモードの同期を強化

Browse source
This commit is contained in:
syuilo 2020-03-22 18:39:37 +09:00
parent eb461481ed
commit b44e1820a2
3 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/client/app.vue
View file

@ -163,7 +163,6 @@ import { v4 as uuid } from 'uuid';
import i18n from './i18n';
import { host, instanceName } from './config';
import { search } from './scripts/search';
import { isDeviceDarkmode } from './scripts/is-device-darkmode';
import MkToast from './components/toast.vue';
const DESKTOP_THRESHOLD = 1100;
@ -224,10 +223,6 @@ export default Vue.extend({
},
created() {
if (this.$store.state.device.syncDeviceDarkMode) {
this.$store.commit('device/set', { key: 'darkMode', value: isDeviceDarkmode() });
}
if (this.$store.getters.isSignedIn) {
this.connection = this.$root.stream.useSharedConnection('main');
this.connection.on('notification', this.onNotification);

6
src/client/init.ts
View file

@ -144,6 +144,12 @@ os.init(async () => {
}
}, false)
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', mql => {
if (os.store.state.device.syncDeviceDarkMode) {
os.store.commit('device/set', { key: 'darkMode', value: mql.matches });
}
});
if ('Notification' in window && os.store.getters.isSignedIn) {
// 許可を得ていなかったらリクエスト
if (Notification.permission === 'default') {

2
src/client/scripts/is-device-darkmode.ts
View file

@ -1,3 +1,3 @@
export function isDeviceDarkmode() {
return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
return window.matchMedia('(prefers-color-scheme: dark)').matches;
}