:root { /* Dark theme */ --dark-background: #000; --dark-foregeound: #fff; /* Light theme */ --light-background: #fff; --light-foregeound: #000; /* Defaults */ --current-background: var(--light-background); --current-foreground: var(--light-foregeound); } @media (prefers-color-scheme: dark) { :root { --current-background: var(--dark-background); --current-foreground: var(--dark-foregeound); } }