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 {