Please add optional Dark Theme for this forum

just · April 7, 2020, 12:32pm

A Dark Theme option for this forum would be great! Not a high profile issue, but would be much appreciated. If you need help with creating a theme, I can help. Let me know on basic theme settings and I’ll test them across a Discourse forum I maintain.

If this is of interest…
Simplest bet is to add a theme selection directly with the hamburger menu drop-down on the upper left. This is exactly what meta.discourse.org offers.
or
Here is a simple theme component for toggling a dark mode, once you’ve setup the secondary theme.
Screen Shot 2020-04-06 at 8.54.21 PM
or
This component will adjust the theme choice based on if you set Dark Mode in your browser.

Nemskiller · April 11, 2020, 11:20pm

I’m on this discourse around 22h00 / 02h00 and 04h00. A dark mode is crucial for me too

just · July 12, 2020, 3:03pm

@mfx Here is more info on adding a dark theme for this forum. Hopefully, @rakekniven or someone else can assist.

mfx · July 12, 2020, 3:18pm

It‘s literally two clicks to add a theme in discourse.

rakekniven · July 12, 2020, 4:03pm

Sorry but my rights are not sufficient here @staff anyone please?

anon9582441 · July 12, 2020, 4:22pm

Use a modern browser with built in night mode

just · July 17, 2020, 2:23pm

This is nice as a workaround, but adding a dark mode option to this forum is quite straightforward, so it would be great to build in!

just · August 21, 2020, 9:38pm

Update: automatic browser switching to dark mode is now supported. Literally all you have to do is install a dark theme at this point and enable auto-switching by default.

FadeFx · August 22, 2020, 6:44am

Is this that brave browser that claimed to be super privacy orientated but sent all your browsing history back home?

rakekniven · August 28, 2020, 1:11pm

Hey,

dark theme is there.
Please check your settings and give it a try:

Result:

Does this work for you?

sturtz_nate · August 28, 2020, 1:37pm

Thank you!! It works.

just · August 28, 2020, 1:54pm

I see it! A couple suggestions:

Screenshot_20200828_063108

Theming of the component itself is off in the Light theme. Admin should be able to adjust it via https://help.nextcloud.com/admin/customize/themes then click the component and select Edit CSS
to match your existing light theme. The switcher is normally meant to be displayed by default. Or you can remove the component so users just select the theme Dark or `Light’ directly from Preferences / Interface as you linked.

One other suggestion:

I urge the person setting this up to match it against your existing color scheme used in Nextcloud. No reason to lose that beautiful blue over high contrast.

The way the admin can easily match the color pallet for the dark theme is to browse to https://help.nextcloud.com/admin/customize/colors

You’ll be able to access and modify all color values by selecting the themes on the left.
Screenshot_20200828_064635

You’ll see all of your color values on the right hand side for easy editing so you can keep the blue Nextcloud header, etc. It’ll look like this:

edit: Another option for crafting the dark theme is you can copy the existing theme, by first exporting it then re-importing it as “Nextcloud Dark” or some other name. Use the Preview button to see what it looks like in a different browser tab.

Click here for a detailed breakdown in getting started with Discourse theming. Clearly explains what everything does: color values, etc.

rakekniven · August 28, 2020, 1:56pm

I will have a look at this later. It was a quick try to give you a dark mode.

sturtz_nate · August 28, 2020, 1:56pm

Thank you!

just · August 28, 2020, 1:57pm

It totally works. I hope this sounds useful rather than rude. Just suggestions to match the branding and such.

rakekniven · August 28, 2020, 3:14pm

All is well. Every constructive proposal is worth something and can lead to improvement.

Relaxed weekend!

FadeFx · August 29, 2020, 5:23am

Does not seem to work fully:

But thanx for the effort, its a welcome addition…

sturtz_nate · August 29, 2020, 1:55pm

What, It works wonderful for me?

FadeFx · August 29, 2020, 2:33pm

Nate, look at the screenshot i posted, this is chrome on android, but it looks the same on firefox android here the same screen with standard theme, see the missing (black on black upper abd lower parts of the side menu…