网页中跟随系统，适配 macOS 的夜间模式，暗黑模式 dark-mode：prefers-color-scheme: dark

网页中跟随系统，适配 macOS 的夜间模式，暗黑模式 dark-mode

参阅： https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/

只需要添加 @media 标签即可，跟 @media (max-width: 768px) 这种宽度指定标签一样。
写的时候注意 css 优先级就可以了。一般把这种标签写在最末尾，要比之前普通模式的样式有更高的优先级，不再冗述。

@media (prefers-color-scheme: dark) {
  /* 里面写关于夜间模式的样式 */
}


@media (prefers-color-scheme: light) {
  /* 里面写关于非夜间模式的样式 */
}

像这样：