@media (prefers-color-scheme: dark) { :root { --accent: rgb(224,64,192); --accent-alpha-70: rgba(224,64,192); --accent-alpha-20: rgba(224,64,192,.2); --background: #101010; --color: #f0f0f0; --border-color: rgba(255,240,224,.125); } :root div.logo { color: black; } } @media (prefers-color-scheme: light) { :root { --accent: rgb(238,114,241); --accent-alpha-70: rgba(238,114,241,.7); --accent-alpha-20: rgba(238,114,241,.2); --background: white; --color: #201030; --border-color: rgba(0,0,16,.125); } :root div.logo { color: white; } }