From 3ae40592964e3fbd881ee2701027a02a0b5125af Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 19 Aug 2026 19:25:20 +0000
Subject: [PATCH 1/3] Initial plan


From 34fbb9c29ee8b30957172edd3b11909bf033ae2d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 19 Aug 2026 19:27:16 +0000
Subject: [PATCH 2/3] fix: align todo button accents with light blue theme

Co-authored-by: rtraidcleverit <169684453+rtraidcleverit@users.noreply.github.com>
---
 frontend/style.css | 44 ++++++++++++++++++++++++++++++++++----------
 1 file changed, 34 insertions(+), 10 deletions(-)

diff --git a/frontend/style.css b/frontend/style.css
index d351594..ff76626 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -5,6 +5,7 @@
   --text-color: #333;
   --primary-color: #1976d2;
   --primary-hover: #1565c0;
+  --primary-contrast: #fff;
   --input-bg: #fff;
   --task-bg: #fff;
   --task-shadow: rgba(0,0,0,0.06);
@@ -16,6 +17,7 @@
   --input-focus-shadow: rgba(25,118,210,0.15);
   --submit-shadow: rgba(25,118,210,0.08);
   --submit-hover-shadow: rgba(25,118,210,0.12);
+  --button-focus-ring: rgba(66,165,245,0.35);
 }
 
 [data-theme="dark"] {
@@ -23,19 +25,21 @@
   --bg-color: #121212;
   --container-bg: #1e1e1e;
   --text-color: #e0e0e0;
-  --primary-color: #64b5f6;
-  --primary-hover: #42a5f5;
+  --primary-color: #4fc3f7;
+  --primary-hover: #81d4fa;
+  --primary-contrast: #062033;
   --input-bg: #2d2d2d;
   --task-bg: #2d2d2d;
   --task-shadow: rgba(0,0,0,0.3);
-  --task-hover-shadow: rgba(100,181,246,0.15);
-  --button-hover-bg: #1a237e;
-  --button-active-bg: #283593;
+  --task-hover-shadow: rgba(79,195,247,0.22);
+  --button-hover-bg: rgba(79,195,247,0.18);
+  --button-active-bg: rgba(79,195,247,0.3);
   --completed-color: #757575;
   --input-shadow: rgba(0,0,0,0.2);
-  --input-focus-shadow: rgba(100,181,246,0.25);
-  --submit-shadow: rgba(100,181,246,0.15);
-  --submit-hover-shadow: rgba(100,181,246,0.25);
+  --input-focus-shadow: rgba(79,195,247,0.28);
+  --submit-shadow: rgba(79,195,247,0.22);
+  --submit-hover-shadow: rgba(129,212,250,0.3);
+  --button-focus-ring: rgba(129,212,250,0.4);
 }
 
 .header {
@@ -62,10 +66,15 @@
 
 .theme-toggle:hover {
   background: var(--primary-color);
-  color: var(--container-bg);
+  color: var(--primary-contrast);
   transform: scale(1.1);
 }
 
+.theme-toggle:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 4px var(--button-focus-ring);
+}
+
 body {
   font-family: 'Roboto', Arial, sans-serif;
   background: var(--bg-color);
@@ -105,7 +114,7 @@ form {
 }
 button[type="submit"] {
   background: var(--primary-color);
-  color: #fff;
+  color: var(--primary-contrast);
   border: none;
   border-radius: 4px;
   padding: 0 1.5em;
@@ -119,6 +128,15 @@ button[type="submit"]:hover {
   background: var(--primary-hover);
   box-shadow: 0 4px 12px var(--submit-hover-shadow);
 }
+
+button[type="submit"]:active {
+  background: var(--primary-color);
+}
+
+button[type="submit"]:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 4px var(--button-focus-ring), 0 4px 12px var(--submit-hover-shadow);
+}
 ul#taskList {
   list-style: none;
   padding: 0;
@@ -173,6 +191,12 @@ li button:hover {
 li button:active {
   background: var(--button-active-bg);
 }
+
+li button:focus-visible {
+  outline: none;
+  background: var(--button-hover-bg);
+  box-shadow: 0 0 0 3px var(--button-focus-ring);
+}
 @media (max-width: 600px) {
   body {
     max-width: 100vw;

From b0fed121e8bec2ac3a5de8fac73340b2eb76e740 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 19 Aug 2026 19:29:08 +0000
Subject: [PATCH 3/3] fix: refine todo button interaction states

Co-authored-by: rtraidcleverit <169684453+rtraidcleverit@users.noreply.github.com>
---
 frontend/style.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/style.css b/frontend/style.css
index ff76626..9559f9b 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -5,6 +5,7 @@
   --text-color: #333;
   --primary-color: #1976d2;
   --primary-hover: #1565c0;
+  --primary-active: #0d5cad;
   --primary-contrast: #fff;
   --input-bg: #fff;
   --task-bg: #fff;
@@ -25,8 +26,9 @@
   --bg-color: #121212;
   --container-bg: #1e1e1e;
   --text-color: #e0e0e0;
-  --primary-color: #4fc3f7;
-  --primary-hover: #81d4fa;
+  --primary-color: #64b5f6;
+  --primary-hover: #42a5f5;
+  --primary-active: #1e88e5;
   --primary-contrast: #062033;
   --input-bg: #2d2d2d;
   --task-bg: #2d2d2d;
@@ -130,13 +132,14 @@ button[type="submit"]:hover {
 }
 
 button[type="submit"]:active {
-  background: var(--primary-color);
+  background: var(--primary-active);
 }
 
 button[type="submit"]:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 4px var(--button-focus-ring), 0 4px 12px var(--submit-hover-shadow);
+  box-shadow: 0 0 0 4px var(--button-focus-ring);
 }
+
 ul#taskList {
   list-style: none;
   padding: 0;