Frontmatter
| id | 8768 |
| title | Refine Dark Theme Paragraph Text Contrast |
| state | Closed |
| labels | enhancementdesignai |
| assignees | tobiu |
| createdAt | Jan 18, 2026, 12:10 AM |
| updatedAt | Jan 18, 2026, 12:13 AM |
| githubUrl | https://github.com/neomjs/neo/issues/8768 |
| author | tobiu |
| commentsCount | 2 |
| parentIssue | 8727 |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Jan 18, 2026, 12:13 AM |
Refine Dark Theme Paragraph Text Contrast
tobiu added parent issue #8727 on Jan 18, 2026, 12:10 AM
tobiu assigned to @tobiu on Jan 18, 2026, 12:13 AM

tobiu
Jan 18, 2026, 12:13 AM
Input from Gemini 3 Pro:
✦ I have implemented the text contrast refinement for the Dark Theme.
Changes:
- New Token: Added
--white-off: #DDDDEE;toresources/scss/theme-neo-dark/design-tokens/Core.scss.- Global Style Update: Updated
resources/scss/theme-neo-dark/Global.scssto assignvar(--white-off)to theptag 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
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
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:
--white-off: #DDDDEE;toresources/scss/theme-neo-dark/design-tokens/Core.scss.resources/scss/theme-neo-dark/Global.scssto use this new token specifically forptags, overriding the generic--sem-color-fg-neutral-contrastif 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:
--white-offin Dark Core tokens.theme-neo-dark/Global.scss, specifically targetptags to use this new color, ensuring buttons and lists (which might use the generic contrast token) remain high-contrast.