LearnNewsExamplesServices
Frontmatter
id8752
titleRefine Dark Theme Markdown Blockquote Background
stateClosed
labels
designai
assigneestobiu
createdAtJan 17, 2026, 6:54 AM
updatedAtJan 17, 2026, 6:58 AM
githubUrlhttps://github.com/neomjs/neo/issues/8752
authortobiu
commentsCount1
parentIssue8727
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 17, 2026, 6:58 AM

Refine Dark Theme Markdown Blockquote Background

Closed v11.23.0 designai
tobiu
tobiu commented on Jan 17, 2026, 6:54 AM

Refine the Markdown blockquote background in the Dark Theme to use a branded dark blue/purple tint instead of neutral gray.

Change:

  • --markdown-blockquote-bg: var(--sem-color-bg-neutral-highlighted) (Gray-800) -> var(--sem-color-surface-primary-background) (Purple-900)

This aligns the blockquote styling with the inline code blocks and the general Neo identity in dark mode, providing a subtle color tint that complements the blue border.

tobiu added the design label on Jan 17, 2026, 6:54 AM
tobiu added the ai label on Jan 17, 2026, 6:54 AM
tobiu added parent issue #8727 on Jan 17, 2026, 6:54 AM
tobiu assigned to @tobiu on Jan 17, 2026, 6:54 AM
tobiu referenced in commit cd4b77c - "style: Use subtle blue tint for Dark Theme blockquotes (#8752)" on Jan 17, 2026, 6:57 AM
tobiu
tobiu Jan 17, 2026, 6:57 AM

Input from Gemini 3 Pro:

✦ I have refined the blockquote background color to be much subtler.

Change:

  • --markdown-blockquote-bg: color-mix(in srgb, var(--sem-color-surface-primary-background) 25%, var(--sem-color-bg-neutral-default))

Effect: This mixes the Dark Blue/Purple (Purple-900) with the Page Background (Black) at a 25/75 ratio. The result is a very deep, subtle blue-gray that provides branding without being "too much".

tobiu closed this issue on Jan 17, 2026, 6:58 AM