color-scheme-ref.html (282B)
1 <!doctype html> 2 <style> 3 :root { 4 forced-color-adjust: none; 5 } 6 div { 7 background-color: light-dark(beige, brown); 8 color: light-dark(purple, blue); 9 } 10 div:first-of-type { 11 color-scheme: light; 12 } 13 div:last-of-type { 14 color-scheme: dark; 15 } 16 </style> 17 <div>Light</div> 18 <div>Dark</div>