From ff19cd1a5a2d06fbe523bdf5547c187d7eef7faa Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 1 Feb 2026 03:33:52 +0000
Subject: [PATCH] Improve top bar button visibility with secondary theme color

Apply secondary color (#38b2ac cyan/teal) to Refresh and Logout buttons
in the dashboard header for better contrast against the dark background.
Updated both desktop outlined buttons and mobile icon buttons.

https://claude.ai/code/session_011PzvkCnVrsatoxbY3HbGXz
---
 frontend/components/Dashboard/DashboardHeader.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/components/Dashboard/DashboardHeader.tsx b/frontend/components/Dashboard/DashboardHeader.tsx
index a0e314e..75f0f08 100644
--- a/frontend/components/Dashboard/DashboardHeader.tsx
+++ b/frontend/components/Dashboard/DashboardHeader.tsx
@@ -65,15 +65,15 @@ export default function DashboardHeader({
           {isMobile ? (
             <>
               <IconButton
-                color="inherit"
+                color="secondary"
                 onClick={onRefresh}
                 disabled={isRefreshing}
                 size="small"
               >
-                {isRefreshing ? <CircularProgress size={20} /> : <Refresh />}
+                {isRefreshing ? <CircularProgress size={20} color="secondary" /> : <Refresh />}
               </IconButton>
               <IconButton
-                color="inherit"
+                color="secondary"
                 onClick={onLogout}
                 size="small"
               >
@@ -84,15 +84,17 @@ export default function DashboardHeader({
             <>
               <Button
                 variant="outlined"
+                color="secondary"
                 size="small"
                 onClick={onRefresh}
                 disabled={isRefreshing}
-                startIcon={isRefreshing ? <CircularProgress size={16} /> : <Refresh />}
+                startIcon={isRefreshing ? <CircularProgress size={16} color="secondary" /> : <Refresh />}
               >
                 Refresh
               </Button>
               <Button
                 variant="outlined"
+                color="secondary"
                 size="small"
                 onClick={onLogout}
                 startIcon={<Logout />}