festa/styles/color-schemes.css

/* Dark theme */
:root, :host {
    --background: #050505;
    --foreground: white;
    --border: gray;
    --interactable: #050505b5;
    --selection: #3333dd;

    --anchor: #8888ff;
    --anchor-visited: #aa88ff;
    --anchor-active: #ff8888;
    
    --positive: #88ff88;
    --negative: #ff8888;
}

.postcard {
    filter: blur(7px) contrast(50%) brightness(50%);
}

@media (prefers-color-scheme: light) {
    :root, :host {
        --background: #fafafa;
        --foreground: black;
        --border: gray;
        --interactable: #fafafab5;
        --selection: #7777ff;
        
        --anchor: #4444ff;
        --anchor-visited: #aa44ff;
        --anchor-active: #ff4444;

        --positive: #008800;
        --negative: #880000;
    }

    .postcard {
        filter: blur(7px) contrast(25%) brightness(175%);
    }
}