heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

fix(frontend): woodenPanelの配色を修正 (#13561)

Browse source 
* fix(frontend): woodenPanelの配色を修正

* fix
This commit is contained in:
かっこかり 2024-03-20 13:10:09 +09:00 committed by GitHub
parent d7bb6c88d3
commit ca2df14a8f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/frontend/src/boot/common.ts
View file

@ -145,8 +145,11 @@ export async function common(createVue: () => App<Element>) {
// NOTE: この処理は必ずクライアント更新チェック処理より後に来ること(テーマ再構築のため) // NOTE: この処理は必ずクライアント更新チェック処理より後に来ること(テーマ再構築のため)
watch(defaultStore.reactiveState.darkMode, (darkMode) => { watch(defaultStore.reactiveState.darkMode, (darkMode) => {
applyTheme(darkMode ? ColdDeviceStorage.get('darkTheme') : ColdDeviceStorage.get('lightTheme')); applyTheme(darkMode ? ColdDeviceStorage.get('darkTheme') : ColdDeviceStorage.get('lightTheme'));
document.documentElement.dataset.colorMode = darkMode ? 'dark' : 'light';
}, { immediate: miLocalStorage.getItem('theme') == null }); }, { immediate: miLocalStorage.getItem('theme') == null });
document.documentElement.dataset.colorMode = defaultStore.state.darkMode ? 'dark' : 'light';
const darkTheme = computed(ColdDeviceStorage.makeGetterSetter('darkTheme')); const darkTheme = computed(ColdDeviceStorage.makeGetterSetter('darkTheme'));
const lightTheme = computed(ColdDeviceStorage.makeGetterSetter('lightTheme')); const lightTheme = computed(ColdDeviceStorage.makeGetterSetter('lightTheme'));

11
packages/frontend/src/style.scss
View file

@ -431,12 +431,13 @@ rt {
border-radius: 10px; border-radius: 10px;
--bg: #F1E8DC; --bg: #F1E8DC;
--panel: #fff;
--fg: #693410; --fg: #693410;
--switchOffBg: rgba(0, 0, 0, 0.1); }
--switchOffFg: rgb(255, 255, 255);
--switchOnBg: var(--accent); html[data-color-mode=dark] ._woodenFrame {
--switchOnFg: rgb(255, 255, 255); --bg: #1d0c02;
--fg: #F1E8DC;
--panel: #192320;
} }
._woodenFrameH { ._woodenFrameH {