fix: use muted editor code surfaces

src/hooks/useTheme.test.ts

@@ -0,0 +1,16 @@
+import { describe, expect, it } from 'vitest'
+import { renderHook } from '@testing-library/react'
+import { useEditorTheme } from './useTheme'
+
+describe('useEditorTheme', () => {
+  it('uses the muted editor surface for inline and block code', () => {
+    const { result } = renderHook(() => useEditorTheme())
+
+    expect(result.current.cssVars['--inline-styles-code-background-color']).toBe(
+      'var(--bg-hover-subtle)'
+    )
+    expect(result.current.cssVars['--code-blocks-background-color']).toBe(
+      'var(--bg-hover-subtle)'
+    )
+  })
+})

src/theme.json

@@ -100,7 +100,7 @@
     "fontFamily": "'SF Mono', 'Fira Code', monospace",
     "fontSize": 13,
     "lineHeight": 1.5,
-    "backgroundColor": "var(--bg-card)",
+    "backgroundColor": "var(--bg-hover-subtle)",
     "paddingHorizontal": 16,
     "paddingVertical": 12,
     "borderRadius": 6,