-
Notifications
You must be signed in to change notification settings - Fork 0
Open
Labels
UI/UXenhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomers
Description
Goal
Allow users to switch between dark and light themes for the UI panels (flight info, location selector, etc.)
Background
Currently, Aether uses a dark theme by default. Some users may prefer a light theme, especially when using the app during daytime or on devices with OLED screens.
What needs to be done
- Add CSS custom properties (variables) for theme colors in client/src/index.css
- Create a theme toggle button component
- Store theme preference in
localStorage - Apply theme class to root element
Relevant files
- client/src/index.css - Global styles
- client/src/App.tsx - Main app component (for theme state)
- client/src/components/LocationSelector.tsx - Example panel to update
Acceptance criteria
- Toggle button visible in UI
- Theme persists across page reloads
- All panels respect theme variables
- Smooth transition between themes
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
UI/UXenhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomers