Add full light dark auto theme support to admin UI#6
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What changed
This PR adds a real internal theme switcher for the Automata admin UI with three modes:
auto,light, anddark.The theme control is now part of the admin shell itself instead of feeling like a leftover framework widget. Administrators can change appearance directly from the internal UI, and the selected mode is reflected consistently across the whole admin experience.
UX improvements
The goal of this change is not only to expose a theme toggle, but to make the entire interface actually support it.
The admin UI now behaves like a complete themed product experience:
Autofollows system preferenceLightforces the light interfaceDarkforces the dark interfaceImplementation details
The work is centered in the layout and shared admin styling layer.
Theme handling in the root layout now stores explicit mode selection and resolves
autoagainst the system color scheme. The admin shell exposes the switch in the sidebar so it is available on all admin pages. The custom admin CSS was refactored from fixed light colors to shared theme variables so the design remains intentional across modes instead of only partially changing.Why this matters
Before this change, theme support existed only in a partial technical sense. The admin UI had a hardcoded visual language that was mostly designed for light mode.
This PR makes theme support product quality instead of framework quality. It should feel native to the admin experience and usable for real operators who prefer light, dark, or automatic behavior.
Validation
mix compile