/

如何添加簡單的暗黑模式

如何添加簡單的暗黑模式

我使用以下幾行CSS代碼來為我的網站應用暗黑模式：

1
2
3
4
5
6
7
8
9
10
11
12
@media (prefers-color-scheme: dark) {
 body {
    filter: invert(100%);
    background-color: rgb(29, 32, 31) !important;
 }
 img,
 .astro-code,
 .emoji,
 iframe /* for recaptcha */ {
    filter: invert(100%) !important;
 }
}

看起來非常好！

tags: [“CSS”, “暗黑模式”]