mirror of
https://github.com/orangecoding/fredy.git
synced 2026-06-16 12:31:07 +00:00
70 lines
1.8 KiB
Plaintext
70 lines
1.8 KiB
Plaintext
// Backgrounds
|
|
@color-base: #0d0d0d;
|
|
@color-surface: #161616;
|
|
@color-elevated: #1e1e1e;
|
|
@color-border: #2a2a2a;
|
|
@color-border-bright: #383838;
|
|
|
|
// Accent
|
|
@color-accent: #e04a38;
|
|
@color-accent-dim: #c13827;
|
|
@color-accent-glow: rgba(224, 74, 56, 0.13);
|
|
|
|
// Text
|
|
@color-text: #efefef;
|
|
@color-muted: #909090;
|
|
@color-faint: #505050;
|
|
|
|
// Semantic
|
|
@color-success: #34d399;
|
|
@color-success-dim: #065f46;
|
|
@color-success-active: #21aa21;
|
|
@color-error: #fb7185;
|
|
@color-error-dim: #881337;
|
|
@color-warning: #fbbf24;
|
|
@color-info: #60a5fa;
|
|
|
|
// Fill overlays
|
|
@color-fill-subtle: rgba(255, 255, 255, 0.04);
|
|
@color-fill-overlay: rgba(255, 255, 255, 0.08);
|
|
|
|
// KPI card accents
|
|
@color-blue-text: #60a5fa; @color-blue-border: #3b6ea8; @color-blue-bg: rgba(96,165,250,0.10);
|
|
@color-orange-text: #fb923c; @color-orange-border: #c2622a; @color-orange-bg: rgba(251,146,60,0.10);
|
|
@color-green-text: #34d399; @color-green-border: #2a8a61; @color-green-bg: rgba(52,211,153,0.10);
|
|
@color-purple-text: #a78bfa; @color-purple-border: #6d4fc2; @color-purple-bg: rgba(167,139,250,0.10);
|
|
@color-gray-text: #94a3b8; @color-gray-border: #323a47; @color-gray-bg: rgba(148,163,184,0.10);
|
|
|
|
// Typography
|
|
@font-ui: 'Outfit', system-ui, sans-serif;
|
|
@font-mono: 'JetBrains Mono', monospace;
|
|
|
|
@text-xs: 11px;
|
|
@text-sm: 12px;
|
|
@text-base: 14px;
|
|
@text-md: 16px;
|
|
@text-lg: 20px;
|
|
@text-xl: 24px;
|
|
|
|
// Spacing
|
|
@space-1: 4px;
|
|
@space-2: 8px;
|
|
@space-3: 12px;
|
|
@space-4: 16px;
|
|
@space-5: 20px;
|
|
@space-6: 24px;
|
|
@space-8: 32px;
|
|
@space-12: 48px;
|
|
|
|
// Radius
|
|
@radius-input: 10px;
|
|
@radius-card: 10px;
|
|
@radius-btn: 6px;
|
|
@radius-pill: 9999px;
|
|
@radius-chip: 4px;
|
|
|
|
// Transitions
|
|
@transition-fast: 0.15s ease-in-out;
|
|
@transition-card: 0.18s ease-in-out;
|
|
@transition-sidebar: width 0.25s ease-in-out;
|