diff options
| author | Runxi Yu <me@runxiyu.org> | 2025-08-26 11:30:28 +0800 |
|---|---|---|
| committer | Runxi Yu <me@runxiyu.org> | 2025-08-26 11:30:28 +0800 |
| commit | 71a4668bc38c5bd1edfbe9ded79e3a9717e8ac39 (patch) | |
| tree | 2421a29ee8d94e69d31e820a9b5380c68e8f5d67 /forged | |
| parent | Start doing the group index page... (diff) | |
| download | forge-71a4668bc38c5bd1edfbe9ded79e3a9717e8ac39.tar.gz forge-71a4668bc38c5bd1edfbe9ded79e3a9717e8ac39.tar.zst forge-71a4668bc38c5bd1edfbe9ded79e3a9717e8ac39.zip | |
Use oklch colors
Diffstat (limited to 'forged')
| -rw-r--r-- | forged/static/style.css | 44 |
1 files changed, 22 insertions, 22 deletions
diff --git a/forged/static/style.css b/forged/static/style.css index 4923771..f70fe69 100644 --- a/forged/static/style.css +++ b/forged/static/style.css @@ -18,33 +18,33 @@ html { background-color: var(--background-color); color: var(--text-color); font-size: 1rem; - --background-color: hsl(0, 0%, 100%); - --text-color: hsl(0, 0%, 0%); - --link-color: hsl(320, 50%, 36%); - --light-text-color: hsl(0, 0%, 45%); - --darker-border-color: hsl(0, 0%, 72%); - --lighter-border-color: hsl(0, 0%, 85%); - --text-decoration-color: hsl(0, 0%, 72%); - --darker-box-background-color: hsl(0, 0%, 92%); - --lighter-box-background-color: hsl(0, 0%, 95%); - --primary-color: hsl(320, 50%, 36%); - --primary-color-contrast: hsl(320, 0%, 100%); - --danger-color: #ff0000; - --danger-color-contrast: #ffffff; + --background-color: oklch(1.000 0.000 0.0); + --text-color: oklch(0.000 0.000 0.0); + --link-color: oklch(0.457 0.143 343.4); + --light-text-color: oklch(0.555 0.000 0.0); + --darker-border-color: oklch(0.781 0.000 0.0); + --lighter-border-color: oklch(0.885 0.000 0.0); + --text-decoration-color: oklch(0.781 0.000 0.0); + --darker-box-background-color: oklch(0.939 0.000 0.0); + --lighter-box-background-color: oklch(0.962 0.000 0.0); + --primary-color: oklch(0.457 0.143 343.4); + --primary-color-contrast: oklch(1.000 0.000 0.0); + --danger-color: oklch(0.628 0.258 29.2); + --danger-color-contrast: oklch(1.000 0.000 0.0); } /* Dark mode overrides */ @media (prefers-color-scheme: dark) { html { - --background-color: hsl(0, 0%, 0%); - --text-color: hsl(0, 0%, 100%); - --link-color: hsl(320, 50%, 76%); - --light-text-color: hsl(0, 0%, 78%); - --darker-border-color: hsl(0, 0%, 35%); - --lighter-border-color: hsl(0, 0%, 25%); - --text-decoration-color: hsl(0, 0%, 50%); - --darker-box-background-color: hsl(0, 0%, 20%); - --lighter-box-background-color: hsl(0, 0%, 15%); + --background-color: oklch(0.000 0.000 0.0); + --text-color: oklch(1.000 0.000 0.0); + --link-color: oklch(0.786 0.089 339.4); + --light-text-color: oklch(0.829 0.000 0.0); + --darker-border-color: oklch(0.465 0.000 0.0); + --lighter-border-color: oklch(0.371 0.000 0.0); + --text-decoration-color: oklch(0.598 0.000 0.0); + --darker-box-background-color: oklch(0.321 0.000 0.0); + --lighter-box-background-color: oklch(0.270 0.000 0.0); } } |