51 lines
1.2 KiB
CSS
51 lines
1.2 KiB
CSS
:root {
|
|
/* 主题色 */
|
|
--color-primary: #4f46e5;
|
|
--color-primary-dark: #4338ca;
|
|
--color-primary-light: #6366f1;
|
|
--color-secondary: #64748b;
|
|
--color-success: #10b981;
|
|
--color-warning: #f59e0b;
|
|
--color-danger: #ef4444;
|
|
--color-info: #3b82f6;
|
|
|
|
/* 背景色 */
|
|
--color-bg-main: #f5f7fa;
|
|
--color-bg-card: #ffffff;
|
|
--color-bg-sidebar: #1e293b;
|
|
|
|
/* 文本色 */
|
|
--color-text-primary: #1e293b;
|
|
--color-text-secondary: #64748b;
|
|
--color-text-muted: #94a3b8;
|
|
--color-text-light: #ffffff;
|
|
|
|
/* 边框 */
|
|
--color-border: #e2e8f0;
|
|
--border-radius-sm: 0.25rem;
|
|
--border-radius: 0.375rem;
|
|
--border-radius-lg: 0.5rem;
|
|
|
|
/* 阴影 */
|
|
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
|
|
/* 过渡 */
|
|
--transition-fast: 150ms;
|
|
--transition-normal: 300ms;
|
|
--transition-slow: 500ms;
|
|
|
|
/* 布局 */
|
|
--content-width: 1280px;
|
|
--header-height: 64px;
|
|
--sidebar-width: 240px;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
/* 暗色主题变量可在此定义 */
|
|
}
|
|
}
|