a27e3b8e43
Optimized the root .gitignore to exclude virtual environments, node modules, and temp folders to ensure clean and lightweight version tracking. Co-authored-by: Cursor <cursoragent@cursor.com>
94 lines
2.5 KiB
CSS
94 lines
2.5 KiB
CSS
/**
|
|
* ONE-OS 车辆管理 / 中后台列表页 — 设计令牌
|
|
* 与 web端/车辆管理.jsx 规范一致，可供其他运维模块复用
|
|
*/
|
|
:root {
|
|
/* Brand */
|
|
--vm-color-primary: #2563eb;
|
|
--vm-color-primary-hover: #1d4ed8;
|
|
--vm-color-primary-light: #eff6ff;
|
|
--vm-color-primary-border: #bfdbfe;
|
|
--vm-color-primary-shadow: rgba(37, 99, 235, 0.45);
|
|
|
|
/* Semantic */
|
|
--vm-color-success: #10b981;
|
|
--vm-color-success-bg: #ecfdf5;
|
|
--vm-color-success-text: #047857;
|
|
--vm-color-warning: #f59e0b;
|
|
--vm-color-error: #ef4444;
|
|
--vm-color-error-bg: #fef2f2;
|
|
--vm-color-error-border: #fecaca;
|
|
|
|
/* Neutral */
|
|
--vm-color-bg-page: #f8fafc;
|
|
--vm-color-bg-page-alt: #f1f5f9;
|
|
--vm-color-bg-card: #ffffff;
|
|
--vm-color-bg-muted: #f8fafc;
|
|
--vm-color-bg-hover: #f1f5f9;
|
|
--vm-color-border: #e2e8f0;
|
|
--vm-color-border-light: #f1f5f9;
|
|
--vm-color-text: #0f172a;
|
|
--vm-color-text-secondary: #475569;
|
|
--vm-color-text-muted: #64748b;
|
|
--vm-color-text-placeholder: #94a3b8;
|
|
|
|
/* Typography */
|
|
--vm-font-family: Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
|
--vm-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
--vm-font-size-xs: 12px;
|
|
--vm-font-size-sm: 13px;
|
|
--vm-font-size-base: 14px;
|
|
--vm-font-size-md: 15px;
|
|
--vm-font-size-lg: 16px;
|
|
--vm-font-size-xl: 22px;
|
|
--vm-font-weight-medium: 500;
|
|
--vm-font-weight-semibold: 600;
|
|
--vm-font-weight-bold: 700;
|
|
--vm-font-weight-extrabold: 800;
|
|
--vm-line-height-tight: 1.35;
|
|
--vm-line-height-normal: 1.5;
|
|
--vm-line-height-relaxed: 1.65;
|
|
|
|
/* Spacing */
|
|
--vm-space-1: 4px;
|
|
--vm-space-2: 8px;
|
|
--vm-space-3: 12px;
|
|
--vm-space-4: 16px;
|
|
--vm-space-5: 20px;
|
|
--vm-space-6: 24px;
|
|
--vm-space-8: 32px;
|
|
|
|
/* Radius */
|
|
--vm-radius-sm: 6px;
|
|
--vm-radius-md: 8px;
|
|
--vm-radius-lg: 10px;
|
|
--vm-radius-xl: 12px;
|
|
--vm-radius-2xl: 16px;
|
|
--vm-radius-pill: 999px;
|
|
|
|
/* Shadow */
|
|
--vm-shadow-card: 0 4px 20px -4px rgba(15, 23, 42, 0.04);
|
|
--vm-shadow-card-hover: 0 8px 28px -6px rgba(15, 23, 42, 0.08);
|
|
--vm-shadow-btn-primary: 0 2px 8px -2px var(--vm-color-primary-shadow);
|
|
|
|
/* Layout */
|
|
--vm-page-padding-x: 24px;
|
|
--vm-page-padding-y: 24px;
|
|
--vm-page-padding-bottom: 32px;
|
|
--vm-filter-label-width: 88px;
|
|
--vm-filter-columns: 4;
|
|
--vm-table-toolbar-search-width: 240px;
|
|
--vm-action-btn-min-height: 32px;
|
|
--vm-action-more-size: 32px;
|
|
--vm-kv-label-width: 100px;
|
|
|
|
/* Motion */
|
|
--vm-duration-fast: 150ms;
|
|
--vm-duration-normal: 200ms;
|
|
--vm-ease-default: ease;
|
|
|
|
/* Z-index */
|
|
--vm-z-dropdown: 1050;
|
|
--vm-z-modal: 1100;
|
|
}
|