fix(editor): should update color of edgeless text when switching theme (#11853)

Closes: [BS-3258](https://linear.app/affine-design/issue/BS-3258/edgeless-text-颜色不符合预期)

blocksuite/affine/blocks/edgeless-text/src/edgeless-text-block.ts

@@ -1,6 +1,7 @@
 import { TextUtils } from '@blocksuite/affine-block-surface';
 import { formatBlockCommand } from '@blocksuite/affine-inline-preset';
 import {
+  DefaultTheme,
   EDGELESS_TEXT_BLOCK_MIN_HEIGHT,
   EDGELESS_TEXT_BLOCK_MIN_WIDTH,
   type EdgelessTextBlockModel,
@@ -359,13 +360,17 @@ export class EdgelessTextBlockComponent extends GfxBlockComponent<EdgelessTextBl
   }
 
   override renderPageContent() {
-    const { fontFamily, fontStyle, fontWeight, textAlign } = this.model.props;
-    const color = this.std
-      .get(ThemeProvider)
-      .generateColorProperty(this.model.props.color, '#000000');
+    const { color, fontFamily, fontStyle, fontWeight, textAlign } =
+      this.model.props;
+    const themeProvider = this.std.get(ThemeProvider);
+    const textColor = themeProvider.generateColorProperty(
+      color,
+      DefaultTheme.textColor,
+      themeProvider.theme$.value
+    );
 
     const style = styleMap({
-      '--edgeless-text-color': color,
+      '--edgeless-text-color': textColor,
       '--edgeless-text-font-family': TextUtils.wrapFontFamily(fontFamily),
       '--edgeless-text-font-style': fontStyle,
       '--edgeless-text-font-weight': fontWeight,

blocksuite/affine/model/src/blocks/edgeless-text/edgeless-text-model.ts

@@ -20,9 +20,9 @@ import {
   TextAlign,
   TextAlignSchema,
   type TextStyleProps,
-} from '../../consts/index.js';
-import { ColorSchema } from '../../themes/color.js';
-import { DefaultTheme } from '../../themes/default.js';
+} from '../../consts/index';
+import { ColorSchema } from '../../themes/color';
+import { DefaultTheme } from '../../themes/default';
 
 type EdgelessTextProps = {
   hasMaxWidth: boolean;
@@ -33,15 +33,15 @@ export const EdgelessTextZodSchema = z
   .object({
     color: ColorSchema,
     fontFamily: FontFamilySchema,
-    fontWeight: FontWeightSchema,
     fontStyle: FontStyleSchema,
+    fontWeight: FontWeightSchema,
     textAlign: TextAlignSchema,
   })
   .default({
     color: DefaultTheme.textColor,
     fontFamily: FontFamily.Inter,
-    fontWeight: FontWeight.Regular,
     fontStyle: FontStyle.Normal,
+    fontWeight: FontWeight.Regular,
     textAlign: TextAlign.Left,
   });
 
@@ -51,14 +51,10 @@ export const EdgelessTextBlockSchema = defineBlockSchema({
     xywh: '[0,0,16,16]',
     index: 'a0',
     lockedBySelf: false,
-    color: '#000000',
-    fontFamily: FontFamily.Inter,
-    fontStyle: FontStyle.Normal,
-    fontWeight: FontWeight.Regular,
-    textAlign: TextAlign.Left,
     scale: 1,
     rotate: 0,
     hasMaxWidth: false,
+    ...EdgelessTextZodSchema.parse(undefined),
   }),
   metadata: {
     version: 1,
@@ -75,9 +71,7 @@ export const EdgelessTextBlockSchema = defineBlockSchema({
       'affine:latex',
     ],
   },
-  toModel: () => {
-    return new EdgelessTextBlockModel();
-  },
+  toModel: () => new EdgelessTextBlockModel(),
 });
 
 export const EdgelessTextBlockSchemaExtension = BlockSchemaExtension(