From 7e71395c8e20a8861c9260aba74755d2be4b5dcf Mon Sep 17 00:00:00 2001
From: akumatus <akumatus@gmail.com>
Date: Fri, 1 Nov 2024 09:55:29 +0000
Subject: [PATCH] fix: old document edgelessColorTheme shows auto but always
 render white (#8666)

Fix issue [AF-1593](https://linear.app/affine-design/issue/AF-1593).
---
 .../blocksuite/block-suite-editor/specs/custom/root-block.ts  | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/root-block.ts b/packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/root-block.ts
index c79a6efb92..8b20ab7730 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/root-block.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/root-block.ts
@@ -107,7 +107,9 @@ function createThemeExtension(framework: FrameworkProvider) {
       if (cache) return cache;
 
       const appTheme$ = framework.get(AppThemeService).appTheme.theme$;
-      const docTheme$ = doc.properties$.map(props => props.edgelessColorTheme);
+      const docTheme$ = doc.properties$.map(
+        props => props.edgelessColorTheme || 'system'
+      );
       const theme$: Observable<ColorScheme> = combineLatest([
         appTheme$,
         docTheme$,