如何添加簡單的暗黑模式

我使用以下幾行CSS代碼來為我的網站應用暗黑模式: @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; } } 看起來非常好!