Frontmatter
| id | 8732 |
| title | Implement Dark Theme for General Components |
| state | Closed |
| labels | enhancementdesignai |
| assignees | tobiu |
| createdAt | Jan 16, 2026, 10:06 PM |
| updatedAt | Jan 16, 2026, 10:09 PM |
| githubUrl | https://github.com/neomjs/neo/issues/8732 |
| author | tobiu |
| commentsCount | 1 |
| parentIssue | 8727 |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Jan 16, 2026, 10:09 PM |
Implement Dark Theme for General Components
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.
tobiu assigned to @tobiu on Jan 16, 2026, 10:09 PM
tobiu added parent issue #8727 on Jan 16, 2026, 10:09 PM
tobiu closed this issue on Jan 16, 2026, 10:09 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/*.scssFiles identified requiring updates:
Toast.scssChip.scssStatusBadge.scssProcess.scssProgress.scssSplitter.scssDateSelector.scssVideo.scssBoxLabel.scssTask: Replace hardcoded hex/named colors with
var(--sem-color-...)variables where possible, or map to dark theme core tokens.