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%);
    }
}