From d7cbbe077a8124e8f4734e8cd1a3a98983b60aa3 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Tue, 26 May 2026 11:21:16 +0300
Subject: [PATCH] =?UTF-8?q?refactor(theming):=20yellow-*=20=E2=86=92=20war?=
 =?UTF-8?q?ning-*=20for=20status/pending=20semantics?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Sweep yellow color classes that signal pending/warning status (admin pending pills,
withdrawal status, risk indicators) → warning-* tokens. Telegram Stars / fortune wheel
yellow kept as brand (TopUpAmount + Wheel + FortuneWheel).
---
 src/components/admin/AnalyticsTab.tsx | 4 ++--
 src/pages/AdminPartnerDetail.tsx      | 4 ++--
 src/pages/AdminUserDetail.tsx         | 2 +-
 src/pages/AdminUsers.tsx              | 2 +-
 src/pages/AdminWithdrawals.tsx        | 4 ++--
 src/utils/withdrawalUtils.ts          | 9 +++++----
 6 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/admin/AnalyticsTab.tsx b/src/components/admin/AnalyticsTab.tsx
index e4ec32f..4928f31 100644
--- a/src/components/admin/AnalyticsTab.tsx
+++ b/src/components/admin/AnalyticsTab.tsx
@@ -73,8 +73,8 @@ export function AnalyticsTab() {
       <div className="rounded-2xl border border-dark-700/50 bg-dark-800/50 p-6">
         <div className="mb-1 flex items-center justify-between">
           <div className="flex items-center gap-3">
-            <div className="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-yellow-500/20 to-error-500/20">
-              <svg className="h-5 w-5 text-yellow-400" viewBox="0 0 24 24" fill="currentColor">
+            <div className="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-warning-500/20 to-error-500/20">
+              <svg className="h-5 w-5 text-warning-400" viewBox="0 0 24 24" fill="currentColor">
                 <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" />
               </svg>
             </div>
diff --git a/src/pages/AdminPartnerDetail.tsx b/src/pages/AdminPartnerDetail.tsx
index cfa4292..20159b7 100644
--- a/src/pages/AdminPartnerDetail.tsx
+++ b/src/pages/AdminPartnerDetail.tsx
@@ -14,8 +14,8 @@ const statusConfig: Record<string, { labelKey: string; color: string; bgColor: s
   },
   pending: {
     labelKey: 'admin.partnerDetail.status.pending',
-    color: 'text-yellow-400',
-    bgColor: 'bg-yellow-500/20',
+    color: 'text-warning-400',
+    bgColor: 'bg-warning-500/20',
   },
   rejected: {
     labelKey: 'admin.partnerDetail.status.rejected',
diff --git a/src/pages/AdminUserDetail.tsx b/src/pages/AdminUserDetail.tsx
index bd07412..af94c06 100644
--- a/src/pages/AdminUserDetail.tsx
+++ b/src/pages/AdminUserDetail.tsx
@@ -86,7 +86,7 @@ function StatusBadge({ status }: { status: string }) {
     deleted: 'bg-dark-600 text-dark-400 border-dark-500',
     trial: 'bg-accent-500/20 text-accent-400 border-accent-500/30',
     expired: 'bg-warning-500/20 text-warning-400 border-warning-500/30',
-    limited: 'bg-yellow-500/20 text-yellow-400 border-yellow-500/30',
+    limited: 'bg-warning-500/20 text-warning-400 border-warning-500/30',
     disabled: 'bg-dark-600 text-dark-400 border-dark-500',
   };
 
diff --git a/src/pages/AdminUsers.tsx b/src/pages/AdminUsers.tsx
index 20ddca4..d8efd40 100644
--- a/src/pages/AdminUsers.tsx
+++ b/src/pages/AdminUsers.tsx
@@ -142,7 +142,7 @@ function UserRow({ user, onClick, formatAmount }: UserRowProps) {
                   : user.subscription_status === 'trial'
                     ? 'border-accent-500/30 bg-accent-500/20 text-accent-400'
                     : user.subscription_status === 'limited'
-                      ? 'border-yellow-500/30 bg-yellow-500/20 text-yellow-400'
+                      ? 'border-warning-500/30 bg-warning-500/20 text-warning-400'
                       : 'border-warning-500/30 bg-warning-500/20 text-warning-400'
               }`}
             >
diff --git a/src/pages/AdminWithdrawals.tsx b/src/pages/AdminWithdrawals.tsx
index ce8aa87..a09814a 100644
--- a/src/pages/AdminWithdrawals.tsx
+++ b/src/pages/AdminWithdrawals.tsx
@@ -57,13 +57,13 @@ export default function AdminWithdrawals() {
       {data && (
         <div className="mb-6 grid grid-cols-2 gap-3">
           <div className="rounded-xl border border-dark-700 bg-dark-800 p-4">
-            <div className="text-2xl font-bold text-yellow-400">{pendingCount}</div>
+            <div className="text-2xl font-bold text-warning-400">{pendingCount}</div>
             <div className="text-sm text-dark-400">
               {t('admin.withdrawals.overview.pendingCount')}
             </div>
           </div>
           <div className="rounded-xl border border-dark-700 bg-dark-800 p-4">
-            <div className="text-2xl font-bold text-yellow-400">
+            <div className="text-2xl font-bold text-warning-400">
               {formatWithCurrency(pendingTotal / 100, 0)}
             </div>
             <div className="text-sm text-dark-400">
diff --git a/src/utils/withdrawalUtils.ts b/src/utils/withdrawalUtils.ts
index a168bfb..aa0e91f 100644
--- a/src/utils/withdrawalUtils.ts
+++ b/src/utils/withdrawalUtils.ts
@@ -24,8 +24,8 @@ export type StatusBadge = { labelKey: string; color: string; bgColor: string };
 export const withdrawalStatusBadgeConfig: Record<string, StatusBadge> = {
   pending: {
     labelKey: 'admin.withdrawals.status.pending',
-    color: 'text-yellow-400',
-    bgColor: 'bg-yellow-500/20',
+    color: 'text-warning-400',
+    bgColor: 'bg-warning-500/20',
   },
   approved: {
     labelKey: 'admin.withdrawals.status.approved',
@@ -62,7 +62,8 @@ export function getWithdrawalStatusBadge(status: string): StatusBadge {
 export function getRiskColor(score: number): { text: string; bg: string; bar: string } {
   if (score < 30)
     return { text: 'text-success-400', bg: 'bg-success-500/20', bar: 'bg-success-500' };
-  if (score < 50) return { text: 'text-yellow-400', bg: 'bg-yellow-500/20', bar: 'bg-yellow-500' };
+  if (score < 50)
+    return { text: 'text-warning-400', bg: 'bg-warning-500/20', bar: 'bg-warning-500' };
   if (score < 70) return { text: 'text-orange-400', bg: 'bg-orange-500/20', bar: 'bg-orange-500' };
   return { text: 'text-error-400', bg: 'bg-error-500/20', bar: 'bg-error-500' };
 }
@@ -72,7 +73,7 @@ export function getRiskLevelColor(level: string): { text: string; bg: string } {
     case 'low':
       return { text: 'text-success-400', bg: 'bg-success-500/20' };
     case 'medium':
-      return { text: 'text-yellow-400', bg: 'bg-yellow-500/20' };
+      return { text: 'text-warning-400', bg: 'bg-warning-500/20' };
     case 'high':
       return { text: 'text-orange-400', bg: 'bg-orange-500/20' };
     case 'critical':