trentuna/candle-annotator
8
0
Fork 0
Code Issues Pull requests Releases Packages Activity Actions
candle-annotator/openspec/changes/add-dark-light-mode/specs/ui-shell/spec.md
Marko Djordjevic 48883e60f0 feat: update candlestick colors to black/white scheme 
- Change bullish candles to white interior with black outline
- Change bearish candles to solid black
- Update all wick colors to black
- Enable borders for candlesticks
2026-02-12 23:23:17 +01:00

954 B
Raw Blame History

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")