2025-10-28 10:29:36 +00:00
|
|
|
/* Auth-specific CSS variables for proprietary version */
|
|
|
|
|
|
|
|
|
|
:root {
|
2026-06-18 13:42:19 +01:00
|
|
|
/* Auth page colors (light mode) */
|
2025-10-28 10:29:36 +00:00
|
|
|
--auth-bg-color-light-only: #f3f4f6;
|
|
|
|
|
--auth-card-bg: #ffffff;
|
|
|
|
|
--auth-card-bg-light-only: #ffffff;
|
|
|
|
|
--auth-label-text-light-only: #374151;
|
|
|
|
|
--auth-input-border-light-only: #d1d5db;
|
|
|
|
|
--auth-input-bg-light-only: #ffffff;
|
|
|
|
|
--auth-input-text-light-only: #111827;
|
|
|
|
|
--auth-border-focus-light-only: #3b82f6;
|
|
|
|
|
--auth-focus-ring-light-only: rgba(59, 130, 246, 0.1);
|
2026-04-10 17:41:19 +01:00
|
|
|
--auth-button-bg-light-only: #af3434;
|
2025-10-28 10:29:36 +00:00
|
|
|
--auth-button-text-light-only: #ffffff;
|
|
|
|
|
--auth-magic-button-bg-light-only: #e5e7eb;
|
|
|
|
|
--auth-magic-button-text-light-only: #374151;
|
|
|
|
|
--auth-text-primary-light-only: #111827;
|
|
|
|
|
--auth-text-secondary-light-only: #6b7280;
|
|
|
|
|
--text-divider-rule-rgb-light: 229, 231, 235;
|
|
|
|
|
--text-divider-label-rgb-light: 156, 163, 175;
|
|
|
|
|
--tool-subcategory-rule-color-light: #e5e7eb;
|
|
|
|
|
--tool-subcategory-text-color-light: #9ca3af;
|
|
|
|
|
}
|
2026-03-23 19:36:48 +00:00
|
|
|
|
|
|
|
|
[data-mantine-color-scheme="dark"] {
|
|
|
|
|
--auth-bg-color-light-only: var(--bg-muted);
|
|
|
|
|
--auth-card-bg: var(--bg-surface);
|
|
|
|
|
--auth-card-bg-light-only: var(--bg-surface);
|
|
|
|
|
--auth-label-text-light-only: var(--text-secondary);
|
|
|
|
|
--auth-input-border-light-only: var(--border-default);
|
|
|
|
|
--auth-input-bg-light-only: var(--bg-raised);
|
|
|
|
|
--auth-input-text-light-only: var(--text-primary);
|
|
|
|
|
--auth-border-focus-light-only: #3b82f6;
|
|
|
|
|
--auth-focus-ring-light-only: rgba(59, 130, 246, 0.2);
|
2026-04-10 17:41:19 +01:00
|
|
|
--auth-button-bg-light-only: #af3434;
|
2026-03-23 19:36:48 +00:00
|
|
|
--auth-button-text-light-only: #ffffff;
|
|
|
|
|
--auth-magic-button-bg-light-only: var(--bg-raised);
|
|
|
|
|
--auth-magic-button-text-light-only: var(--text-primary);
|
|
|
|
|
--auth-text-primary-light-only: var(--text-primary);
|
|
|
|
|
--auth-text-secondary-light-only: var(--text-secondary);
|
|
|
|
|
--text-divider-rule-rgb-light: 58, 64, 71;
|
|
|
|
|
--text-divider-label-rgb-light: 107, 114, 128;
|
|
|
|
|
--tool-subcategory-rule-color-light: var(--border-default);
|
|
|
|
|
--tool-subcategory-text-color-light: var(--text-secondary);
|
|
|
|
|
}
|