Stan Blog

學習過程中的一些記錄

[CSS] 在網頁上實作 dark mode 自動切換

使用 css prefers-color-scheme 可以偵測使用者裝置的 appearance 是使用 light mode 還是 dark mode

因此可以這樣寫,區分 light mode 與 dark mode 的 style 並自動切換

@media (prefers-color-scheme: dark) {
  # dark mode 所需 style
}


Ref:

Comments

comments powered by Disqus