56 lines
1.8 KiB
CSS
56 lines
1.8 KiB
CSS
/**
|
|
* 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;
|
|
} |