Dark Mode

[ItsNoted]

trafficstars

Is your feature request related to a problem?

White is bright.

Describe the solution you'd like

Make a dark mode for better visual experience when browsing in the dark or for those with sensitive eyes.

Additional context

No response

[Zeng1998]

Dark mode isn't supported yet, and I'm not sure if it is a high-priority need.

For now, you can try the following additional css (shared from the community)

@media (prefers-color-scheme: dark) {
    html {
        filter: invert(90%) hue-rotate(180deg);
    }

    img, video, div[class*="language-"] {
        filter: invert(110%) hue-rotate(180deg);
        opacity: .8;
    }
}

[ItsNoted]

Dark mode isn't supported yet, and I'm not sure if it is a high-priority need.

For now, you can try the following additional css (shared from the community)

@media (prefers-color-scheme: dark) {
    html {
        filter: invert(90%) hue-rotate(180deg);
    }

    img, video, div[class*="language-"] {
        filter: invert(110%) hue-rotate(180deg);
        opacity: .8;
    }
}

It will do for now. It also darkens emojis and other things too. Strange but thank you!

[Zeng1998]

I think the dark mode is in development and coming soon.

[ItsNoted]

I think the dark mode is in development and coming soon.

Great to hear, thank you!

[tapionx]

Would be nice to have ☺️

[ericb0x]

Dark mode is a must! It would be a great addition to the project.

[mariushosting]

+1 for Dark mode switch.

[DJScias]

As of #637 a lot of the app now works in dark theme.

However as of the main page update the fullscreen option is unstyled for dark theme. I suppose that was to be expected, unless that was meant to be part of what one would define as "main pages"?

Regardless, little issue since this is still the dev mode. But figured I'd mention it just in case. 😊

Edit: Above is fixed now.

[boojack]