kjh2064/KArtSell.Aegis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(fe): resolve CSS design token alias mappings and elevate KBX grid layout

Browse Source
This commit is contained in:
김재현
2026-08-15 20:19:07 +09:00
parent 046add28b2
commit b843275126
2 changed files with 233 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/design-system/tokens.css
+38
View File
@@ -74,6 +74,44 @@
--ks-focus-ring-width: 2px;
--ks-focus-ring-offset: 1px;
/* Legacy & Shell Compatible Token Aliases */
--color-background-primary: var(--ks-color-canvas);
--color-background-secondary: var(--ks-color-surface);
--color-background-hover: var(--ks-color-neutral-100);
--color-background-active: var(--ks-color-neutral-200);
--color-text-primary: var(--ks-color-text);
--color-text-secondary: var(--ks-color-text-muted);
--color-border-primary: var(--ks-color-border);
--color-border-secondary: var(--ks-color-border-strong);
--color-primary-100: rgba(37, 99, 235, 0.1);
--color-primary-500: var(--ks-color-action);
--color-primary-600: var(--ks-color-action-hover);
--color-primary-700: #1e40af;
--color-danger-500: var(--ks-color-danger);
--color-danger-600: #b91c1c;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--spacing-1: var(--ks-space-1);
--spacing-2: var(--ks-space-2);
--spacing-3: var(--ks-space-3);
--spacing-4: var(--ks-space-4);
--spacing-5: 20px;
--spacing-6: var(--ks-space-6);
--border-radius-sm: var(--ks-radius-sm);
--border-radius-base: var(--ks-radius-md);
--border-radius-lg: var(--ks-radius-lg);
--font-size-xs: var(--ks-font-caption);
--font-size-sm: var(--ks-font-grid);
--font-size-base: var(--ks-font-body);
--transition-fast: var(--ks-transition-fast);
--transition-base: var(--ks-transition-smooth);
--transition-normal: var(--ks-transition-smooth);
--shadow-sm: var(--ks-shadow-sm);
--shadow-md: var(--ks-shadow-md);
--shadow-lg: var(--ks-shadow-lg);
/* KBX v60 High-End Elevation & Glassmorphism System */
--ks-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
--ks-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);