40 lines
905 B
SCSS
40 lines
905 B
SCSS
/* Light theme (default) */
|
|
:root {
|
|
--bg-primary: #fff;
|
|
--bg-secondary: #fafafa;
|
|
--bg-active: #eff6ff;
|
|
--text-primary: #1a1a1a;
|
|
--text-secondary: #374151;
|
|
--text-muted: #9ca3af;
|
|
--border-color: #e5e7eb;
|
|
--border-input: #d1d5db;
|
|
--placeholder-bg: transparent;
|
|
--danger-bg: #fee2e2;
|
|
--danger-hover: #fecaca;
|
|
--danger-text: #dc2626;
|
|
--cancel-bg: #f3f4f6;
|
|
--cancel-border: #d1d5db;
|
|
--cancel-text: #6b7280;
|
|
--cancel-hover: #e5e7eb;
|
|
}
|
|
|
|
/* Dark theme */
|
|
.dark {
|
|
--bg-primary: #0f0f0f;
|
|
--bg-secondary: #1a1a1a;
|
|
--bg-active: #1e293b;
|
|
--text-primary: #e5e5e5;
|
|
--text-secondary: #a3a3a3;
|
|
--text-muted: #737373;
|
|
--border-color: #333;
|
|
--border-input: #404040;
|
|
--placeholder-bg: #141414;
|
|
--danger-bg: #2d1b1e;
|
|
--danger-hover: #3d2528;
|
|
--danger-text: #f87171;
|
|
--cancel-bg: #262626;
|
|
--cancel-border: #404040;
|
|
--cancel-text: #a3a3a3;
|
|
--cancel-hover: #333;
|
|
}
|