One thing I have not seen posted here in snippets is the inclusion of: :root { color-scheme: light dark; } This allows the browser to change the default ren

One thing I have not seen posted here in snippets is the inclusion of: :root { color-scheme: light dark; } This allows the browser to change the default rendering of controls like inputs and textareas. It also sets up many defaults nicely. Please use this in conjunction with @media (prefers-color-scheme: dark). Reference: https://webkit.org/blog/8840/dark-mode-support-in-webkit/ https://webkit.org/blog/8840/dark-mode-support-in-webkit/ https://drafts.csswg.org/css-color-adjust-1/#color-scheme-prop https://drafts.csswg.org/css-color-adjust-1/#color-scheme-pr...