Live
<div class="content">The colors of this block depend on you OS color scheme</div>
Live
x
.content { padding: 1rem; border: 1px solid black; display: inline-block; background: white; color: black;}@media (prefers-color-scheme: dark) { .content { background: black; color: white; }}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.