纯 css 实现黑暗主题,使用 css mediaprefers-color-scheme 属性,示例如下

@media screen and (prefers-color-scheme: dark) {
  :root {
    --ai-font-color: #CDCDCD;
    --ai-background-color: #1B1B1B;
    --ai-a-color: #CDCDCD;
    --ai-border-color: #222222;
  }
  body {
    color: #CDCDCD;
    background-color: #1B1B1B;
  }
}