/* ═══════════════════════════════════════════════════════════════════════════ THEME COLOUR PRESETS — Override colours.css defaults per user preference ═══════════════════════════════════════════════════════════════════════════ Applied via [data-theme-colour] attribute on . "orange" = default (no overrides needed, colours.css values apply). Custom hex colours are handled dynamically in JS. ═══════════════════════════════════════════════════════════════════════════ */ /* ── Blue ── */ [data-theme-colour="blue"], [data-theme-colour="blue"][data-bs-theme="light"] { --bs-primary: #3b82f6; --bs-primary-rgb: 59, 130, 246; --bs-primary-active: #2563eb; --bs-primary-light: #eff6ff; --bs-primary-inverse: #ffffff; } [data-theme-colour="blue"][data-bs-theme="dark"] { --bs-primary: #60a5fa; --bs-primary-rgb: 96, 165, 250; --bs-primary-active: #3b82f6; --bs-primary-light: #1e293b; --bs-primary-inverse: #ffffff; } /* ── Purple ── */ [data-theme-colour="purple"], [data-theme-colour="purple"][data-bs-theme="light"] { --bs-primary: #8b5cf6; --bs-primary-rgb: 139, 92, 246; --bs-primary-active: #7c3aed; --bs-primary-light: #f5f3ff; --bs-primary-inverse: #ffffff; } [data-theme-colour="purple"][data-bs-theme="dark"] { --bs-primary: #a78bfa; --bs-primary-rgb: 167, 139, 250; --bs-primary-active: #8b5cf6; --bs-primary-light: #2e1065; --bs-primary-inverse: #ffffff; } /* ── Teal ── */ [data-theme-colour="teal"], [data-theme-colour="teal"][data-bs-theme="light"] { --bs-primary: #14b8a6; --bs-primary-rgb: 20, 184, 166; --bs-primary-active: #0d9488; --bs-primary-light: #f0fdfa; --bs-primary-inverse: #ffffff; } [data-theme-colour="teal"][data-bs-theme="dark"] { --bs-primary: #2dd4bf; --bs-primary-rgb: 45, 212, 191; --bs-primary-active: #14b8a6; --bs-primary-light: #134e4a; --bs-primary-inverse: #ffffff; } /* ── Rose ── */ [data-theme-colour="rose"], [data-theme-colour="rose"][data-bs-theme="light"] { --bs-primary: #f43f5e; --bs-primary-rgb: 244, 63, 94; --bs-primary-active: #e11d48; --bs-primary-light: #fff1f2; --bs-primary-inverse: #ffffff; } [data-theme-colour="rose"][data-bs-theme="dark"] { --bs-primary: #fb7185; --bs-primary-rgb: 251, 113, 133; --bs-primary-active: #f43f5e; --bs-primary-light: #4c0519; --bs-primary-inverse: #ffffff; } /* ── Grayscale ── Overrides primary AND desaturates success/info/warning. Danger is intentionally NOT desaturated — destructive actions stay red. */ [data-theme-colour="grayscale"], [data-theme-colour="grayscale"][data-bs-theme="light"] { --bs-primary: #71717a; --bs-primary-rgb: 113, 113, 122; --bs-primary-active: #52525b; --bs-primary-light: #f4f4f5; --bs-primary-inverse: #ffffff; --bs-success: #6b7280; --bs-success-rgb: 107, 114, 128; --bs-success-active: #4b5563; --bs-success-light: #f3f4f6; --bs-info: #9ca3af; --bs-info-rgb: 156, 163, 175; --bs-info-active: #6b7280; --bs-info-light: #f9fafb; --bs-warning: #a8a29e; --bs-warning-rgb: 168, 162, 158; --bs-warning-active: #78716c; --bs-warning-light: #fafaf9; } [data-theme-colour="grayscale"][data-bs-theme="dark"] { --bs-primary: #a1a1aa; --bs-primary-rgb: 161, 161, 170; --bs-primary-active: #71717a; --bs-primary-light: #27272a; --bs-primary-inverse: #ffffff; --bs-success: #71717a; --bs-success-rgb: 113, 113, 122; --bs-success-active: #52525b; --bs-success-light: #27272a; --bs-info: #a1a1aa; --bs-info-rgb: 161, 161, 170; --bs-info-active: #71717a; --bs-info-light: #27272a; --bs-warning: #a8a29e; --bs-warning-rgb: 168, 162, 158; --bs-warning-active: #78716c; --bs-warning-light: #27272a; }