如何添加簡單的暗黑模式
我使用以下幾行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 { filter: invert(100%) !important; } }
|
看起來非常好!
tags: [“CSS”, “暗黑模式”]