From 6a666aeabd9f310859e6142872ae71c23da9129d Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Sat, 20 Jun 2026 19:15:43 +0200
Subject: [PATCH] refactor: tokenize token-usage gauge, mic, and oauth
 countdown status colors

---
 client/src/components/Chat/Input/AudioRecorder.tsx    | 2 +-
 client/src/components/Chat/Input/TokenUsage/Gauge.tsx | 4 ++--
 client/src/components/OAuth/OAuthSuccess.tsx          | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Chat/Input/AudioRecorder.tsx b/client/src/components/Chat/Input/AudioRecorder.tsx
index 3eaefcdcc8..c8387f42cd 100644
--- a/client/src/components/Chat/Input/AudioRecorder.tsx
+++ b/client/src/components/Chat/Input/AudioRecorder.tsx
@@ -95,7 +95,7 @@ export default memo(function AudioRecorder({
 
   const renderIcon = () => {
     if (isListening === true) {
-      return <MicOff className="stroke-red-500" />;
+      return <MicOff className="stroke-status-error" />;
     }
     if (isLoading === true) {
       return <Spinner className="stroke-text-secondary" />;
diff --git a/client/src/components/Chat/Input/TokenUsage/Gauge.tsx b/client/src/components/Chat/Input/TokenUsage/Gauge.tsx
index ba7e420302..0d3ba1105b 100644
--- a/client/src/components/Chat/Input/TokenUsage/Gauge.tsx
+++ b/client/src/components/Chat/Input/TokenUsage/Gauge.tsx
@@ -17,10 +17,10 @@ function getStrokeClass(percent: number, indeterminate: boolean): string {
     return 'stroke-text-secondary';
   }
   if (percent > 90) {
-    return 'stroke-red-500';
+    return 'stroke-status-error';
   }
   if (percent > 75) {
-    return 'stroke-yellow-500';
+    return 'stroke-status-warning';
   }
   return 'stroke-text-secondary';
 }
diff --git a/client/src/components/OAuth/OAuthSuccess.tsx b/client/src/components/OAuth/OAuthSuccess.tsx
index 719e843808..fdda4f3217 100644
--- a/client/src/components/OAuth/OAuthSuccess.tsx
+++ b/client/src/components/OAuth/OAuthSuccess.tsx
@@ -32,7 +32,7 @@ export default function OAuthSuccess() {
         <p className="mb-2 text-sm text-text-secondary">
           {localize('com_ui_oauth_success_description') ||
             'Your authentication was successful. This window will close in'}{' '}
-          <span className="font-medium text-indigo-500">{secondsLeft}</span>{' '}
+          <span className="font-medium text-accent-primary">{secondsLeft}</span>{' '}
           {localize('com_ui_seconds') || 'seconds'}.
         </p>
         {serverName && (