summaryrefslogtreecommitdiff
path: root/packages/frontend/src/scripts/theme.ts
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-01-07 10:13:02 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-01-07 10:13:02 +0900
commit91503405b4e58cb9d39c0441d86ff540a27931e6 (patch)
tree4c64371d1a88668e762733db1afaa3be7e284442 /packages/frontend/src/scripts/theme.ts
parent13.0.0-beta.26 (diff)
downloadsharkey-91503405b4e58cb9d39c0441d86ff540a27931e6.tar.gz
sharkey-91503405b4e58cb9d39c0441d86ff540a27931e6.tar.bz2
sharkey-91503405b4e58cb9d39c0441d86ff540a27931e6.zip
refactor(client): typed localStorage
Diffstat (limited to 'packages/frontend/src/scripts/theme.ts')
-rw-r--r--packages/frontend/src/scripts/theme.ts5
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/frontend/src/scripts/theme.ts b/packages/frontend/src/scripts/theme.ts
index 62a2b9459a..42cb00265d 100644
--- a/packages/frontend/src/scripts/theme.ts
+++ b/packages/frontend/src/scripts/theme.ts
@@ -14,6 +14,7 @@ export type Theme = {
import lightTheme from '@/themes/_light.json5';
import darkTheme from '@/themes/_dark.json5';
import { deepClone } from './clone';
+import { miLocalStorage } from '@/local-storage';
export const themeProps = Object.keys(lightTheme.props).filter(key => !key.startsWith('X'));
@@ -84,8 +85,8 @@ export function applyTheme(theme: Theme, persist = true) {
document.documentElement.style.setProperty('color-schema', colorSchema);
if (persist) {
- localStorage.setItem('theme', JSON.stringify(props));
- localStorage.setItem('colorSchema', colorSchema);
+ miLocalStorage.setItem('theme', JSON.stringify(props));
+ miLocalStorage.setItem('colorSchema', colorSchema);
}
// 色計算など再度行えるようにクライアント全体に通知