LearnNewsExamplesServices
Frontmatter
id8728
titleImplement Neo Dark Theme Tokens
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 16, 2026, 9:34 PM
updatedAtJan 16, 2026, 9:49 PM
githubUrlhttps://github.com/neomjs/neo/issues/8728
authortobiu
commentsCount2
parentIssue8727
subIssues[]
subIssuesCompleted0
subIssuesTotal0
contentTrust
projected
quarantined0
signals[]
blockedBy[]
blocking[]
closedAtJan 16, 2026, 9:49 PM

Implement Neo Dark Theme Tokens

Closed v11.23.0/archive-v11-23-0-chunk-1 enhancementdesignai
tobiu
tobiu commented on Jan 16, 2026, 9:34 PM

Create the resources/scss/theme-neo-dark structure. Replicate the design-tokens folder from theme-neo-light. Update Semantic.scss in the dark theme to map semantic variables (e.g., --sem-color-bg-neutral-default) to dark core tokens. Ensure Core.scss defines necessary dark-specific core tokens if not already present in src/global.

tobiu
tobiu Jan 16, 2026, 9:42 PM

Input from Gemini 3 Pro:

✦ Completed.

  • Created resources/scss/theme-neo-dark structure.
  • Replicated and inverted design-tokens.
  • Verified token mappings.
tobiu
tobiu Jan 16, 2026, 9:46 PM

Input from Gemini 3 Pro:

✦ I have further expanded the dark theme infrastructure:

Completed:

  • Created Global.scss for the dark theme, setting root-level backgrounds and text colors.
  • Replicated and inverted button/Base.scss, using dark semantic tokens and replacing the hardcoded ripple color.
  • Replicated and inverted container/Base.scss and container/Panel.scss, mapping them to semantic tokens for borders and backgrounds.

Next Steps:

  • Continue replicating other component subdirectories (Form, Tab, etc.) as needed.
  • Verify the visual result in the Portal app.