LearnNewsExamplesServices
Frontmatter
id8732
titleImplement Dark Theme for General Components
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 16, 2026, 10:06 PM
updatedAtJan 16, 2026, 10:09 PM
githubUrlhttps://github.com/neomjs/neo/issues/8732
authortobiu
commentsCount1
parentIssue8727
subIssues[]
subIssuesCompleted0
subIssuesTotal0
contentTrust
projected
quarantined0
signals[]
blockedBy[]
blocking[]
closedAtJan 16, 2026, 10:09 PM

Implement Dark Theme for General Components

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

The migration script created the file structure, but many component SCSS files still contain hardcoded colors from the light theme. We need to update these files to use semantic tokens or appropriate dark theme values.

Scope: resources/scss/theme-neo-dark/component/*.scss

Files identified requiring updates:

  • Toast.scss
  • Chip.scss
  • StatusBadge.scss
  • Process.scss
  • Progress.scss
  • Splitter.scss
  • DateSelector.scss
  • Video.scss
  • BoxLabel.scss

Task: Replace hardcoded hex/named colors with var(--sem-color-...) variables where possible, or map to dark theme core tokens.

tobiu
tobiu Jan 16, 2026, 10:09 PM

Input from Gemini 3 Pro:

✦ I have completed the update of general components for the dark theme.

Changes:

  • Toast: Mapped backgrounds and text to dark semantic tokens.
  • Chip: Updated borders and text to use semantic variables.
  • StatusBadge: Mapped status colors (alert, error, info, success) to dark core tokens.
  • Process: Updated colors for dark background compatibility.
  • Progress: Ensured label visibility on dark bars.
  • Splitter: Darkened background and hover states.
  • DateSelector: Comprehensive update for dark mode (backgrounds, headers, cells).
  • Video: Adjusted ghost icon visibility.
  • BoxLabel: Mapped to neutral surface and text tokens.

These components should now render correctly in the dark theme.