From 59ce6261d3dff070a138934d8038e0a935c003c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=86=B0=E6=9C=94?= <565183519@qq.com>
Date: Fri, 17 Jul 2026 11:15:45 +0800
Subject: [PATCH 9/9] test: lock in readable editor theme defaults

---
 src/hooks/useTheme.test.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/hooks/useTheme.test.ts b/src/hooks/useTheme.test.ts
index aecc7bd..27d1f6c 100644
--- a/src/hooks/useTheme.test.ts
+++ b/src/hooks/useTheme.test.ts
@@ -3,11 +3,11 @@ import { renderHook } from '@testing-library/react'
 import { useEditorTheme } from './useTheme'
 
 describe('useEditorTheme', () => {
-  it('keeps inline code on the muted editor surface without exporting code block overrides', () => {
+  it('gives inline code a subtle accent surface without exporting code block overrides', () => {
     const { result } = renderHook(() => useEditorTheme())
 
     expect(result.current.cssVars['--inline-styles-code-background-color']).toBe(
-      'var(--bg-hover-subtle)'
+      'color-mix(in srgb, var(--accent-blue) 11%, var(--bg-hover-subtle))'
     )
     expect(result.current.cssVars['--code-blocks-background-color']).toBeUndefined()
   })
@@ -27,6 +27,6 @@ describe('useEditorTheme', () => {
   it('exports the default editor max width', () => {
     const { result } = renderHook(() => useEditorTheme())
 
-    expect(result.current.cssVars['--editor-max-width']).toBe('820px')
+    expect(result.current.cssVars['--editor-max-width']).toBe('880px')
   })
 })
-- 
2.50.1 (Apple Git-155)