A request for dark mode

I use Chrome and I would also like dark mode, because I have the first world problem of being blinded by the HDR display I use for my main monitor.

If dark mode is not possible, making the background same color of the aluminum chassis of the laptop would also be fine with me. and have the added benefit of branding.

4 Likes

Was about to publish a post for that but I see some users had already suggested the idea: yes, we need a native Dark mode for the forum or I’ll be blind in two weeks :confused:

2 Likes

So Discobot told me during my advanced features tutorial and leveling up trust levels that in my preferences that I could potentially select between a light and dark mode.

I went to preferences however and did not find anything related to it. Maybe that means they thought that they would have it or tried to have it and it didn’t work correctly. I’m sure that it is coming though. It’s an obvious must now-a-days. I guess we will see.

5 Likes

There is a built-in dark mode that can be toggled in Discourse, so it should be a matter of toggling a switch somewhere in the backend. That’s why discobot thinks you’ll be able to toggle dark mode but you can’t find it.

8 Likes

Another vote for amoled black mode.

1 Like

I use the dark reader extension and does the job well.

2 Likes

I just wanted to say the “Dark Reader” extention on Firefox, and mentioned above is great.

2 Likes

For a solution that doesn’t use Dark Reader for any reason*, then you can use the built-in dark mode in this Discourse instance’s settings.

I don’t know if this has always been here or if the Discourse administration changed this option recently.

This is the UI path:

  • click on your user icon (in the top right corner)
  • click on the “Preferences” tab (first icon of the “cartoon person” on the right)
  • click on the word “Preferences” to go to a new page
  • click on “Interface” on the vertical menu on the left
  • find the first “Color Scheme” section
  • select “Dark” for the Dark Mode drop-down menu and “Dark” in the Regular drop-down menu (in that order).

The dark theme is only a very dark gray, but honestly I’ll take this gray dark theme over the default white theme any day of the week. (However, in my only other experience with Discourse, the dark theme has always been dark gray - at least in the Parrot OS Forums.)

(*For example, I don’t have Dark Reader on Firefox, since there are occasions I need to render webpages to “WYSIWYG”, a.k.a, what the rest of the white-themed Internet sees. This is because there have been a few crucial cases when having Dark Reader and turning on the darkening flag in chrome://flags on my Chromium-based browsers messes up pages and makes them unreadable. Also, this is not a good setup for presenting online presentations with color accurately.)

3 Likes

I do agree that the dark theme could be darker, if not pitch black/AMOLED. In fact, IIRC the dark theme for Parrot OS Community and Qubes OS Forum are a bit darker than the dark theme in Framework Community.

However, I am aware the viewing quality experience could vary from device to device.

1 Like

Windows 11 has a dark mode theme already. However if you are referring to browser, then you might need a dark mode plugin for that.

1 Like

@Brent @BeeAPeach (or whoever enabled this), THANK YOU!!! Just a minor suggestion: There are lots of elements (e.g. the currently selected category, some of the elements in the editor, etc) that still have black text, which can make it a bit hard to see. It would be wonderful if y’all could take a look to set those colors :heart:

1 Like

You can set a keyboard shortcut to quickly toggle Dark Reader on the current website:
image

I use this routinely for finicky sites e.g. Google Docs

I also leave the dark mode in chrome://flags alone as Dark Reader suffices on its own.

1 Like

Unfortunately, we are looking into this now as we have never enabled it and it may just be the forum doing so in an update. But, it’s not ADA compliant at this time which, we are attempting to fix but with certain aspects, it won’t let us. So, we are seeing if we can turn it off for now until we can find a better solution, I do apologize. I can’t wait to use dark mode myself :<

2 Likes

Huh, that’s interesting. I’ve seen dark mode enabled in other Discourse-based forums without any issues like this (e.g. Signal Community or Darktable Forum).

1 Like

It’s under Preferences → Interface.
That said, I had twiddled with Discobot and thus I am both Licenced and Advanced User.

1 Like

One can use the integrated dark mode in Discourse settings, but it looks a bit unfinished, so I did some tweaking with the Stylus extension (make sure to set it only to this host).

:root {
    --header_background: #222;
}

.d-header {
    border-color: #333;
}

.d-header #site-logo {
    filter: invert(100%);
}

.topic-list .main-link a.title {
    color: inherit !important;
}

.custom-footer {
    background: var(--secondary-very-high);
}

.custom-footer .flexbox,
.custom-footer .third-box .social .social-link .d-icon {
    color: var(--secondary-medium);
}

.btn .d-icon,
.nav-pills > li a.active,
.btn-primary, #create-topic {
    color: #fff;
}

.badge-wrapper .badge-category .category-name {
    color: #fff;
    mix-blend-mode: difference;
    font-weight: 700;
}

Also ideas how to make the tag text color more readable on different backgrounds are welcome. :slight_smile:

2 Likes

Perhaps, below page is a clue for admin to enable dark mode in this forum?

2 Likes

I was about to reply to the thread and suggest the same, and I’ve also made a screenshot to illustrate it:

1 Like

It is a bit broken. Check my answer above for а fix through the Stylus extension.

2 Likes

Yeah this forum’s Color Scheme Dark, Dark + @Bundyo 's Stylus extension setting without Dark Reader extension, gave me a nice experience. Thanks.

1 Like