Skip to content

Commit 7b57830

Browse files
fix: update timer display color for completed state
Changed the timer display color from red to gray when the timer reaches zero, enhancing visual consistency with idle state. This adjustment aims to provide a calmer appearance when the timer completes.
1 parent bbd4ec0 commit 7b57830

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

components/timer/TimerDisplay.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ export function TimerDisplay({
3636

3737
// Determine color based on state
3838
const getColor = () => {
39-
if (timeRemaining === 0) return '#EF4444' // red when complete
39+
if (timeRemaining === 0) return '#9CA3AF' // gray when complete
4040
if (isPaused) return '#FBBF24' // amber when paused
4141
if (isRunning) return '#10B981' // green when running
4242
return '#9CA3AF' // gray when idle

0 commit comments

Comments
 (0)