Dark-light color schemes using System default colors

system-colors.css

/*
Source: https://blog.jim-nielsen.com/2021/css-system-colors/
*/

/* Set global color scheme without setting a background */
:root {
  color-scheme: light dark;
}

/* Use system colors for dropdowns */
.dropdown {
  background-color: Canvas;
}