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

reanme purple to info

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2026-01-24 15:27:51 +00:00
parent 7b022f3a06
commit 75deda304e
76 changed files with 323 additions and 323 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/styles/design-system.css
View File

@@ -11,7 +11,7 @@
⚠️ ONLY 6 HEX VALUES IN ENTIRE SYSTEM - Everything else derived!
⚠️ TAILWIND DEFAULT COLORS ARE DISABLED - THEY WON'T WORK!
⚠️ AI AGENTS: DO NOT USE blue-500, red-500, green-500, etc.
⚠️ USE ONLY: brand-*, success-*, warning-*, error-*, purple-*, gray-*
⚠️ USE ONLY: brand-*, success-*, warning-*, error-*, info-*, gray-*
Last Updated: 2026-01-01
=================================================================== */
@@ -36,7 +36,7 @@
--color-success: #2CA18E;
--color-warning: #D9A12C;
--color-danger: #A12C40;
--color-purple: #2C40A1;
--color-info: #2C40A1;
--color-gray-base: #667085;
*/
@@ -46,7 +46,7 @@
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #EF4444;
--color-purple: #7C3AED;
--color-info: #7C3AED;
--color-gray-base: #64748B;
*/
@@ -56,7 +56,7 @@
--color-success: #22C55E;
--color-warning: #FBBF24;
--color-danger: #F43F5E;
--color-purple: #8B5CF6;
--color-info: #8B5CF6;
--color-gray-base: #6B7280;
*/
@@ -66,21 +66,21 @@
--color-success: #059669;
--color-warning: #F97316;
--color-danger: #DC2626;
--color-purple: #6366F1;
--color-info: #6366F1;
--color-gray-base: #475569;
*/
--color-primary: #1c86d1;
--color-success: #3fcd9f;
--color-warning: #f87f4c;
--color-danger: #ff656f;
--color-purple: #18b2c4;
--color-info: #18b2c4;
--color-gray-base: #243249;
/*
--color-primary: #3B82F6;
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #DC2626;
--color-purple: #F63B82;
--color-info: #F63B82;
--color-gray-base: #30425d;
*/
@@ -108,10 +108,10 @@
--color-danger-light: color-mix(in srgb, var(--color-danger) 60%, white);
--color-danger-subtle: color-mix(in srgb, var(--color-danger) 10%, white);
/* Purple Variants (derived from --color-purple) */
--color-purple-dark: color-mix(in srgb, var(--color-purple) 75%, black);
--color-purple-light: color-mix(in srgb, var(--color-purple) 60%, white);
--color-purple-subtle: color-mix(in srgb, var(--color-purple) 10%, white);
/* Info Variants (derived from --color-info) */
--color-info-dark: color-mix(in srgb, var(--color-info) 75%, black);
--color-info-light: color-mix(in srgb, var(--color-info) 60%, white);
--color-info-subtle: color-mix(in srgb, var(--color-info) 10%, white);
/* ===================================================================
BACKGROUND COLORS (derived from primaries)
@@ -149,7 +149,7 @@
--gradient-success: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);
--gradient-warning: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-dark) 100%);
--gradient-danger: linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-dark) 100%);
--gradient-purple: linear-gradient(135deg, var(--color-purple) 0%, var(--color-purple-dark) 100%);
--gradient-info: linear-gradient(135deg, var(--color-info) 0%, var(--color-info-dark) 100%);
--gradient-panel: linear-gradient(180deg, var(--color-panel) 0%, var(--color-panel-alt) 100%);
/* ===================================================================
@@ -274,7 +274,7 @@
- success-* (green)
- error-* (red)
- warning-* (amber)
- purple-* (premium)
- info-* (info/accent)
❌ These will NOT work: blue-*, red-*, green-*, emerald-*,
amber-*, indigo-*, pink-*, rose-*, sky-*, teal-*, etc.
@@ -448,20 +448,20 @@
--color-warning-950: color-mix(in srgb, var(--color-warning) 25%, black);
/* -----------------------------------------------------------------
PURPLE SCALE (ALL derived from --color-purple)
INFO SCALE (ALL derived from --color-info)
----------------------------------------------------------------- */
--color-purple-25: color-mix(in srgb, var(--color-purple) 2%, white);
--color-purple-50: color-mix(in srgb, var(--color-purple) 8%, white);
--color-purple-100: color-mix(in srgb, var(--color-purple) 15%, white);
--color-purple-200: color-mix(in srgb, var(--color-purple) 25%, white);
--color-purple-300: color-mix(in srgb, var(--color-purple) 40%, white);
--color-purple-400: color-mix(in srgb, var(--color-purple) 60%, white);
--color-purple-500: var(--color-purple);
--color-purple-600: color-mix(in srgb, var(--color-purple) 85%, black);
--color-purple-700: color-mix(in srgb, var(--color-purple) 70%, black);
--color-purple-800: color-mix(in srgb, var(--color-purple) 55%, black);
--color-purple-900: color-mix(in srgb, var(--color-purple) 40%, black);
--color-purple-950: color-mix(in srgb, var(--color-purple) 25%, black);
--color-info-25: color-mix(in srgb, var(--color-info) 2%, white);
--color-info-50: color-mix(in srgb, var(--color-info) 8%, white);
--color-info-100: color-mix(in srgb, var(--color-info) 15%, white);
--color-info-200: color-mix(in srgb, var(--color-info) 25%, white);
--color-info-300: color-mix(in srgb, var(--color-info) 40%, white);
--color-info-400: color-mix(in srgb, var(--color-info) 60%, white);
--color-info-500: var(--color-info);
--color-info-600: color-mix(in srgb, var(--color-info) 85%, black);
--color-info-700: color-mix(in srgb, var(--color-info) 70%, black);
--color-info-800: color-mix(in srgb, var(--color-info) 55%, black);
--color-info-900: color-mix(in srgb, var(--color-info) 40%, black);
--color-info-950: color-mix(in srgb, var(--color-info) 25%, black);
/* -----------------------------------------------------------------
INFO/BLUE-LIGHT SCALE (derived from --color-primary for consistency)
@@ -883,7 +883,7 @@ select:focus {
.igny8-header-metric-accent.blue { background: var(--color-primary); }
.igny8-header-metric-accent.green { background: var(--color-success); }
.igny8-header-metric-accent.amber { background: var(--color-warning); }
.igny8-header-metric-accent.purple { background: var(--color-purple); }
.igny8-header-metric-accent.purple { background: var(--color-info); }
/* ===================================================================