ella/elladunbar.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add new color theme and change names

Browse source
This commit is contained in:
Ella Dunbar 2025-12-13 00:06:48 -06:00
parent f58b68c584
commit 215ce68e81
4 changed files with 46 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

52
full/style.css
View file

@ -75,20 +75,20 @@ h6 {
/* oklch site: https://oklch.com/ */
/* color filters: https://angel-rs.github.io/css-color-filter-generator/ */
/* Dead Orbit */
html:has(option[value="drifting"]:checked) {
--color-background: light-dark(oklch(0.95 0 0), oklch(0.45 0 0));
--color-header-footer: light-dark(oklch(0.68 0 0), oklch(0.25 0 0));
--color-main: light-dark(oklch(0.98 0 0), oklch(0.175 0 0));
--color-text: light-dark(oklch(0.2 0 0), oklch(0.9 0 0));
html:has(option[value="do"]:checked) {
--color-background: light-dark(oklch(0.8 0 0), oklch(0.45 0 0));
--color-header-footer: light-dark(oklch(0.55 0 0), oklch(0.25 0 0));
--color-main: light-dark(oklch(0.93 0 0), oklch(0.175 0 0));
--color-text: light-dark(oklch(0 0 0), oklch(0.9 0 0));
--svg-brightness-1: 0%;
--svg-saturate-1: 100%;
--svg-invert: 0%;
--svg-sepia: 1%;
--svg-saturate-2: 6582%;
--svg-hue-rotate: 336deg;
--svg-brightness-2: 88%;
--svg-contrast: 83%;
--svg-sepia: 0%;
--svg-saturate-2: 100%;
--svg-hue-rotate: 0deg;
--svg-brightness-2: 0%;
--svg-contrast: 100%;
@media (prefers-color-scheme: dark) {
--svg-brightness-1: 0%;
@ -103,7 +103,7 @@ html:has(option[value="drifting"]:checked) {
}
/* Future War Cult */
html:has(option[value="ascendant"]:checked) {
html:has(option[value="fwc"]:checked) {
--color-background: light-dark(oklch(0.4088 0.1303 281.27), oklch(0.1847 0.0503 286.27));
--color-header-footer: light-dark(oklch(0.98 0 0), oklch(0.7314 0.0725 91.4));
--color-main: light-dark(oklch(0.895 0.0916 88.17), oklch(0.3589 0.1438 281.27));
@ -131,7 +131,7 @@ html:has(option[value="ascendant"]:checked) {
}
/* New Monarchy */
html:has(option[value="aristocratic"]:checked) {
html:has(option[value="nm"]:checked) {
--color-background: light-dark(oklch(0.98 0 0), oklch(0.2665 0.0841 29.27));
--color-header-footer: light-dark(oklch(0.4531 0.1712 29.27), oklch(0.3 0 0));
--color-main: light-dark(oklch(0.9 0 0), oklch(0.2299 0.05 29.27));
@ -158,6 +158,34 @@ html:has(option[value="aristocratic"]:checked) {
}
}
/* Vault of Glass */
html:has(option[value="vog"]:checked) {
--color-background: light-dark(oklch(0.93 0 0), oklch(0.3224 0.0392 145.18));
--color-header-footer: light-dark(oklch(0.8742 0.0828 224.95), oklch(0.4306 0.0922 55.84));
--color-main: light-dark(oklch(1 0 0), oklch(0.2091 0.0107 232.65));
--color-text: light-dark(oklch(0.45 0 0), oklch(0.9555 0.0219 224.95));
--svg-brightness-1: 0%;
--svg-saturate-1: 100%;
--svg-invert: 33%;
--svg-sepia: 6%;
--svg-saturate-2: 0%;
--svg-hue-rotate: 174deg;
--svg-brightness-2: 94%;
--svg-contrast: 88%;
@media (prefers-color-scheme: dark) {
--svg-brightness-1: 0%;
--svg-saturate-1: 100%;
--svg-invert: 89%;
--svg-sepia: 9%;
--svg-saturate-2: 467%;
--svg-hue-rotate: 175deg;
--svg-brightness-2: 106%;
--svg-contrast: 98%;
}
}
/* https://smolweb.org/subset.html */
/* structural */