The genius solution in there is probably this one:
@media (prefers-color-scheme:dark){body{filter:invert(1) hue-rotate(180deg)}}
const styleElement = document.createElement('style'); styleElement.type = 'text/css'; styleElement.textContent = "@media (prefers-color-scheme: dark) { html { filter: invert(1) hue-rotate(180deg); } }"; document.head.appendChild(styleElement);
This might be what we are up against:
https://norvig.com/21-days.html
https://paulgraham.com/hundred.html
The genius solution in there is probably this one:
...which you can try by doing this in the browser console: But I get that there are a lot of opinions. Just try one, put up a vote over a week, do it over 4-6 weeks, settle on the one that has the best feedback...