From bfe5680c3efeff397a443414ddccbec3fc20a124 Mon Sep 17 00:00:00 2001 From: Desktop Date: Fri, 14 Nov 2025 06:49:08 +0500 Subject: [PATCH] Revert "Update igny8-colors.css" This reverts commit d802207cc3877ebc74e1795c81493c6b96c32c51. --- frontend/src/styles/igny8-colors.css | 53 ++++++++++++++++++---------- 1 file changed, 35 insertions(+), 18 deletions(-) diff --git a/frontend/src/styles/igny8-colors.css b/frontend/src/styles/igny8-colors.css index 23fd5a16..0a2586ad 100644 --- a/frontend/src/styles/igny8-colors.css +++ b/frontend/src/styles/igny8-colors.css @@ -15,26 +15,43 @@ /* === CSS CUSTOM PROPERTIES (Variables) === */ /* OLD COLOR PALETTE - COMMENTED OUT :root { - --igny8-blue: #0693e3; - --igny8-blue-dark: #0472b8; - --igny8-green: #0bbf87; - --igny8-green-dark: #08966b; - --igny8-amber: #ff7a00; - --igny8-amber-dark: #cc5f00; + /* Primary Brand Colors */ + --igny8-blue: #0693e3; /* Rocket vivid cyan blue - primary brand & main CTA */ + --igny8-blue-dark: #0472b8; /* Darkened cyan for hover / active / gradient depth */ + + /* Success Green (cooler to match cyan) */ + --igny8-green: #0bbf87; /* Slightly cooler teal-green for success states */ + --igny8-green-dark: #08966b; /* Deeper teal-green for hover / active */ + + /* Amber / Warning (warmed up to complement cyan) */ + --igny8-amber: #ff7a00; /* Rocket's vivid orange for highlight / warning */ + --igny8-amber-dark: #cc5f00; /* Darker orange for hover / strong warning */ + + /* Danger / Destructive */ --igny8-red: #ef4444; - --igny8-red-dark: #d13333; - --igny8-purple: #5d4ae3; - --igny8-purple-dark: #3a2f94; - --igny8-navy-bg: #0d1b2a; - --igny8-navy-bg-2: #142b3f; - --igny8-surface: #f8fafc; - --igny8-panel: #ffffff; - --igny8-panel-2: #f1f5f9; - --igny8-text: #555a68; - --igny8-text-dim: #64748b; - --igny8-text-light: #e5eaf0; - --igny8-stroke: #e2e8f0; + --igny8-red-dark: #d13333; /* Refreshed red with better contrast against cyan */ + + /* Purple */ + --igny8-purple: #5d4ae3; /* Purple for highlighting / special emphasis */ + --igny8-purple-dark: #3a2f94; /* Darker purple for hover / active */ + + /* Background Colors */ + --igny8-navy-bg: #0d1b2a; /* Sidebar background */ + --igny8-navy-bg-2: #142b3f; /* Slightly lighter navy, hover/active */ + --igny8-surface: #f8fafc; /* Page background (soft gray-white) */ + --igny8-panel: #ffffff; /* Cards / panel foreground */ + --igny8-panel-2: #f1f5f9; /* Sub-panel / hover card background */ + + /* Text Colors */ + --igny8-text: #555a68; /* main headings/body text */ + --igny8-text-dim: #64748b; /* secondary/subtext */ + --igny8-text-light: #e5eaf0; /* text on dark sidebar */ + --igny8-stroke: #e2e8f0; /* table/grid borders and dividers */ + + /* Border Radius */ --igny8-radius: 6px; + + /* Gradients */ --igny8-gradient-blue: linear-gradient(135deg, var(--igny8-blue) 0%, var(--igny8-blue-dark) 100%); --igny8-gradient-success: linear-gradient(135deg, var(--igny8-green) 0%, var(--igny8-green-dark) 100%); --igny8-gradient-warning: linear-gradient(135deg, var(--igny8-amber) 0%, var(--igny8-amber-dark) 100%);