From 09a0e44b30c24c56a012441fa4e55bb8f96fddb7 Mon Sep 17 00:00:00 2001
From: Claude <claude@ctl.de>
Date: Sat, 20 Jun 2026 12:07:21 +0200
Subject: [PATCH] Use accent color for stopwatch buttons instead of hardcoded
 green/red

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/stopwatch-widget.css | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/app/stopwatch-widget.css b/src/app/stopwatch-widget.css
index 201a871..97d7465 100644
--- a/src/app/stopwatch-widget.css
+++ b/src/app/stopwatch-widget.css
@@ -36,23 +36,24 @@
 }
 
 .stopwatchStart {
-  color: #fff;
-  background: #16a34a;
-  border-color: #16a34a;
+  color: var(--accent-text);
+  background: var(--accent);
+  border-color: var(--accent);
 }
 
 .stopwatchStart:hover {
-  background: #15803d;
+  filter: brightness(0.9);
 }
 
 .stopwatchStop {
-  color: #fff;
-  background: #dc2626;
-  border-color: #dc2626;
+  color: var(--accent-text);
+  background: var(--accent);
+  border-color: var(--accent);
+  opacity: 0.8;
 }
 
 .stopwatchStop:hover {
-  background: #b91c1c;
+  opacity: 1;
 }
 
 .stopwatchLap {