Skip to content

Fix dark-mode clock icon and use macOS-style carets#98

Merged
gusaiani merged 1 commit intomainfrom
fix-dark-clock-and-macos-carets
Mar 20, 2026
Merged

Fix dark-mode clock icon and use macOS-style carets#98
gusaiani merged 1 commit intomainfrom
fix-dark-clock-and-macos-carets

Conversation

@gusaiani
Copy link
Copy Markdown
Owner

Summary

  • Fix clock icon in time/date inputs being invisible in dark mode by setting color-scheme: dark
  • Replace all ▶/▼ unicode disclosure triangles with CSS-drawn chevron carets (border-based) that rotate smoothly on expand — matching macOS disclosure style
  • Consolidate six duplicate chevron CSS blocks into one shared rule

Test plan

  • Toggle dark mode and edit a session's start/end time — clock icon should be visible
  • Expand/collapse task sessions, days, weeks, later section, and total row — carets should animate between right-pointing and down-pointing
  • Verify play/promote buttons still show ▶ (not carets)

…rets (#98)

- Add color-scheme: dark to time/date inputs so browser-native clock icon
  renders visibly in dark mode
- Replace ▶/▼ unicode triangles with CSS border-based chevron carets that
  rotate on expand, matching macOS disclosure style
- Consolidate duplicate chevron CSS into a single shared rule
@gusaiani gusaiani enabled auto-merge (squash) March 20, 2026 17:05
@gusaiani gusaiani merged commit f024c45 into main Mar 20, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant