搞了好久的暗黑模式，终于在手机上看着不像屎了

移动端适配真的太难了，之前直接写死样式，现在改用CSS变量+media query才勉强过得去

感觉现在做响应式设计，真得从手机开始，不然桌面端调得再好，手机上看还是崩得一塌糊涂

不过这样写出来的东西，兼容性确实好了不少，至少不会在不同设备上差太多

:root {
  --bg-color: #ffffff;
  --text-color: #000000;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #1a1a1a;
    --text-color: #ffffff;
  }
}