fix(ui): improve active preset contrast in light theme

Author: jesusdev98

src/app/features/timer/components/timer-container/timer-container.component.scss

@@ -450,9 +450,9 @@
 }
 
 .quick-presets__button--active {
-  border-color: rgba(251, 191, 36, 0.58);
-  background: rgba(251, 191, 36, 0.18);
-  color: #fef3c7;
+  border-color: var(--preset-active-border);
+  background: var(--preset-active-bg);
+  color: var(--preset-active-text);
 }
 
 .quick-presets__button:disabled {

src/styles.scss

@@ -42,6 +42,9 @@ body {
   --text-muted: rgba(203, 213, 225, 0.74);
   --accent: #fbbf24;
   --accent-contrast: #111827;
+  --preset-active-border: #fbbf2494;
+  --preset-active-bg: #fbbf242e;
+  --preset-active-text: #fef3c7;
   --success: #2dd66f;
   --success-text: #c8fbd8;
   --info: #60a5fa;
@@ -91,6 +94,9 @@ body {
   --text-muted: rgba(51, 65, 85, 0.78);
   --accent: #b45309;
   --accent-contrast: #fffaf0;
+  --preset-active-border: #b45309ad;
+  --preset-active-bg: #fbbf2457;
+  --preset-active-text: #2f1f05;
   --success: #15803d;
   --success-text: #14532d;
   --info: #1d4ed8;