diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 20:30:49 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 20:30:49 +0100 |
| commit | b58491b5096b6fc3a7f224a8d50b39648fc7660c (patch) | |
| tree | 534bce4146efaf7a0e372acf1e1525fbd98d8d85 /public/css | |
| parent | 005e9af621282f086419051c780efa3e9c5bf001 (diff) | |
Pulls out colours
Diffstat (limited to 'public/css')
| -rw-r--r-- | public/css/colours.css | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/public/css/colours.css b/public/css/colours.css new file mode 100644 index 0000000..c045cb3 --- /dev/null +++ b/public/css/colours.css @@ -0,0 +1,28 @@ +@import 'palette-hex.css'; +@import 'palette-oklch.css' supports(color: oklch(55% 0.15 290)); + +:root { + --text-color: var(--color-primary-50); + --text-highlight-color: var(--color-primary-100); + --background-color: var(--color-primary-800); + --background-highlight-color: var(--color-primary-700); + --special-text-color: var(--color-secondary-200); + --special-text-highlight-color: var(--color-secondary-300); + --special-background-color: var(--color-secondary-900); + --special-background-highlight-color: var(--color-secondary-800); +} + +:is(main, article) { + --text-color: var(--color-primary-900); + --text-highlight-color: var(--color-primary-800); + --background-color: var(--color-primary-50); + --background-highlight-color: var(--color-primary-200); + --special-text-color: var(--color-secondary-700); + --special-text-highlight-color: var(--color-secondary-600); + --special-background-color: var(--color-secondary-50); + --special-background-highlight-color: var(--color-secondary-100); +} + +:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) { + --background-color: var(--color-primary-100); +}
\ No newline at end of file |