dark mode only

This commit is contained in:
Joshua Seigler 2025-06-22 08:15:08 -04:00
parent dbb7f59197
commit 0c788a6893
6 changed files with 18 additions and 104 deletions

View file

@ -12,19 +12,16 @@
}
body {
--c-highlight: oklch(100% 0 0 / 0.875);
--c-accent: white;
--c-dark: oklch(32.1% 0.022 259.9);
--c-body-background: oklch(87.5% 0 338);
--c-bg1: oklch(87.5% 0.04 285);
--c-bg2: oklch(87.5% 0.04 160);
--c-text-background-light: oklch(96.2% 0 0 / 0.6);
--c-text-light: var(--c-highlight);
--c-text-dark: var(--c-dark);
--c-text-dim: color-mix(in lch, var(--c-text-dark), transparent 50%);
--tag-luminance: 0.4;
--c-highlight: oklch(45% 0.135 280 / 0.7);
--c-accent: oklch(45% 0.135 280 / 0.8);
--c-body-background: oklch(15% 0.05 262);
--c-bg1: oklch(15% 0.05 290);
--c-bg2: oklch(15% 0.05 188);
--c-dark: oklch(19.1% 0.005 259.9);
--c-text-background-light: oklch(45% 0.135 280 / 0.3);
--c-text-light: oklch(94% 0.045 107.2);
--c-text-dark: oklch(94% 0.045 107.2);
--tag-luminance: 0.85;
--ratio: 1.333;
--s-5: calc(var(--s-4) / var(--ratio));
@ -68,40 +65,6 @@ body {
);
}
body[data-theme="dark"] {
background-color: var(--c-body-background);
}
[data-theme="dark"] {
--c-highlight: oklch(45% 0.135 280 / 0.7);
--c-accent: oklch(45% 0.135 280 / 0.8);
--c-body-background: oklch(15% 0.05 262);
--c-bg1: oklch(15% 0.05 290);
--c-bg2: oklch(15% 0.05 188);
--c-dark: oklch(19.1% 0.005 259.9);
--c-text-background-light: oklch(45% 0.135 280 / 0.3);
--c-text-light: oklch(94% 0.045 107.2);
--c-text-dark: oklch(94% 0.045 107.2);
--tag-luminance: 0.85;
}
@media (prefers-color-scheme: dark) {
body[data-theme="auto"] {
background-color: var(--c-body-background);
}
[data-theme="auto"] {
--c-highlight: oklch(45% 0.135 280 / 0.7);
--c-accent: oklch(45% 0.135 280 / 0.8);
--c-body-background: oklch(15% 0.05 262);
--c-bg1: oklch(15% 0.05 290);
--c-bg2: oklch(15% 0.05 188);
--c-dark: oklch(19.1% 0.005 259.9);
--c-text-background-light: oklch(45% 0.135 280 / 0.3);
--c-text-light: oklch(94% 0.045 107.2);
--c-text-dark: oklch(94% 0.045 107.2);
--tag-luminance: 0.85;
}
}
::selection {
background: var(--c-highlight);
color: var(--c-text-dark);
@ -486,17 +449,6 @@ footer section {
}
}
[data-language="aurebesh"] {
font-family: FTAurebesh;
line-height: 1.25;
ul:not(.collection) > li {
list-style-type: square;
}
}
[data-language="english"] {
font-family: Inter;
}
h1,
h2,
h3,