salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling css gloablization

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-29 05:59:56 +00:00
parent 0ffd21b9bf
commit c91175fdcb
8 changed files with 148 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/styles/tokens.css
View File

@@ -11,42 +11,42 @@
/* ===================================================================
PRIMARY BRAND COLORS
=================================================================== */
--color-primary: #0693e3; /* Primary brand blue - main CTA */
--color-primary-dark: #0472b8; /* Darkened for hover / active / gradient depth */
--color-primary: #2C7AA1; /* Primary rich blue - main CTA */
--color-primary-dark: #236082; /* Darkened for hover / active / gradient depth */
/* Success Green (cooler to match cyan) */
--color-success: #0bbf87; /* Teal-green for success states */
--color-success-dark: #08966b; /* Deeper teal-green for hover / active */
/* Success Green (teal-aligned) */
--color-success: #2CA18E; /* Deep teal for success states */
--color-success-dark: #238272; /* Deeper teal for hover / active */
/* Amber / Warning (warmed up to complement cyan) */
--color-warning: #ff7a00; /* Vivid orange for highlight / warning */
--color-warning-dark: #cc5f00; /* Darker orange for hover / strong warning */
/* Amber / Warning (warm contrast to cool palette) */
--color-warning: #D9A12C; /* Golden amber for highlight / warning */
--color-warning-dark: #B8872A; /* Darker amber for hover / strong warning */
/* Danger / Destructive */
--color-danger: #ef4444;
--color-danger-dark: #d13333; /* Refreshed red with better contrast */
--color-danger: #A12C40; /* Deep red aligned with palette */
--color-danger-dark: #832334; /* Darker red for hover / active */
/* Purple */
--color-purple: #5d4ae3; /* Purple for highlighting / special emphasis */
--color-purple-dark: #3a2f94; /* Darker purple for hover / active */
/* Purple (accent for special emphasis) */
--color-purple: #2C40A1; /* Navy-purple from analogous palette */
--color-purple-dark: #232F7A; /* Darker navy-purple for hover / active */
/* ===================================================================
BACKGROUND COLORS
=================================================================== */
--color-navy: #0d1b2a; /* Sidebar background */
--color-navy-light: #142b3f; /* Slightly lighter navy, hover/active */
--color-surface: #f8fafc; /* Page background (soft gray-white) */
--color-panel: #ffffff; /* Cards / panel foreground */
--color-panel-alt: #f1f5f9; /* Sub-panel / hover card background */
--color-navy: #1A2B3C; /* Sidebar background (charcoal-navy) */
--color-navy-light: #243A4D; /* Slightly lighter navy, hover/active */
--color-surface: #F8FAFB; /* Page background (cool gray-white) */
--color-panel: #FFFFFF; /* Cards / panel foreground */
--color-panel-alt: #EEF4F7; /* Sub-panel / hover card background (teal-tinted) */
/* ===================================================================
TEXT COLORS
=================================================================== */
--color-text: #555a68; /* main headings/body text */
--color-text-dim: #64748b; /* secondary/subtext */
--color-text-light: #e5eaf0; /* text on dark sidebar */
--color-stroke: #e2e8f0; /* table/grid borders and dividers */
--color-text: #1A2B3C; /* Main headings/body text (matches navy) */
--color-text-dim: #5A6B7C; /* Secondary/subtext (mid-gray with blue undertone) */
--color-text-light: #E8F0F4; /* Text on dark sidebar */
--color-stroke: #D4E0E8; /* Table/grid borders and dividers (cool-tinted) */
/* ===================================================================
BORDER RADIUS
=================================================================== */