@media prefers-color-scheme

.day   { background: #eee; color: black; }
.night { background: #333; color: white; }

@media (prefers-color-scheme: dark) {
  .day.dark-scheme   { background:  #333; color: white; }
  .night.dark-scheme { background: black; color:  #ddd; }
}

@media (prefers-color-scheme: light) {
  .day.light-scheme   { background: white; color:  #555; }
  .night.light-scheme { background:  #eee; color: black; }
}

.day, .night {
  display: inline-block;
  padding: 1em;
  width: 7em;
  height: 2em;
  vertical-align: middle;
}

Source: developer.mozilla.org

Similar codes

0 vote203 views2 answers
Autocomplete background color css
CSS
0 vote225 views3 answers
Bulma capitalized
CSS Bulma
0 vote197 views1 answer
Crystal background css
CSS
15 votes175 views1 answer
How to link fonts css
CSS
15 votes202 views4 answers
Docker postgres
CSS
70 votes222 views4 answers
Css remove scrollbars
CSS
0 vote174 views1 answer
Qgraphicsscene get viewport width
CSS
1 vote209 views2 answers
How to align an image left in css
CSS
0 vote185 views1 answer
Mettre un element en avant css
CSS
0 vote191 views1 answer
Css a tag id selector scrolls too far
CSS