Update igny8-colors.css
This commit is contained in:
@@ -13,6 +13,55 @@
|
|||||||
=================================================================== */
|
=================================================================== */
|
||||||
|
|
||||||
/* === CSS CUSTOM PROPERTIES (Variables) === */
|
/* === 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 {
|
:root {
|
||||||
/* Primary Brand Colors */
|
/* Primary Brand Colors */
|
||||||
--igny8-blue: #0693e3; /* Rocket vivid cyan blue - primary brand & main CTA */
|
--igny8-blue: #0693e3; /* Rocket vivid cyan blue - primary brand & main CTA */
|
||||||
|
|||||||
Reference in New Issue
Block a user