From bd7b994fa45aeb8a7cc115bf9ee3a47a7319344a Mon Sep 17 00:00:00 2001
From: xy200303 <3483421977@qq.com>
Date: Fri, 5 Jun 2026 18:24:50 +0800
Subject: [PATCH] fix(painter-dom): set default page text color

---
 .../painters/dom/src/styles.test.ts              | 16 +++++++++++++++-
 .../layout-engine/painters/dom/src/styles.ts     |  3 +++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/packages/layout-engine/painters/dom/src/styles.test.ts b/packages/layout-engine/painters/dom/src/styles.test.ts
index b8eb27442e..cbeaaa4465 100644
--- a/packages/layout-engine/painters/dom/src/styles.test.ts
+++ b/packages/layout-engine/painters/dom/src/styles.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { ensureSdtContainerStyles, ensureTrackChangeStyles, lineStyles } from './styles.js';
+import { ensureSdtContainerStyles, ensureTrackChangeStyles, lineStyles, pageStyles } from './styles.js';
 
 describe('lineStyles', () => {
   it('sets height and lineHeight from the argument', () => {
@@ -14,6 +14,20 @@ describe('lineStyles', () => {
   });
 });
 
+describe('pageStyles', () => {
+  it('sets a black default text color for document content inheritance', () => {
+    const styles = pageStyles(400, 500);
+
+    expect(styles.color).toBe('var(--sd-layout-page-color, #000)');
+  });
+
+  it('allows consumers to override the page text color token', () => {
+    const styles = pageStyles(400, 500, { color: '#333333' });
+
+    expect(styles.color).toBe('#333333');
+  });
+});
+
 describe('ensureSdtContainerStyles', () => {
   it('exposes hover border tokens for structured content overrides', () => {
     ensureSdtContainerStyles(document);
diff --git a/packages/layout-engine/painters/dom/src/styles.ts b/packages/layout-engine/painters/dom/src/styles.ts
index 0a6198befc..17fdaa4d74 100644
--- a/packages/layout-engine/painters/dom/src/styles.ts
+++ b/packages/layout-engine/painters/dom/src/styles.ts
@@ -21,6 +21,7 @@ export type PageStyles = {
   background?: string;
   boxShadow?: string;
   border?: string;
+  color?: string;
   margin?: string;
 };
 
@@ -28,6 +29,7 @@ export const DEFAULT_PAGE_STYLES: Required<PageStyles> = {
   background: 'var(--sd-layout-page-bg, #fff)',
   boxShadow: 'var(--sd-layout-page-shadow, 0 4px 20px rgba(15, 23, 42, 0.08))',
   border: '1px solid rgba(15, 23, 42, 0.08)',
+  color: 'var(--sd-layout-page-color, #000)',
   margin: '0 auto',
 };
 
@@ -77,6 +79,7 @@ export const pageStyles = (width: number, height: number, overrides?: PageStyles
     background: merged.background,
     boxShadow: merged.boxShadow,
     border: merged.border,
+    color: merged.color,
     margin: merged.margin,
     overflow: 'hidden',
   };