summaryrefslogtreecommitdiff
path: root/public/css/variables
diff options
context:
space:
mode:
authorJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-08-21 07:41:43 +0100
committerJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-08-21 07:41:43 +0100
commit51c2d9da5c11c4328fd935e89789bac6fb7e5955 (patch)
treeef6ffb6486caa0ee34847941d9c965fb19e26345 /public/css/variables
parent6fc3866931b3d27cb77bf9b8a6119cb4c72e67c7 (diff)
Better link styling
Diffstat (limited to 'public/css/variables')
-rw-r--r--public/css/variables/colours.css33
-rw-r--r--public/css/variables/palette-hex.css23
-rw-r--r--public/css/variables/palette-oklch.css23
3 files changed, 14 insertions, 65 deletions
diff --git a/public/css/variables/colours.css b/public/css/variables/colours.css
index c045cb3..5c34e42 100644
--- a/public/css/variables/colours.css
+++ b/public/css/variables/colours.css
@@ -1,28 +1,23 @@
-@import 'palette-hex.css';
-@import 'palette-oklch.css' supports(color: oklch(55% 0.15 290));
+@import 'palette.css';
: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);
+ --text-color: var(--color-primary-98);
+ --text-highlight-color: var(--color-primary-10);
+ --background-color: var(--color-primary-10);
+ --background-highlight-color: var(--color-primary-90);
+ --special-text-color: var(--color-secondary-90);
+ --special-text-highlight-color: var(--color-secondary-10);
}
: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);
+ --text-color: var(--color-primary-10);
+ --text-highlight-color: var(--color-primary-90);
+ --background-color: var(--color-primary-98);
+ --background-highlight-color: var(--color-primary-10);
+ --special-text-color: var(--color-secondary-40);
+ --special-text-highlight-color: var(--color-secondary-90);
}
:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) {
- --background-color: var(--color-primary-100);
+ --background-color: var(--color-primary-95);
} \ No newline at end of file
diff --git a/public/css/variables/palette-hex.css b/public/css/variables/palette-hex.css
deleted file mode 100644
index 13a9d7c..0000000
--- a/public/css/variables/palette-hex.css
+++ /dev/null
@@ -1,23 +0,0 @@
-:root {
- --color-primary-50: #eeecff;
- --color-primary-100: #cec5ff;
- --color-primary-200: #b19cff;
- --color-primary-300: #937be3;
- --color-primary-400: #765cc1;
- --color-primary-500: #5a3ea1;
- --color-primary-600: #401f81;
- --color-primary-700: #28005c;
- --color-primary-800: #0f002a;
- --color-primary-900: #010003;
-
- --color-secondary-50: #bcffee;
- --color-secondary-100: #2bedce;
- --color-secondary-200: #2ac8ae;
- --color-secondary-300: #28a58f;
- --color-secondary-400: #068472;
- --color-secondary-500: #0a6355;
- --color-secondary-600: #09453a;
- --color-secondary-700: #062822;
- --color-secondary-800: #030e0b;
- --color-secondary-900: #000101;
-} \ No newline at end of file
diff --git a/public/css/variables/palette-oklch.css b/public/css/variables/palette-oklch.css
deleted file mode 100644
index f549b63..0000000
--- a/public/css/variables/palette-oklch.css
+++ /dev/null
@@ -1,23 +0,0 @@
-:root {
- --color-primary-50: oklch(95% 0.02 290);
- --color-primary-100: oklch(85% 0.07 290);
- --color-primary-200: oklch(75% 0.13 290);
- --color-primary-300: oklch(65% 0.15 290);
- --color-primary-400: oklch(55% 0.15 290);
- --color-primary-500: oklch(45% 0.15 290);
- --color-primary-600: oklch(35% 0.15 290);
- --color-primary-700: oklch(25% 0.14 290);
- --color-primary-800: oklch(15% 0.08 290);
- --color-primary-900: oklch(5% 0.02 290);
-
- --color-secondary-50: oklch(95% 0.07 178.02852951497042);
- --color-secondary-100: oklch(85% 0.15 178.02852951497042);
- --color-secondary-200: oklch(75% 0.13 178.02852951497042);
- --color-secondary-300: oklch(65% 0.11 178.02852951497042);
- --color-secondary-400: oklch(55% 0.1 178.02852951497042);
- --color-secondary-500: oklch(45% 0.08 178.02852951497042);
- --color-secondary-600: oklch(35% 0.06 178.02852951497042);
- --color-secondary-700: oklch(25% 0.04 178.02852951497042);
- --color-secondary-800: oklch(15% 0.02 178.02852951497042);
- --color-secondary-900: oklch(6% 0.01 178.02852951497042);
-} \ No newline at end of file