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

View File

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

View File

@ -1,19 +1,19 @@
:root {
color-scheme: light dark;
--color-light: #d5e9ff;
--color-light-alt: #beddff;
--color-dark: #001a33;
--color-dark-alt: #00274b;
--color-orange-light: #ff764f;
--color-orange-dark: #f55e33;
--color-light: #e5e0c7;
--color-light-alt: #d1cbab;
--color-dark: #142B15;
--color-dark-alt: #1a3b1b;
--color-accent-light: #4ba19e;
--color-accent-dark: #0c6a74;
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-text: light-dark(var(--color-dark), var(--color-light));
--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-accent: light-dark(var(--color-orange-dark), var(--color-orange-light));
--color-accent-flipped: light-dark(var(--color-orange-light), var(--color-orange-dark));
--color-accent: light-dark(var(--color-accent-dark), var(--color-accent-light));
--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) {
nav a:hover {
color: var(--color-bg);
background-color: var(--color-text);
border-color: var(--color-text);
background-color: var(--color-text-alt);
border-color: var(--color-accent-flipped);
}
}
@ -37,7 +37,6 @@ nav a:focus-visible {
height: 1px;
overflow: hidden;
z-index: -99;
background-color: var(--color-bg);
}
#skip:focus-visible {