new color scheme

This commit is contained in:
2026-01-06 08:40:19 -08:00
parent 101658ea04
commit 5494711402
5 changed files with 11 additions and 12 deletions

BIN
assets/img/logo-dark.png Normal file → Executable file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 52 KiB

BIN
assets/img/logo-light.png Normal file → Executable file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 52 KiB

View File

@ -23,11 +23,11 @@
@media (any-hover: hover) { @media (any-hover: hover) {
#directory li:hover { #directory li:hover {
background-color: var(--color-text); background-color: var(--color-text);
border-color: var(--color-text);
} }
#directory li:hover h2 { #directory li:hover h2 {
color: var(--color-bg); color: var(--color-bg);
border-color: var(--color-accent-flipped);
} }
} }

View File

@ -1,19 +1,19 @@
:root { :root {
color-scheme: light dark; color-scheme: light dark;
--color-light: #d5e9ff; --color-light: #e5e0c7;
--color-light-alt: #beddff; --color-light-alt: #d1cbab;
--color-dark: #001a33; --color-dark: #142B15;
--color-dark-alt: #00274b; --color-dark-alt: #1a3b1b;
--color-orange-light: #ff764f; --color-accent-light: #4ba19e;
--color-orange-dark: #f55e33; --color-accent-dark: #0c6a74;
--color-bg: light-dark(var(--color-light), var(--color-dark)); --color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light)); --color-text: light-dark(var(--color-dark), var(--color-light));
--color-bg-alt: light-dark(var(--color-light-alt), var(--color-dark-alt)); --color-bg-alt: light-dark(var(--color-light-alt), var(--color-dark-alt));
--color-text-alt: light-dark(var(--color-dark-alt), var(--color-light-alt)); --color-text-alt: light-dark(var(--color-dark-alt), var(--color-light-alt));
--color-accent: light-dark(var(--color-orange-dark), var(--color-orange-light)); --color-accent: light-dark(var(--color-accent-dark), var(--color-accent-light));
--color-accent-flipped: light-dark(var(--color-orange-light), var(--color-orange-dark)); --color-accent-flipped: light-dark(var(--color-accent-light), var(--color-accent-dark));
} }
* { * {

View File

@ -20,8 +20,8 @@ nav a {
@media (any-hover: hover) { @media (any-hover: hover) {
nav a:hover { nav a:hover {
color: var(--color-bg); color: var(--color-bg);
background-color: var(--color-text); background-color: var(--color-text-alt);
border-color: var(--color-text); border-color: var(--color-accent-flipped);
} }
} }
@ -37,7 +37,6 @@ nav a:focus-visible {
height: 1px; height: 1px;
overflow: hidden; overflow: hidden;
z-index: -99; z-index: -99;
background-color: var(--color-bg);
} }
#skip:focus-visible { #skip:focus-visible {