Update igny8-colors.css
This commit is contained in:
@@ -13,6 +13,55 @@
|
||||
=================================================================== */
|
||||
|
||||
/* === CSS CUSTOM PROPERTIES (Variables) === */
|
||||
/* OLD COLOR PALETTE - COMMENTED OUT
|
||||
:root {
|
||||
/* 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; /* 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%);
|
||||
--igny8-gradient-danger: linear-gradient(135deg, var(--igny8-red) 0%, var(--igny8-red-dark) 100%);
|
||||
--igny8-gradient-purple: linear-gradient(135deg, var(--igny8-purple) 0%, var(--igny8-purple-dark) 100%);
|
||||
--igny8-gradient-panel: linear-gradient(180deg, var(--igny8-panel) 0%, var(--igny8-panel-2) 100%);
|
||||
}
|
||||
*/
|
||||
|
||||
/* NEW COLOR PALETTE - Based on current hardcoded values used across website and dashboards */
|
||||
:root {
|
||||
/* Primary Brand Colors */
|
||||
--igny8-blue: #0693e3; /* Rocket vivid cyan blue - primary brand & main CTA */
|
||||
|
||||
Reference in New Issue
Block a user