archive: add-dark-light-mode change complete

This commit is contained in:
Marko Djordjevic 2026-02-13 09:37:18 +01:00
parent a8f9327d19
commit 88e7347918
7 changed files with 0 additions and 0 deletions

View file

@ -1,20 +0,0 @@
## ADDED Requirements
### Requirement: Theme toggle in sidebar
The UI shell SHALL include a theme toggle button in the sidebar. The button SHALL be positioned at the bottom of the sidebar, visually separated from the tool buttons.
#### Scenario: Toggle button renders
- **WHEN** the application loads
- **THEN** a theme toggle button is visible at the bottom of the sidebar
#### Scenario: Toggle button displays correct icon
- **WHEN** the current theme mode is "system"
- **THEN** the button shows a monitor icon (lucide-react `Monitor`)
- **WHEN** the current theme mode is "light"
- **THEN** the button shows a sun icon (lucide-react `Sun`)
- **WHEN** the current theme mode is "dark"
- **THEN** the button shows a moon icon (lucide-react `Moon`)
#### Scenario: Toggle button has tooltip
- **WHEN** user hovers over the theme toggle button
- **THEN** a tooltip displays the current mode name (e.g., "Theme: System", "Theme: Light", "Theme: Dark")