72 lines
1.5 KiB
SCSS
72 lines
1.5 KiB
SCSS
/**
|
|
* 主题样式
|
|
*/
|
|
|
|
// 浅色主题（默认）
|
|
:root {
|
|
--bg-primary: #ffffff;
|
|
--bg-secondary: #f3f4f6;
|
|
--bg-tertiary: #e5e7eb;
|
|
|
|
--text-primary: #1f2937;
|
|
--text-secondary: #6b7280;
|
|
--text-tertiary: #9ca3af;
|
|
|
|
--border-color: #e5e7eb;
|
|
--border-hover: #d1d5db;
|
|
|
|
--primary-color: #3b82f6;
|
|
--primary-hover: #2563eb;
|
|
--primary-active: #1d4ed8;
|
|
|
|
--success-color: #10b981;
|
|
--warning-color: #f59e0b;
|
|
--error-color: #ef4444;
|
|
--info-color: #3b82f6;
|
|
|
|
--success-badge-bg: #d1fae5;
|
|
--success-badge-text: #065f46;
|
|
--success-badge-border: #6ee7b7;
|
|
|
|
--failure-badge-bg: #fee2e2;
|
|
--failure-badge-text: #991b1b;
|
|
--failure-badge-border: #fca5a5;
|
|
|
|
--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
|
|
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
|
|
}
|
|
|
|
// 深色主题
|
|
[data-theme='dark'] {
|
|
--bg-primary: #1f2937;
|
|
--bg-secondary: #111827;
|
|
--bg-tertiary: #374151;
|
|
|
|
--text-primary: #f9fafb;
|
|
--text-secondary: #d1d5db;
|
|
--text-tertiary: #9ca3af;
|
|
|
|
--border-color: #374151;
|
|
--border-hover: #4b5563;
|
|
|
|
--primary-color: #3b82f6;
|
|
--primary-hover: #60a5fa;
|
|
--primary-active: #93c5fd;
|
|
|
|
--success-color: #10b981;
|
|
--warning-color: #f59e0b;
|
|
--error-color: #ef4444;
|
|
--info-color: #3b82f6;
|
|
|
|
--success-badge-bg: rgba(6, 78, 59, 0.3);
|
|
--success-badge-text: #6ee7b7;
|
|
--success-badge-border: #059669;
|
|
|
|
--failure-badge-bg: rgba(153, 27, 27, 0.3);
|
|
--failure-badge-text: #fca5a5;
|
|
--failure-badge-border: #dc2626;
|
|
|
|
--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3);
|
|
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3);
|
|
}
|