Keith Solomon
53 lines
2.7 KiB
CSS
53 lines
2.7 KiB
CSS
/* Theme color definitions */
|
|
|
|
@theme static {
|
|
--color-black: oklch(0% 0 0);
|
|
--color-white: oklch(100% 0 0);
|
|
|
|
--color-background: oklch(89.75% 0 0);
|
|
--color-text: var(--color-black);
|
|
|
|
--color-cwc-blue-01: oklch(47.31% 0.1141 242.9);
|
|
--color-cwc-blue-02: oklch(28.99% 0.0614 237.9);
|
|
--color-cwc-blue-03: oklch(80.63% 0.0724 230.4);
|
|
--color-cwc-orange-01: oklch(63.53% 0.1751 29.61);
|
|
|
|
--color-primary: var(--color-cwc-blue-01);
|
|
--color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white);
|
|
--color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white);
|
|
--color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white);
|
|
--color-primary-400: color-mix(in oklch, var(--color-primary) 40%, white);
|
|
--color-primary-500: color-mix(in oklch, var(--color-primary) 50%, white);
|
|
--color-primary-600: color-mix(in oklch, var(--color-primary) 60%, white);
|
|
--color-primary-700: color-mix(in oklch, var(--color-primary) 70%, white);
|
|
--color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white);
|
|
--color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white);
|
|
|
|
--color-secondary: var(--color-cwc-orange-01);
|
|
--color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white);
|
|
--color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white);
|
|
--color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white);
|
|
--color-secondary-400: color-mix(in oklch, var(--color-secondary) 40%, white);
|
|
--color-secondary-500: color-mix(in oklch, var(--color-secondary) 50%, white);
|
|
--color-secondary-600: color-mix(in oklch, var(--color-secondary) 60%, white);
|
|
--color-secondary-700: color-mix(in oklch, var(--color-secondary) 70%, white);
|
|
--color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white);
|
|
--color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white);
|
|
|
|
--color-bodylinks: oklch(0.48 0.0789 211.58);
|
|
--color-footlinks: oklch(0.65 0.1104 212.2);
|
|
|
|
--color-pullquote-bg: color-mix(in oklch, var(--color-cwc-blue-03) 30%, transparent);
|
|
|
|
--color-success: oklch(64.01% 0.1751 146.7);
|
|
--color-info: oklch(0.55 0.0922 211.57);
|
|
--color-warning: oklch(84.42% 0.1722 84.93);
|
|
--color-danger: oklch(0.5126 0.1865 22.61);
|
|
--color-light: oklch(98.16% 0.0017 247.8);
|
|
--color-dark: oklch(34.51% 0.0133 248.2);
|
|
|
|
/* Gradients */
|
|
--background-image-gradient-1: linear-gradient(180deg, rgba(242, 107, 83, 0) 39.55%, rgba(242, 107, 83, 0.2) 100%);
|
|
--background-image-button-gradient: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%);
|
|
}
|