From a867c1cfea3b6c8b515544d7cba6b5c77e8d50d6 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Feb 2026 01:33:17 +0000
Subject: [PATCH 1/7] Initial plan


From 1adbac00fc285bae923c64c6181ee7fb04ef19ba Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Feb 2026 01:35:50 +0000
Subject: [PATCH 2/7] Add explicit flash message styling for all themes

Co-authored-by: thehack904 <35552907+thehack904@users.noreply.github.com>
---
 static/css/change_password.css | 50 ++++++++++++++++++++++++++++++++--
 static/css/manage_users.css    | 50 ++++++++++++++++++++++++++++++++--
 2 files changed, 96 insertions(+), 4 deletions(-)

diff --git a/static/css/change_password.css b/static/css/change_password.css
index 06942ef..69e9fde 100644
--- a/static/css/change_password.css
+++ b/static/css/change_password.css
@@ -140,9 +140,55 @@ body.light .container-change-password {
   filter: brightness(0.96);
 }
 
-/* Flash messages */
+/* Flash messages - ensure visibility across all themes */
 .flash-messages { margin-top: 12px; }
-.flash { color: var(--panel-text); background: transparent; margin: 6px 0; }
+.flash { 
+  color: var(--panel-text); 
+  background: rgba(30, 211, 206, 0.1); 
+  padding: 8px 12px;
+  border-radius: 4px;
+  border-left: 3px solid var(--primary-color);
+  margin: 6px 0;
+  font-weight: 600;
+}
+
+/* Ensure flash messages have high contrast in all themes */
+body.light .container-change-password .flash {
+  color: #111;
+  background: rgba(6, 102, 204, 0.08);
+  border-left-color: #06c;
+}
+
+body.retroiptv .container-change-password .flash,
+body.retro-magazine .container-change-password .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.15);
+  border-left-color: #1ed3ce;
+}
+
+body.directv .container-change-password .flash {
+  color: #ffffff;
+  background: rgba(4, 159, 255, 0.15);
+  border-left-color: #049fff;
+}
+
+body.comcast .container-change-password .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.15);
+  border-left-color: #1ed3ce;
+}
+
+body.tvguide1990 .container-change-password .flash {
+  color: #000000;
+  background: rgba(0, 102, 204, 0.1);
+  border-left-color: #06c;
+}
+
+body.retro-aol .container-change-password .flash {
+  color: #ffcc01;
+  background: rgba(51, 204, 204, 0.1);
+  border-left-color: #33cccc;
+}
 
 /* ====================================================================== */
 /* Theme-specific overrides: explicit, robust and page-scoped            */
diff --git a/static/css/manage_users.css b/static/css/manage_users.css
index ae92e9d..3afc3c4 100644
--- a/static/css/manage_users.css
+++ b/static/css/manage_users.css
@@ -159,9 +159,55 @@ body.light .container-manage-users {
 .actions { display:flex; gap:8px; }
 .inline-form { display:inline; margin:0; padding:0; }
 
-/* Flash messages */
+/* Flash messages - ensure visibility across all themes */
 .flash-messages { margin-top: 12px; }
-.flash { color: var(--panel-text); background: transparent; margin: 6px 0; }
+.flash { 
+  color: var(--panel-text); 
+  background: rgba(30, 211, 206, 0.1); 
+  padding: 8px 12px;
+  border-radius: 4px;
+  border-left: 3px solid var(--primary-color);
+  margin: 6px 0;
+  font-weight: 600;
+}
+
+/* Ensure flash messages have high contrast in all themes */
+body.light .container-manage-users .flash {
+  color: #111;
+  background: rgba(6, 102, 204, 0.08);
+  border-left-color: #06c;
+}
+
+body.retroiptv .container-manage-users .flash,
+body.retro-magazine .container-manage-users .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.15);
+  border-left-color: #1ed3ce;
+}
+
+body.directv .container-manage-users .flash {
+  color: #ffffff;
+  background: rgba(4, 159, 255, 0.15);
+  border-left-color: #049fff;
+}
+
+body.comcast .container-manage-users .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.15);
+  border-left-color: #1ed3ce;
+}
+
+body.tvguide1990 .container-manage-users .flash {
+  color: #000000;
+  background: rgba(0, 102, 204, 0.1);
+  border-left-color: #06c;
+}
+
+body.retro-aol .container-manage-users .flash {
+  color: #ffcc01;
+  background: rgba(51, 204, 204, 0.1);
+  border-left-color: #33cccc;
+}
 
 /* Theme-specific header overrides to match change_tuner exact colors */
 /* RetroIPTV */

From 655457b88e08590a5fdac510041b3224ba428b30 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Feb 2026 01:44:27 +0000
Subject: [PATCH 3/7] Add flash message display and styling to change_tuner
 page

Co-authored-by: thehack904 <35552907+thehack904@users.noreply.github.com>
---
 static/css/change_tuner.css | 60 +++++++++++++++++++++++++++++++++++++
 templates/change_tuner.html | 10 +++++++
 2 files changed, 70 insertions(+)

diff --git a/static/css/change_tuner.css b/static/css/change_tuner.css
index 033b956..0f425d1 100644
--- a/static/css/change_tuner.css
+++ b/static/css/change_tuner.css
@@ -258,6 +258,65 @@ button:focus, select:focus, input:focus, textarea:focus {
   outline-offset: 2px;
 }
 
+/* ====================================================================== */
+/* Flash messages - ensure visibility across all themes                    */
+/* ====================================================================== */
+.flash-messages { 
+  margin-top: 20px;
+  max-width: 1100px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0 18px;
+}
+.flash { 
+  color: var(--panel-text); 
+  background: rgba(30, 211, 206, 0.1); 
+  padding: 12px 16px;
+  border-radius: 6px;
+  border-left: 4px solid var(--primary-color);
+  margin: 10px 0;
+  font-weight: 600;
+  font-size: 0.95rem;
+}
+
+/* Ensure flash messages have high contrast in all themes */
+body.light .container-change-tuner .flash {
+  color: #111;
+  background: rgba(6, 102, 204, 0.08);
+  border-left-color: #06c;
+}
+
+body.retroiptv .container-change-tuner .flash,
+body.retro-magazine .container-change-tuner .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.15);
+  border-left-color: #1ed3ce;
+}
+
+body.directv .container-change-tuner .flash {
+  color: #ffffff;
+  background: rgba(4, 159, 255, 0.15);
+  border-left-color: #049fff;
+}
+
+body.comcast .container-change-tuner .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.15);
+  border-left-color: #1ed3ce;
+}
+
+body.tvguide1990 .container-change-tuner .flash {
+  color: #000000;
+  background: rgba(0, 102, 204, 0.1);
+  border-left-color: #06c;
+}
+
+body.retro-aol .container-change-tuner .flash {
+  color: #ffcc01;
+  background: rgba(51, 204, 204, 0.1);
+  border-left-color: #33cccc;
+}
+
 /* ====================================================================== */
 /* Responsive                                                              */
 /* ====================================================================== */
@@ -265,6 +324,7 @@ button:focus, select:focus, input:focus, textarea:focus {
   .card-grid { grid-template-columns: 1fr; }
   .subgrid { grid-template-columns: 1fr; }
   .row-inline { flex-direction: column; }
+  .flash-messages { padding: 0 12px; }
 }
 
 /* ====================================================================== */
diff --git a/templates/change_tuner.html b/templates/change_tuner.html
index 49fb05b..3c88b1a 100644
--- a/templates/change_tuner.html
+++ b/templates/change_tuner.html
@@ -173,6 +173,16 @@ <h2 id="lbl-danger-zone">Danger Zone — Delete Tuner</h2>
       </div>
     </section>
   </main>
+
+  {% with messages = get_flashed_messages() %}
+    {% if messages %}
+      <div class="flash-messages">
+        {% for msg in messages %}
+          <p class="flash">{{ msg }}</p>
+        {% endfor %}
+      </div>
+    {% endif %}
+  {% endwith %}
 </div>
 {% endblock %}
 

From a803564611a733ad8f4bf4a1fd8b4fdfd857de4c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Feb 2026 01:48:53 +0000
Subject: [PATCH 4/7] Add explicit dark theme override for flash messages

Co-authored-by: thehack904 <35552907+thehack904@users.noreply.github.com>
---
 static/css/change_password.css | 6 ++++++
 static/css/change_tuner.css    | 6 ++++++
 static/css/manage_users.css    | 6 ++++++
 3 files changed, 18 insertions(+)

diff --git a/static/css/change_password.css b/static/css/change_password.css
index 69e9fde..e41237d 100644
--- a/static/css/change_password.css
+++ b/static/css/change_password.css
@@ -153,6 +153,12 @@ body.light .container-change-password {
 }
 
 /* Ensure flash messages have high contrast in all themes */
+body.dark .container-change-password .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.1);
+  border-left-color: #1ed3ce;
+}
+
 body.light .container-change-password .flash {
   color: #111;
   background: rgba(6, 102, 204, 0.08);
diff --git a/static/css/change_tuner.css b/static/css/change_tuner.css
index 0f425d1..1d2827b 100644
--- a/static/css/change_tuner.css
+++ b/static/css/change_tuner.css
@@ -280,6 +280,12 @@ button:focus, select:focus, input:focus, textarea:focus {
 }
 
 /* Ensure flash messages have high contrast in all themes */
+body.dark .container-change-tuner .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.1);
+  border-left-color: #1ed3ce;
+}
+
 body.light .container-change-tuner .flash {
   color: #111;
   background: rgba(6, 102, 204, 0.08);
diff --git a/static/css/manage_users.css b/static/css/manage_users.css
index 3afc3c4..8d1f154 100644
--- a/static/css/manage_users.css
+++ b/static/css/manage_users.css
@@ -172,6 +172,12 @@ body.light .container-manage-users {
 }
 
 /* Ensure flash messages have high contrast in all themes */
+body.dark .container-manage-users .flash {
+  color: #ffffff;
+  background: rgba(30, 211, 206, 0.1);
+  border-left-color: #1ed3ce;
+}
+
 body.light .container-manage-users .flash {
   color: #111;
   background: rgba(6, 102, 204, 0.08);

From 54c8becb97043d09873fba0878e808d30249a205 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Feb 2026 01:53:18 +0000
Subject: [PATCH 5/7] Significantly improve flash message contrast with solid
 backgrounds

Co-authored-by: thehack904 <35552907+thehack904@users.noreply.github.com>
---
 static/css/change_password.css | 32 ++++++++++++++++----------------
 static/css/change_tuner.css    | 32 ++++++++++++++++----------------
 static/css/manage_users.css    | 32 ++++++++++++++++----------------
 3 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/static/css/change_password.css b/static/css/change_password.css
index e41237d..d63b809 100644
--- a/static/css/change_password.css
+++ b/static/css/change_password.css
@@ -155,45 +155,45 @@ body.light .container-change-password {
 /* Ensure flash messages have high contrast in all themes */
 body.dark .container-change-password .flash {
   color: #ffffff;
-  background: rgba(30, 211, 206, 0.1);
+  background: rgba(30, 211, 206, 0.2);
   border-left-color: #1ed3ce;
 }
 
 body.light .container-change-password .flash {
-  color: #111;
-  background: rgba(6, 102, 204, 0.08);
-  border-left-color: #06c;
+  color: #000000;
+  background: #e3f2fd;
+  border-left-color: #1976d2;
 }
 
 body.retroiptv .container-change-password .flash,
 body.retro-magazine .container-change-password .flash {
-  color: #ffffff;
-  background: rgba(30, 211, 206, 0.15);
-  border-left-color: #1ed3ce;
+  color: #000000;
+  background: #b2ebf2;
+  border-left-color: #00acc1;
 }
 
 body.directv .container-change-password .flash {
-  color: #ffffff;
-  background: rgba(4, 159, 255, 0.15);
-  border-left-color: #049fff;
+  color: #000000;
+  background: #bbdefb;
+  border-left-color: #1976d2;
 }
 
 body.comcast .container-change-password .flash {
   color: #ffffff;
-  background: rgba(30, 211, 206, 0.15);
+  background: rgba(30, 211, 206, 0.2);
   border-left-color: #1ed3ce;
 }
 
 body.tvguide1990 .container-change-password .flash {
   color: #000000;
-  background: rgba(0, 102, 204, 0.1);
-  border-left-color: #06c;
+  background: #e3f2fd;
+  border-left-color: #1976d2;
 }
 
 body.retro-aol .container-change-password .flash {
-  color: #ffcc01;
-  background: rgba(51, 204, 204, 0.1);
-  border-left-color: #33cccc;
+  color: #000000;
+  background: #e0f2f1;
+  border-left-color: #00897b;
 }
 
 /* ====================================================================== */
diff --git a/static/css/change_tuner.css b/static/css/change_tuner.css
index 1d2827b..a57091f 100644
--- a/static/css/change_tuner.css
+++ b/static/css/change_tuner.css
@@ -282,45 +282,45 @@ button:focus, select:focus, input:focus, textarea:focus {
 /* Ensure flash messages have high contrast in all themes */
 body.dark .container-change-tuner .flash {
   color: #ffffff;
-  background: rgba(30, 211, 206, 0.1);
+  background: rgba(30, 211, 206, 0.2);
   border-left-color: #1ed3ce;
 }
 
 body.light .container-change-tuner .flash {
-  color: #111;
-  background: rgba(6, 102, 204, 0.08);
-  border-left-color: #06c;
+  color: #000000;
+  background: #e3f2fd;
+  border-left-color: #1976d2;
 }
 
 body.retroiptv .container-change-tuner .flash,
 body.retro-magazine .container-change-tuner .flash {
-  color: #ffffff;
-  background: rgba(30, 211, 206, 0.15);
-  border-left-color: #1ed3ce;
+  color: #000000;
+  background: #b2ebf2;
+  border-left-color: #00acc1;
 }
 
 body.directv .container-change-tuner .flash {
-  color: #ffffff;
-  background: rgba(4, 159, 255, 0.15);
-  border-left-color: #049fff;
+  color: #000000;
+  background: #bbdefb;
+  border-left-color: #1976d2;
 }
 
 body.comcast .container-change-tuner .flash {
   color: #ffffff;
-  background: rgba(30, 211, 206, 0.15);
+  background: rgba(30, 211, 206, 0.2);
   border-left-color: #1ed3ce;
 }
 
 body.tvguide1990 .container-change-tuner .flash {
   color: #000000;
-  background: rgba(0, 102, 204, 0.1);
-  border-left-color: #06c;
+  background: #e3f2fd;
+  border-left-color: #1976d2;
 }
 
 body.retro-aol .container-change-tuner .flash {
-  color: #ffcc01;
-  background: rgba(51, 204, 204, 0.1);
-  border-left-color: #33cccc;
+  color: #000000;
+  background: #e0f2f1;
+  border-left-color: #00897b;
 }
 
 /* ====================================================================== */
diff --git a/static/css/manage_users.css b/static/css/manage_users.css
index 8d1f154..0691493 100644
--- a/static/css/manage_users.css
+++ b/static/css/manage_users.css
@@ -174,45 +174,45 @@ body.light .container-manage-users {
 /* Ensure flash messages have high contrast in all themes */
 body.dark .container-manage-users .flash {
   color: #ffffff;
-  background: rgba(30, 211, 206, 0.1);
+  background: rgba(30, 211, 206, 0.2);
   border-left-color: #1ed3ce;
 }
 
 body.light .container-manage-users .flash {
-  color: #111;
-  background: rgba(6, 102, 204, 0.08);
-  border-left-color: #06c;
+  color: #000000;
+  background: #e3f2fd;
+  border-left-color: #1976d2;
 }
 
 body.retroiptv .container-manage-users .flash,
 body.retro-magazine .container-manage-users .flash {
-  color: #ffffff;
-  background: rgba(30, 211, 206, 0.15);
-  border-left-color: #1ed3ce;
+  color: #000000;
+  background: #b2ebf2;
+  border-left-color: #00acc1;
 }
 
 body.directv .container-manage-users .flash {
-  color: #ffffff;
-  background: rgba(4, 159, 255, 0.15);
-  border-left-color: #049fff;
+  color: #000000;
+  background: #bbdefb;
+  border-left-color: #1976d2;
 }
 
 body.comcast .container-manage-users .flash {
   color: #ffffff;
-  background: rgba(30, 211, 206, 0.15);
+  background: rgba(30, 211, 206, 0.2);
   border-left-color: #1ed3ce;
 }
 
 body.tvguide1990 .container-manage-users .flash {
   color: #000000;
-  background: rgba(0, 102, 204, 0.1);
-  border-left-color: #06c;
+  background: #e3f2fd;
+  border-left-color: #1976d2;
 }
 
 body.retro-aol .container-manage-users .flash {
-  color: #ffcc01;
-  background: rgba(51, 204, 204, 0.1);
-  border-left-color: #33cccc;
+  color: #000000;
+  background: #e0f2f1;
+  border-left-color: #00897b;
 }
 
 /* Theme-specific header overrides to match change_tuner exact colors */

From f118e89dec7ec6aae392ad9a4ba9fcfafbfd4c88 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Feb 2026 02:30:30 +0000
Subject: [PATCH 6/7] Add CSS variable overrides for RetroIPTV and Retro
 Magazine themes

Co-authored-by: thehack904 <35552907+thehack904@users.noreply.github.com>
---
 static/css/change_password.css | 48 +++++++++++++++++++++++++++++
 static/css/change_tuner.css    | 56 ++++++++++++++++++++++++++++++++++
 static/css/manage_users.css    | 52 +++++++++++++++++++++++++++++++
 3 files changed, 156 insertions(+)

diff --git a/static/css/change_password.css b/static/css/change_password.css
index d63b809..f17101c 100644
--- a/static/css/change_password.css
+++ b/static/css/change_password.css
@@ -64,6 +64,54 @@ body.light .container-change-password {
   --box-shadow: 0 3px 12px rgba(0,0,0,0.04);
 }
 
+/* ====================================================================== */
+/* RetroIPTV theme page-scoped overrides                                  */
+/* ====================================================================== */
+body.retroiptv .container-change-password {
+  --panel-bg: #f6e1c8;
+  --panel-text: #111;
+  --panel-border: rgba(0,0,0,0.08);
+  --card-head-bg: rgba(0,0,0,0.02);
+  --heading-color: #111;
+  --heading-weight: 700;
+
+  --label-color: #333;
+  --muted-color: rgba(0,0,0,0.56);
+
+  --input-bg: #fff;
+  --input-border: rgba(0,0,0,0.12);
+  --input-color: #111;
+  --placeholder-color: rgba(0,0,0,0.38);
+
+  --primary-color: #3fb7b0;
+  --primary-contrast: #fff;
+  --box-shadow: 0 3px 12px rgba(0,0,0,0.04);
+}
+
+/* ====================================================================== */
+/* Retro Magazine theme page-scoped overrides                             */
+/* ====================================================================== */
+body.retro-magazine .container-change-password {
+  --panel-bg: #fff;
+  --panel-text: #111;
+  --panel-border: rgba(0,0,0,0.08);
+  --card-head-bg: rgba(0,0,0,0.02);
+  --heading-color: #111;
+  --heading-weight: 700;
+
+  --label-color: #333;
+  --muted-color: rgba(0,0,0,0.56);
+
+  --input-bg: #fff;
+  --input-border: rgba(0,0,0,0.12);
+  --input-color: #111;
+  --placeholder-color: rgba(0,0,0,0.38);
+
+  --primary-color: #06c;
+  --primary-contrast: #fff;
+  --box-shadow: 0 3px 12px rgba(0,0,0,0.04);
+}
+
 /* ====================================================================== */
 /* Layout                                                                */
 /* ====================================================================== */
diff --git a/static/css/change_tuner.css b/static/css/change_tuner.css
index a57091f..e24353b 100644
--- a/static/css/change_tuner.css
+++ b/static/css/change_tuner.css
@@ -81,6 +81,62 @@ body.light .container-change-tuner {
   --dropdown-color: #111;
 }
 
+/* ====================================================================== */
+/* RetroIPTV theme page-scoped overrides                                  */
+/* ====================================================================== */
+body.retroiptv .container-change-tuner {
+  --panel-bg: #f6e1c8;
+  --panel-text: #111;
+  --panel-border: rgba(0,0,0,0.08);
+  --card-head-bg: rgba(0,0,0,0.02);
+  --heading-color: #111;
+  --heading-weight: 700;
+
+  --label-color: #333;
+  --muted-color: rgba(0,0,0,0.56);
+
+  --input-bg: #fff;
+  --input-border: rgba(0,0,0,0.12);
+  --input-color: #111;
+  --placeholder-color: rgba(0,0,0,0.38);
+
+  --primary-color: #3fb7b0;
+  --primary-hover: #31988f;
+  --primary-contrast: #ffffff;
+  --box-shadow: 0 6px 18px rgba(0,0,0,0.06);
+
+  --dropdown-bg: #fff;
+  --dropdown-color: #111;
+}
+
+/* ====================================================================== */
+/* Retro Magazine theme page-scoped overrides                             */
+/* ====================================================================== */
+body.retro-magazine .container-change-tuner {
+  --panel-bg: #fff;
+  --panel-text: #111;
+  --panel-border: rgba(0,0,0,0.08);
+  --card-head-bg: rgba(0,0,0,0.02);
+  --heading-color: #111;
+  --heading-weight: 700;
+
+  --label-color: #333;
+  --muted-color: rgba(0,0,0,0.56);
+
+  --input-bg: #fff;
+  --input-border: rgba(0,0,0,0.12);
+  --input-color: #111;
+  --placeholder-color: rgba(0,0,0,0.38);
+
+  --primary-color: #06c;
+  --primary-hover: #058;
+  --primary-contrast: #ffffff;
+  --box-shadow: 0 6px 18px rgba(0,0,0,0.06);
+
+  --dropdown-bg: #fff;
+  --dropdown-color: #111;
+}
+
 /* ====================================================================== */
 /* Layout                                                                */
 /* ====================================================================== */
diff --git a/static/css/manage_users.css b/static/css/manage_users.css
index 0691493..f52864c 100644
--- a/static/css/manage_users.css
+++ b/static/css/manage_users.css
@@ -68,6 +68,58 @@ body.light .container-manage-users {
   --dropdown-color: #111;
 }
 
+/* RetroIPTV theme page-scoped overrides */
+body.retroiptv .container-manage-users {
+  --panel-bg: #f6e1c8;
+  --panel-text: #111;
+  --panel-border: rgba(0,0,0,0.08);
+  --card-head-bg: rgba(0,0,0,0.02);
+  --heading-color: #111;
+  --heading-weight: 700;
+
+  --label-color: #333;
+  --muted-color: rgba(0,0,0,0.56);
+
+  --input-bg: #fff;
+  --input-border: rgba(0,0,0,0.12);
+  --input-color: #111;
+  --placeholder-color: rgba(0,0,0,0.38);
+
+  --primary-color: #3fb7b0;
+  --primary-hover: #31988f;
+  --primary-contrast: #ffffff;
+  --box-shadow: 0 6px 18px rgba(0,0,0,0.06);
+
+  --dropdown-bg: #fff;
+  --dropdown-color: #111;
+}
+
+/* Retro Magazine theme page-scoped overrides */
+body.retro-magazine .container-manage-users {
+  --panel-bg: #fff;
+  --panel-text: #111;
+  --panel-border: rgba(0,0,0,0.08);
+  --card-head-bg: rgba(0,0,0,0.02);
+  --heading-color: #111;
+  --heading-weight: 700;
+
+  --label-color: #333;
+  --muted-color: rgba(0,0,0,0.56);
+
+  --input-bg: #fff;
+  --input-border: rgba(0,0,0,0.12);
+  --input-color: #111;
+  --placeholder-color: rgba(0,0,0,0.38);
+
+  --primary-color: #06c;
+  --primary-hover: #058;
+  --primary-contrast: #ffffff;
+  --box-shadow: 0 6px 18px rgba(0,0,0,0.06);
+
+  --dropdown-bg: #fff;
+  --dropdown-color: #111;
+}
+
 /* Layout */
 .container-manage-users {
   max-width: 720px;

From b912a763843d13e2b9d85424e2333defce4d0145 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Feb 2026 02:38:37 +0000
Subject: [PATCH 7/7] Move flash messages to top of all pages for immediate
 visibility

Co-authored-by: thehack904 <35552907+thehack904@users.noreply.github.com>
---
 templates/change_password.html | 14 ++++++++------
 templates/change_tuner.html    | 20 ++++++++++----------
 templates/manage_users.html    | 19 ++++++++++---------
 3 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/templates/change_password.html b/templates/change_password.html
index d7cded7..9f680d0 100644
--- a/templates/change_password.html
+++ b/templates/change_password.html
@@ -9,12 +9,6 @@
 <div class="container-change-password">
   <div class="box">
     <h2>Change Password</h2>
-    <form method="POST">
-        <input type="password" name="old_password" placeholder="Current Password" required>
-        <input type="password" name="new_password" placeholder="New Password" required>
-        <input type="password" name="confirm_password" placeholder="Confirm Password" required>
-        <button type="submit" class="primary">Change Password</button>
-    </form>
 
     {% with messages = get_flashed_messages() %}
         {% if messages %}
@@ -25,6 +19,14 @@ <h2>Change Password</h2>
             </div>
         {% endif %}
     {% endwith %}
+
+    <form method="POST">
+        <input type="password" name="old_password" placeholder="Current Password" required>
+        <input type="password" name="new_password" placeholder="New Password" required>
+        <input type="password" name="confirm_password" placeholder="Confirm Password" required>
+        <button type="submit" class="primary">Change Password</button>
+    </form>
+
   </div>
 </div>
 {% endblock %}
diff --git a/templates/change_tuner.html b/templates/change_tuner.html
index 3c88b1a..13eb860 100644
--- a/templates/change_tuner.html
+++ b/templates/change_tuner.html
@@ -12,6 +12,16 @@ <h1>Tuners</h1>
     <p class="lead">Switch the active tuner, edit tuner sources, and manage tuners. Dangerous actions are separated below to avoid accidental deletion.</p>
   </header>
 
+  {% with messages = get_flashed_messages() %}
+    {% if messages %}
+      <div class="flash-messages">
+        {% for msg in messages %}
+          <p class="flash">{{ msg }}</p>
+        {% endfor %}
+      </div>
+    {% endif %}
+  {% endwith %}
+
   <main class="card-grid">
     <!-- Active tuner + Auto-refresh combined -->
     <section class="card card-primary" aria-labelledby="lbl-active-tuner">
@@ -173,16 +183,6 @@ <h2 id="lbl-danger-zone">Danger Zone — Delete Tuner</h2>
       </div>
     </section>
   </main>
-
-  {% with messages = get_flashed_messages() %}
-    {% if messages %}
-      <div class="flash-messages">
-        {% for msg in messages %}
-          <p class="flash">{{ msg }}</p>
-        {% endfor %}
-      </div>
-    {% endif %}
-  {% endwith %}
 </div>
 {% endblock %}
 
diff --git a/templates/manage_users.html b/templates/manage_users.html
index 05e4c3d..b55ca3a 100644
--- a/templates/manage_users.html
+++ b/templates/manage_users.html
@@ -10,6 +10,16 @@
   <div class="box">
     <h2>Manage Users</h2>
 
+    {% with messages = get_flashed_messages() %}
+      {% if messages %}
+        <div class="flash-messages">
+          {% for msg in messages %}
+            <p class="flash">{{ msg }}</p>
+          {% endfor %}
+        </div>
+      {% endif %}
+    {% endwith %}
+
     <form method="POST" class="add-user-form">
       <h3>Add New User</h3>
       <input type="hidden" name="action" value="add">
@@ -47,15 +57,6 @@ <h3>Existing Users</h3>
       </table>
     </div>
 
-    {% with messages = get_flashed_messages() %}
-      {% if messages %}
-        <div class="flash-messages">
-          {% for msg in messages %}
-            <p class="flash">{{ msg }}</p>
-          {% endfor %}
-        </div>
-      {% endif %}
-    {% endwith %}
   </div>
 </div>
 {% endblock %}