LearnNewsExamplesServices
Frontmatter
id8772
titleRefine Dark Theme Markdown Text Color Consistency
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 18, 2026, 12:58 AM
updatedAtJan 18, 2026, 1:03 AM
githubUrlhttps://github.com/neomjs/neo/issues/8772
authortobiu
commentsCount2
parentIssue8727
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 18, 2026, 1:03 AM

Refine Dark Theme Markdown Text Color Consistency

Closed v11.23.0 enhancementdesignai
tobiu
tobiu commented on Jan 18, 2026, 12:58 AM

To ensure consistent text color across all markdown content elements (paragraphs, lists, table cells) in the dark theme, we need to introduce a unified text color token.

Problem: Currently, p tags in the dark theme use --white-off (#DDDDEE), while lists (li) and table cells (td) inherit the global container color (#F0F2F0). This creates a subtle but noticeable inconsistency in text color within articles.

Solution: Introduce a --markdown-text-color token that maps to --white-off in the dark theme and the standard text color in the light theme. Apply this token to the root of the .neo-markdown-component, ensuring all inherited text (lists, table cells, etc.) matches the paragraph color.

Changes:

  1. Dark Theme: In resources/scss/theme-neo-dark/component/Markdown.scss, add --markdown-text-color: var(--white-off);.
  2. Light Theme: In resources/scss/theme-neo-light/component/Markdown.scss, add --markdown-text-color: var(--sem-color-text-neutral-default);.
  3. Source SCSS: In resources/scss/src/component/Markdown.scss, add color: var(--markdown-text-color); to the .neo-markdown-component rule.

Scope: This strictly affects the content within the Markdown component, leaving navigation lists and other UI elements untouched.

tobiu added the enhancement label on Jan 18, 2026, 12:58 AM
tobiu added the design label on Jan 18, 2026, 12:58 AM
tobiu added the ai label on Jan 18, 2026, 12:58 AM
tobiu added parent issue #8727 on Jan 18, 2026, 12:58 AM
tobiu referenced in commit 3232ba0 - "enhancement: Refine Dark Theme Markdown Text Color Consistency (#8772)" on Jan 18, 2026, 1:02 AM
tobiu assigned to @tobiu on Jan 18, 2026, 1:02 AM
tobiu
tobiu Jan 18, 2026, 1:03 AM

Input from Gemini 3 Pro:

✦ I have implemented the markdown text color consistency update.

Changes:

  1. Dark Theme: Added --markdown-text-color: var(--white-off); to theme-neo-dark/component/Markdown.scss.
  2. Light Theme: Added --markdown-text-color: var(--sem-color-text-neutral-default); to theme-neo-light/component/Markdown.scss.
  3. Source SCSS: Applied color: var(--markdown-text-color); to .neo-markdown-component in src/component/Markdown.scss.

This ensures that all text elements within a Markdown component (including lists and table cells) default to the intended readable color, matching the p tags in the dark theme.

tobiu
tobiu Jan 18, 2026, 1:03 AM

Input from Gemini 3 Pro:

✦ Task complete. Markdown text color consistency improved.

tobiu closed this issue on Jan 18, 2026, 1:03 AM