profxadke/misskey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

enhance(client): add html color-schema support

Browse source
This commit is contained in:
syuilo 2022-08-27 00:39:59 +09:00
parent dddc076d01
commit 773139b737
2 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
packages/client/src/scripts/theme.ts
View file

@ -57,6 +57,8 @@ export function applyTheme(theme: Theme, persist = true) {
document.documentElement.classList.remove('_themeChanging_');
}, 1000);
const colorSchema = theme.base === 'dark' ? 'dark' : 'light';
// Deep copy
const _theme = JSON.parse(JSON.stringify(theme));
@ -78,8 +80,11 @@ export function applyTheme(theme: Theme, persist = true) {
document.documentElement.style.setProperty(`--${k}`, v.toString());
}
document.documentElement.style.setProperty('color-schema', colorSchema);
if (persist) {
localStorage.setItem('theme', JSON.stringify(props));
localStorage.setItem('colorSchema', colorSchema);
}
// 色計算など再度行えるようにクライアント全体に通知