luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(editor): init default theme observer value according to data-theme (#9698)

Browse Source
This commit is contained in:
donteatfriedrice
2025-01-15 04:04:06 +00:00
parent 419611f44c
commit 4f421efb22
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
blocksuite/affine/shared/src/services/theme-service.ts
View File

@@ -161,10 +161,17 @@ export class ThemeService extends Extension {
export class ThemeObserver { export class ThemeObserver {
private readonly observer: MutationObserver; private readonly observer: MutationObserver;
theme$ = signal(ColorScheme.Light); theme$: Signal<ColorScheme>;
constructor() { constructor() {
const COLOR_SCHEMES: string[] = Object.values(ColorScheme); const COLOR_SCHEMES: string[] = Object.values(ColorScheme);
// Set initial theme according to the data-theme attribute
const initialMode = document.documentElement.dataset.theme;
this.theme$ = signal(
initialMode && COLOR_SCHEMES.includes(initialMode)
? (initialMode as ColorScheme)
: ColorScheme.Light
);
this.observer = new MutationObserver(() => { this.observer = new MutationObserver(() => {
const mode = document.documentElement.dataset.theme; const mode = document.documentElement.dataset.theme;
if (!mode) return; if (!mode) return;