diff options
| author | taiy <53635909+taiyme@users.noreply.github.com> | 2025-09-10 09:22:12 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-09-10 09:22:12 +0900 |
| commit | 7673874675630b68678e1d8603d0f08cd0eece31 (patch) | |
| tree | 4092a1c7e5f98e22b8e71cd72101e0535c2c5ab9 /packages/frontend-embed/src/theme.ts | |
| parent | [skip ci] Update CHANGELOG.md (prepend template) (diff) | |
| download | misskey-7673874675630b68678e1d8603d0f08cd0eece31.tar.gz misskey-7673874675630b68678e1d8603d0f08cd0eece31.tar.bz2 misskey-7673874675630b68678e1d8603d0f08cd0eece31.zip | |
fix(eslint): add window prefix rules to frontend-embed & frontend-shared (#16531)
Diffstat (limited to 'packages/frontend-embed/src/theme.ts')
| -rw-r--r-- | packages/frontend-embed/src/theme.ts | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/frontend-embed/src/theme.ts b/packages/frontend-embed/src/theme.ts index c9b1c0d0c6..c7bc5df85d 100644 --- a/packages/frontend-embed/src/theme.ts +++ b/packages/frontend-embed/src/theme.ts @@ -35,15 +35,15 @@ export function assertIsTheme(theme: Record<string, unknown>): theme is Theme { export function applyTheme(theme: Theme, persist = true) { if (timeout) window.clearTimeout(timeout); - document.documentElement.classList.add('_themeChanging_'); + window.document.documentElement.classList.add('_themeChanging_'); timeout = window.setTimeout(() => { - document.documentElement.classList.remove('_themeChanging_'); + window.document.documentElement.classList.remove('_themeChanging_'); }, 1000); const colorScheme = theme.base === 'dark' ? 'dark' : 'light'; - document.documentElement.dataset.colorScheme = colorScheme; + window.document.documentElement.dataset.colorScheme = colorScheme; // Deep copy const _theme = JSON.parse(JSON.stringify(theme)); @@ -55,7 +55,7 @@ export function applyTheme(theme: Theme, persist = true) { const props = compile(_theme); - for (const tag of document.head.children) { + for (const tag of window.document.head.children) { if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') { tag.setAttribute('content', props['htmlThemeColor']); break; @@ -63,7 +63,7 @@ export function applyTheme(theme: Theme, persist = true) { } for (const [k, v] of Object.entries(props)) { - document.documentElement.style.setProperty(`--MI_THEME-${k}`, v.toString()); + window.document.documentElement.style.setProperty(`--MI_THEME-${k}`, v.toString()); } // iframeを正常に透過させるために、cssのcolor-schemeは `light dark;` 固定にしてある。style.scss参照 |