随着暗黑模式的流行,现在主流的浏览器也支持了暗黑模式,在浏览器开启暗黑模式的情况下,如果你的网站已经支持暗黑模式,会自动切换到暗黑效果。
想让网站支持自动切换暗黑模式/正常模式,可以通过在 css 样式文件中添加下面的代码:
@media (prefers-color-scheme: dark) {
body {
background-color: #444;
color: #e4e4e4;
}
a {
color: #e39777;
}
img {
filter: grayscale(30%);
}
}
大家可以根据自己网站的风格修改暗黑模式下的css样式,支持firefox, safari, chrome浏览器。
# 更多技巧,请关注「专题」