From 91ba19d03895587dc7c46cf5a620f47b4f0db55e Mon Sep 17 00:00:00 2001
From: jason <stedwell@gmail.com>
Date: Tue, 10 Mar 2026 16:00:24 -0500
Subject: [PATCH] fix: update TierWarning to use dark-mode-compatible colors

---
 client/src/components/TierWarning.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/components/TierWarning.jsx b/client/src/components/TierWarning.jsx
index 24e32ee..7721260 100755
--- a/client/src/components/TierWarning.jsx
+++ b/client/src/components/TierWarning.jsx
@@ -17,14 +17,15 @@ export default function TierWarning({ currentPoints, addingPoints }) {
 
     return (
         <div style={{
-            background: '#fff3cd',
-            border: '2px solid #ffc107',
+            background: '#3b2e00',
+            border: '2px solid #d4af37',
             borderRadius: '6px',
             padding: '12px 16px',
             margin: '12px 0',
             fontSize: '13px',
+            color: '#ffdf8a',
         }}>
-            <strong>⚠ Tier Escalation Warning</strong><br />
+            <strong style={{ color: '#ffd666' }}>⚠ Tier Escalation Warning</strong><br />
             Adding <strong>{addingPoints} point{addingPoints !== 1 ? 's' : ''}</strong> will move this employee
             from <strong>{current.label}</strong> to <strong>{projected.label}</strong>.
             {tierUp && (