32 lines
1.3 KiB
CSS
32 lines
1.3 KiB
CSS
/* Custom main colors */
|
|
:root {
|
|
--fwdekker-theme-color-triplet: 0, 51, 204;
|
|
--fwdekker-theme-color: rgb(var(--fwdekker-theme-color-triplet));
|
|
|
|
--fwdekker-theme-color-dark-triplet: 0, 41, 163;
|
|
--fwdekker-theme-color-dark: rgb(var(--fwdekker-theme-color-dark-triplet));
|
|
|
|
--fwdekker-theme-color-very-dark-triplet: 0, 31, 122;
|
|
--fwdekker-theme-color-very-dark: rgb(var(--fwdekker-theme-color-very-dark-triplet));
|
|
|
|
--fwdekker-theme-color-light-triplet: 0, 61, 245;
|
|
--fwdekker-theme-color-light: rgb(var(--fwdekker-theme-color-light-triplet));
|
|
|
|
--fwdekker-theme-color-very-light-triplet: 31, 87, 255;
|
|
--fwdekker-theme-color-very-light: rgb(var(--fwdekker-theme-color-very-light-triplet));
|
|
}
|
|
|
|
|
|
/* pico.css overrides, based on https://picocss.com/docs/customization.html */
|
|
:root {
|
|
--primary: var(--fwdekker-theme-color) !important;
|
|
--primary-hover: var(--fwdekker-theme-color-light) !important;
|
|
--primary-focus: rgba(var(--fwdekker-theme-color-dark-triplet), 0.125) !important;
|
|
--primary-inverse: white !important;
|
|
|
|
--form-element-active-border-color: var(--primary) !important;
|
|
--form-element-focus-color: var(--primary-focus) !important;
|
|
--switch-color: var(--primary-inverse) !important;
|
|
--switch-checked-background-color: var(--primary) !important;
|
|
}
|