dark-theme.css

@media (prefers-color-scheme: dark) { body:not([theme="light"]) {
    --surface: hsl(var(--hue),19%,26%);
    --editable-surface: #333;      
    --editable-surface-border: hsl(0,0%,13%);
    --secondary: hsl(var(--hue),25%,35%);
    --secondary-border: hsl(var(--hue),19%,26%);
    --on-surface: hsl(0,0%,98%);
    --link: hsl(var(--hue),36%,84%);
}}
body[theme="dark"] {
    --surface: hsl(var(--hue),19%,26%);
    --editable-surface: #333;      
    --editable-surface-border: hsl(0,0%,13%);
    --secondary: hsl(var(--hue),25%,35%);
    --secondary-border: hsl(var(--hue),19%,26%);
    --on-surface: hsl(0,0%,98%);
    --link: hsl(var(--hue),36%,84%);
}