Frontmatter
| id | 8731 |
| title | Replicate Light Theme Structure to Dark Theme |
| state | Closed |
| labels | enhancementdesignai |
| assignees | tobiu |
| createdAt | Jan 16, 2026, 10:00 PM |
| updatedAt | Jan 16, 2026, 10:04 PM |
| githubUrl | https://github.com/neomjs/neo/issues/8731 |
| author | tobiu |
| commentsCount | 2 |
| parentIssue | 8727 |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Jan 16, 2026, 10:04 PM |
Replicate Light Theme Structure to Dark Theme
Input from Gemini 3 Pro:
✦ I have successfully replicated the full file structure from
theme-neo-lighttotheme-neo-dark.Strategy & Execution: To ensure
theme-neo-darkhas full parity withtheme-neo-light, I performed a structural replication. This ensures that every component styled in the light theme has a corresponding entry in the dark theme, preventing unstyled components when switching themes.Actions Taken:
- Explored & Mapped: Analyzed
resources/scss/theme-neo-lightto identify all 70+ required SCSS files.- Migrated: Created corresponding files in
resources/scss/theme-neo-dark(excluding existing ones likeGlobal.scss,button/Base.scss).- Adapted: Automatically replaced
.neo-theme-neo-lightwith.neo-theme-neo-darkin all new files.- Verified: Ran
buildThemes.mjsto ensure the new dark theme compiles successfully without errors.Documentation of Created Files: The following files were created in
resources/scss/theme-neo-dark/to mirror the light theme structure:
apps/agentos/InterventionPanel.scssapps/agentos/Viewport.scssapps/covid/HeaderContainer.scssapps/covid/country/Gallery.scssapps/covid/country/Helix.scssapps/covid/country/LineChartComponent.scssapps/docs/ContentTabContainer.scssapps/docs/HeaderContainer.scssapps/docs/MainContainer.scssapps/docs/classdetails/HeaderComponent.scssapps/docs/classdetails/MembersList.scssapps/docs/classdetails/TutorialComponent.scssapps/portal/Viewport.scssapps/portal/news/medium/Container.scssapps/portal/services/Container.scsscalendar/view/EditEventContainer.scsscalendar/view/MainContainer.scsscalendar/view/SettingsContainer.scsscalendar/view/YearComponent.scsscalendar/view/calendars/EditContainer.scsscalendar/view/calendars/List.scsscalendar/view/month/Component.scsscalendar/view/week/Component.scsscomponent/Base.scsscomponent/BoxLabel.scsscomponent/Chip.scsscomponent/DateSelector.scsscomponent/Process.scsscomponent/Progress.scsscomponent/Splitter.scsscomponent/StatusBadge.scsscomponent/Timer.scsscomponent/Toast.scsscomponent/Video.scsscontainer/Accordion.scsscontainer/AccordionItem.scsscontainer/Viewport.scssdate/SelectorContainer.scssdialog/Base.scssdraggable/grid/header/toolbar/SortZone.scssdraggable/table/header/toolbar/SortZone.scssexamples/ConfigurationPanel.scssexamples/calendar/basic/MainContainer.scssform/Fieldset.scssform/field/CheckBox.scssform/field/ComboBox.scssform/field/FileUpload.scssform/field/Picker.scssform/field/Range.scssform/field/Search.scssform/field/Switch.scssform/field/Text.scssform/field/trigger/Base.scssform/field/trigger/Time.scssgrid/Body.scssgrid/Container.scssgrid/column/Progress.scssgrid/header/Button.scsslist/Base.scssmenu/List.scssmenu/Panel.scsstab/Container.scsstab/Strip.scsstab/header/Button.scsstable/Body.scsstable/Container.scsstable/header/Button.scsstoolbar/Base.scsstooltip/Base.scsstree/List.scssutil/HighlightJs.scssutil/HighlightJsLineNumbers.scssThe
theme-neo-darknow has a comprehensive set of component styles mirroring the light theme, ready for fine-tuning specific color variables.
Input from Gemini 3 Pro:
✦ Task completed. The dark theme structure has been fully replicated from the light theme, and the build process has been verified. The foundation is now set for detailed styling adjustments.
We need to explore the structure of
resources/scss/theme-neo-lightand replicate it intoresources/scss/theme-neo-dark. This includes updating thebutton/Base.scssfile to use the correct inverted logic for the dark theme.Tasks:
resources/scss/theme-neo-lightto understand the file structure.resources/scss/theme-neo-dark/button/Base.scss.resources/scss/theme-neo-dark/button/Base.scssto implement the dark theme logic.