dc8161b382
Root cause: @bytelyst/ui components reference --bl-* tokens (e.g. --bl-accent, --bl-bg-canvas) but only tokens.css (MindLyst) and chronomind.css had these aliases. All other 10 product CSS files fell back to hardcoded defaults, making shared components unstyled. Changes: - actiontrail.css: --bl-* → --at-* - flowmonk.css: --bl-* → --fm-* - jarvisjr.css: --bl-* → --jj-* - localllmlab.css: --bl-* → --llm-* - localmemgpt.css: --bl-* → --lmg-* - lysnrai.css: --bl-* → --lys-* - mindlyst.css: --bl-* → --ml-* - nomgap.css: --bl-* → --ng-* - notelett.css: --bl-* → --nl-* - peakpulse.css: --bl-* → --pp-* - generate.ts: generateProductCSS() now emits --bl-* aliases automatically 31 aliases per file covering: surfaces, borders, text, accent, info/success/ warning/danger, focus ring, overlay scrim.
128 lines
4.3 KiB
CSS
128 lines
4.3 KiB
CSS
/* Auto-generated actiontrail tokens from bytelyst.tokens.json — do not edit manually */
|
|
|
|
:root {
|
|
--at-bg-canvas: #06070A;
|
|
--at-bg-elevated: #0E1118;
|
|
--at-surface-card: #121725;
|
|
--at-surface-muted: #1A2335;
|
|
--at-border-default: rgba(255,255,255,0.12);
|
|
--at-border-strong: rgba(255,255,255,0.22);
|
|
--at-text-primary: #EFF4FF;
|
|
--at-text-secondary: #A5B1C7;
|
|
--at-text-tertiary: #6C7C98;
|
|
--at-accent-primary: #5A8CFF;
|
|
--at-accent-secondary: #2EE6D6;
|
|
--at-success: #34D399;
|
|
--at-warning: #F59E0B;
|
|
--at-danger: #FF6E6E;
|
|
--at-focus-ring: rgba(90,140,255,0.45);
|
|
--at-overlay-scrim: rgba(5,8,18,0.72);
|
|
|
|
/* actiontrail product colors */
|
|
--at-bg: #07111F;
|
|
--at-surface: #0F1B2D;
|
|
--at-surface-elevated: #152338;
|
|
--at-border: #24344D;
|
|
--at-text: #EFF4FF;
|
|
--at-text-muted: #A8B4C8;
|
|
--at-primary: #5A8CFF;
|
|
--at-accent: #5AE68C;
|
|
--at-warning: #F59E0B;
|
|
--at-danger: #FF6E6E;
|
|
--at-risk-low: #5AE68C;
|
|
--at-risk-medium: #F59E0B;
|
|
--at-risk-high: #FF8C42;
|
|
--at-risk-critical: #FF6E6E;
|
|
--at-status-pending: #F59E0B;
|
|
--at-status-applied: #5AE68C;
|
|
--at-status-rejected: #FF6E6E;
|
|
--at-status-reverted: #A66BFF;
|
|
|
|
--at-font-display: "Space Grotesk", "SF Pro Display", sans-serif;
|
|
--at-font-body: "DM Sans", "SF Pro Text", sans-serif;
|
|
--at-font-mono: "IBM Plex Mono", "SF Mono", monospace;
|
|
|
|
--at-fs-xs: 12px;
|
|
--at-fs-sm: 14px;
|
|
--at-fs-md: 16px;
|
|
--at-fs-lg: 18px;
|
|
--at-fs-xl: 22px;
|
|
--at-fs-2xl: 28px;
|
|
--at-fs-3xl: 36px;
|
|
|
|
--at-space-0: 0;
|
|
--at-space-1: 4px;
|
|
--at-space-2: 8px;
|
|
--at-space-3: 12px;
|
|
--at-space-4: 16px;
|
|
--at-space-5: 20px;
|
|
--at-space-6: 24px;
|
|
--at-space-7: 28px;
|
|
--at-space-8: 32px;
|
|
--at-space-10: 40px;
|
|
--at-space-12: 48px;
|
|
--at-space-16: 64px;
|
|
|
|
--at-radius-xs: 8px;
|
|
--at-radius-sm: 12px;
|
|
--at-radius-md: 16px;
|
|
--at-radius-lg: 20px;
|
|
--at-radius-xl: 24px;
|
|
--at-radius-pill: 999px;
|
|
|
|
--at-elevation-sm: 0 4px 12px rgba(0,0,0,0.12);
|
|
--at-elevation-md: 0 12px 28px rgba(0,0,0,0.18);
|
|
--at-elevation-lg: 0 20px 48px rgba(0,0,0,0.24);
|
|
|
|
--at-motion-fast: 140ms;
|
|
--at-motion-base: 220ms;
|
|
--at-motion-slow: 320ms;
|
|
--at-easing-standard: cubic-bezier(0.2, 0.0, 0.2, 1);
|
|
/* ── @bytelyst/ui alias layer (--bl-* → --at-*) ──────────────── */
|
|
--bl-bg-canvas: var(--at-bg-canvas);
|
|
--bl-bg-elevated: var(--at-bg-elevated);
|
|
--bl-surface-card: var(--at-surface-card);
|
|
--bl-surface-muted: var(--at-surface-muted);
|
|
--bl-surface-highlight: color-mix(in oklab, var(--at-surface-muted) 82%, white);
|
|
--bl-surface-overlay: color-mix(in oklab, var(--at-bg-canvas) 88%, transparent);
|
|
--bl-input: color-mix(in oklab, var(--at-surface-muted) 76%, var(--at-bg-canvas));
|
|
--bl-border: var(--at-border-default);
|
|
--bl-border-strong: var(--at-border-strong);
|
|
--bl-border-subtle: color-mix(in oklab, var(--at-border-default) 62%, transparent);
|
|
--bl-text-primary: var(--at-text-primary);
|
|
--bl-text-secondary: var(--at-text-secondary);
|
|
--bl-text-tertiary: var(--at-text-tertiary);
|
|
--bl-text-quiet: color-mix(in oklab, var(--at-text-secondary) 78%, var(--at-bg-canvas));
|
|
--bl-accent: var(--at-accent-primary);
|
|
--bl-accent-foreground: var(--at-bg-canvas);
|
|
--bl-accent-muted: color-mix(in oklab, var(--at-accent-primary) 16%, transparent);
|
|
--bl-info: var(--at-accent-primary);
|
|
--bl-info-muted: color-mix(in oklab, var(--at-accent-primary) 14%, transparent);
|
|
--bl-success: var(--at-success);
|
|
--bl-success-muted: color-mix(in oklab, var(--at-success) 14%, transparent);
|
|
--bl-warning: var(--at-warning);
|
|
--bl-warning-muted: color-mix(in oklab, var(--at-warning) 14%, transparent);
|
|
--bl-danger: var(--at-danger);
|
|
--bl-danger-muted: color-mix(in oklab, var(--at-danger) 14%, transparent);
|
|
--bl-danger-foreground: var(--at-bg-canvas);
|
|
--bl-focus-ring: var(--at-focus-ring);
|
|
--bl-focus-ring-muted: color-mix(in oklab, var(--at-accent-primary) 18%, transparent);
|
|
--bl-overlay-scrim: var(--at-overlay-scrim);
|
|
}
|
|
|
|
[data-theme="light"] {
|
|
--at-bg-canvas: #F6F8FC;
|
|
--at-bg-elevated: #EEF2FA;
|
|
--at-surface-card: #FFFFFF;
|
|
--at-surface-muted: #F3F5FA;
|
|
--at-border-default: rgba(14,19,32,0.12);
|
|
--at-border-strong: rgba(14,19,32,0.24);
|
|
--at-text-primary: #0E1320;
|
|
--at-text-secondary: #55637A;
|
|
--at-success: #13956A;
|
|
--at-warning: #B87504;
|
|
--at-danger: #D24242;
|
|
--at-focus-ring: rgba(90,140,255,0.35);
|
|
--at-overlay-scrim: rgba(10,13,23,0.5);
|
|
}
|