/** * Fallback dark palette when Blocksy Colour Mode Switch is not active. * Matches Beatwise Customizer tokens from test2.beatwise.nl. */ html.theme-dark { color-scheme: dark; --blc-beatwise-purple: #442b79; --blc-beatwise-purple-hover: #5a3d9a; --blc-beatwise-purple-light: #9b8fd4; --blc-beatwise-purple-soft: #c4b5fd; --theme-palette-color-1: var(--blc-beatwise-purple); --theme-palette-color-2: var(--blc-beatwise-purple-hover); --theme-palette-color-3: #333; --theme-palette-color-4: #f5f5f5; --theme-palette-color-5: #404040; --theme-palette-color-6: #1e1e1e; --theme-palette-color-7: #121212; --theme-palette-color-8: #ffffff; --theme-text-color: var(--theme-palette-color-3); --theme-link-initial-color: var(--blc-beatwise-purple-light); --theme-link-hover-color: var(--blc-beatwise-purple-soft); --theme-headings-color: var(--theme-palette-color-4); --theme-border-color: var(--theme-palette-color-5); --theme-selection-text-color: #ffffff; --theme-selection-background-color: var(--blc-beatwise-purple); --theme-button-background-initial-color: var(--blc-beatwise-purple); --theme-button-background-hover-color: var(--blc-beatwise-purple-hover); } html.theme-dark body, html.theme-dark #main-container, html.theme-dark .site { background-color: var(--theme-palette-color-7); color: var(--theme-text-color); } html.theme-dark input:not([type="submit"]):not([type="button"]):not([type="reset"]), html.theme-dark textarea, html.theme-dark select { background-color: var(--theme-palette-color-6); color: var(--theme-palette-color-3); border-color: var(--theme-palette-color-5); } html.blc-ldt-animate, html.blc-ldt-animate body { transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } html.theme.dark .bwam-day-header { color: #000 !important; }