Skip to content

fix: improve code block visibility in dark mode - #3213

Merged
AlexAndBear merged 1 commit into
mainfrom
fix/code-block-dark-mode-contrast
Aug 24, 2026
Merged

AlexAndBear merged 1 commit into
mainfrom
fix/code-block-dark-mode-contrast

Conversation

@AlexAndBear

@AlexAndBear AlexAndBear commented Aug 24, 2026 •

Copy link
Copy Markdown
Member

Description

This bugfix improves code readability in dark mode by increasing contrast for editor code backgrounds.

Changes made:

  • Updated pre code block background token from var(--oc-role-surface-container) to var(--oc-role-surface-container-high)
  • Updated inline code background token from var(--oc-role-surface-container) to var(--oc-role-surface-container-high)

File changed:

  • packages/web-pkg/src/editor/styles/text-editor.css

Related Issue

  • Fixes #<issue_number>

How Has This Been Tested?

  • test environment: Local development environment
  • test case 1: Opened text editor in dark mode and verified improved code block contrast
  • test case 2: Verified inline code background is consistently more visible in dark mode
  • test case 3: Confirmed no visual regression in editor code styling structure

Types of changes

  • Bugfix
  • Enhancement (a change that doesn't break existing code or deployments)
  • Breaking change (a modification that affects current functionality)
  • Technical debt (addressing code that needs refactoring or improvements)
  • Tests (adding or improving tests)
  • Documentation (updates or additions to documentation)
  • Maintenance (like dependency updates or tooling adjustments)

@AlexAndBear
AlexAndBear merged commit 41528e7 into main Aug 24, 2026
32 checks passed
@AlexAndBear
AlexAndBear deleted the fix/code-block-dark-mode-contrast branch August 24, 2026 14:53
@openclouders openclouders mentioned this pull request Aug 24, 2026
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants