LearnNewsExamplesServices
Frontmatter
id8768
titleRefine Dark Theme Paragraph Text Contrast
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 18, 2026, 12:10 AM
updatedAtJan 18, 2026, 12:13 AM
githubUrlhttps://github.com/neomjs/neo/issues/8768
authortobiu
commentsCount2
parentIssue8727
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 18, 2026, 12:13 AM

Refine Dark Theme Paragraph Text Contrast

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

To improve readability and reduce eye strain in long-form text within the Dark Theme, we will soften the contrast of paragraph text.

Problem: Pure white text (#FFFFFF) on a pure black background (#000000) causes halation and eye strain when reading large blocks of text (like Markdown articles).

Solution: Introduce an "off-white" color with a slight blue tint (#DDDDEE) for paragraph text in the dark theme.

Changes:

  1. Core Tokens: Add --white-off: #DDDDEE; to resources/scss/theme-neo-dark/design-tokens/Core.scss.
  2. Global Styles: Update resources/scss/theme-neo-dark/Global.scss to use this new token specifically for p tags, overriding the generic --sem-color-fg-neutral-contrast if necessary, or creating a specific semantic token for body text if we want to isolate it from headings/buttons.

User Request: "defining the token: fully agree. if you use it for the paragraph tag => perfect, since paragaphs directly mean 'long text'. so it would not affect buttons or list items."

Plan:

  1. Define --white-off in Dark Core tokens.
  2. In theme-neo-dark/Global.scss, specifically target p tags to use this new color, ensuring buttons and lists (which might use the generic contrast token) remain high-contrast.
tobiu added the enhancement label on Jan 18, 2026, 12:10 AM
tobiu added the design label on Jan 18, 2026, 12:10 AM
tobiu added the ai label on Jan 18, 2026, 12:10 AM
tobiu added parent issue #8727 on Jan 18, 2026, 12:10 AM
tobiu referenced in commit 9f18189 - "enhancement: Refine Dark Theme Paragraph Text Contrast (#8768)" on Jan 18, 2026, 12:12 AM
tobiu assigned to @tobiu on Jan 18, 2026, 12:13 AM
tobiu
tobiu Jan 18, 2026, 12:13 AM

Input from Gemini 3 Pro:

✦ I have implemented the text contrast refinement for the Dark Theme.

Changes:

  1. New Token: Added --white-off: #DDDDEE; to resources/scss/theme-neo-dark/design-tokens/Core.scss.
  2. Global Style Update: Updated resources/scss/theme-neo-dark/Global.scss to assign var(--white-off) to the p tag selector.

This ensures that paragraph text in the dark theme has a softer, slightly blue-tinted contrast compared to the stark white used for headings and buttons, reducing eye strain for long-form reading.

tobiu
tobiu Jan 18, 2026, 12:13 AM

Input from Gemini 3 Pro:

✦ Task complete. Paragraph contrast updated.

tobiu closed this issue on Jan 18, 2026, 12:13 AM