934aac41dc
Early theme initialization to prevent flashing Proper component and script loading order Enhanced error handling and fallbacks Better theme state persistence System theme preference detection The theme system will now work correctly in the production environment when deployed through Coolify with Nixpacks build pack.
37 lines
886 B
CSS
37 lines
886 B
CSS
:root {
|
|
/* Light theme (default) */
|
|
--primary: #3a7be0;
|
|
--primary-gradient-1: #112fcf;
|
|
--primary-gradient-2: #3b3bc8;
|
|
--primary-gradient-3: #5743ed;
|
|
--primary-gradient-4: #784dd9;
|
|
|
|
--bg-main: #ffffff;
|
|
--bg-card: #f5f5f5;
|
|
--text: #333333;
|
|
--text-muted: #666666;
|
|
--header-gradient-1: rgba(245, 245, 245, 0.9);
|
|
--header-gradient-2: rgba(235, 235, 235, 0.9);
|
|
--border-color: rgba(58, 123, 224, 0.1);
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--bg-main: #0a0a0a;
|
|
--bg-card: #141414;
|
|
--text: #e0e0e0;
|
|
--text-muted: #888888;
|
|
--header-gradient-1: rgba(14, 14, 14, 0.9);
|
|
--header-gradient-2: rgba(41, 41, 41, 0.9);
|
|
}
|
|
|
|
/* Common tokens */
|
|
:root {
|
|
--spacing-sm: 0.5rem;
|
|
--spacing-md: 1rem;
|
|
--spacing-lg: 1.5rem;
|
|
--spacing-xl: 2rem;
|
|
--border-radius: 8px;
|
|
--transition-speed: 0.3s;
|
|
--header-height: 140px;
|
|
}
|