В macOS, Windows и других операционных системах, с относительно недавних пор, поддерживается «темный режим». В случае с приложениями адаптация проходит гладко: они, как правило, используют системные библиотеки и получили поддержку «темных тем» без лишних усилий.
В случае с сайтами не все так просто. Если вы делаете сайт, то можете воспользоваться особым CSS media query: https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-color-scheme
body { color: black; background: white; }
@media (prefers-color-scheme: dark) {
body { color: white; background: black; }
}
Но не у всех дойдут руки до обновления сайтов. В этом случае помогут расширения для браузеров, которые «подберут» цвета за владельцев сайта.
👌 Safari: DarkMode https://apps.apple.com/us/app/dark-mode-for-safari/id1397180934
🆗 Firefox (и другие): Dark Reader https://darkreader.org