prefers-color-scheme is a css media feature that allow toggling/applying a set of css properties when the browser has be configure with a color scheme
using global css variable on the root level via the :root css selector, variable defined in :root has the highest level of specificity than those defined in html, and html has higher specificity than body
Leave a Reply