Skip to content

How to add a simple dark mode

New Courses Coming Soon

Join the waiting lists

I’ve used these few lines of CSS to apply dark mode to my website:

@media (prefers-color-scheme: dark) {
  body {
    filter: invert(100%);
    background-color: rgb(29, 32, 31) !important;
  iframe /* for recaptcha */ {
    filter: invert(100%) !important;

Looks pretty good!

Here is how can I help you: