Dark Mode in upcoming GUI

saspus · 26 September 2018 09:55

By now both Windows and macOS and even a bunch of websites, (such as forum.duplicacy.com ) support “Dark Mode”.

Hope the upcoming GUI fully embraces that – and if not, may I please suggest to put it that on a roadmap somewhere in not so distant future?

I’m using dark mode on all any devices for a while now and occasional app that does not conform causes quite an annoying disruption by blasting my eyes with light every time I have to use it.

And while at it, if the new GUI app puts an icon in macOS menu bar please provide an option to make it monochromatic. Because right now the signature green puffy cube sticks out in otherwise subdued bar (disregard pink bars - had to censor some stuff out)`.

Cheers!

gchen · 29 September 2018 01:22

I’ll add an option to enable this mode. Please remind me if you don’t see it in, say, a month after the new web GUI is released.

saspus · 5 January 2019 11:36

Reminding, since beta was released more than one month ago.
Will also remind after a month after first release

gchen · 16 January 2019 18:15

This has been implemented in 0.2.10. You just need to add a key to the ~/.duplicacy-web/settings.json file as follows:

{
    "dark_mode": true,
    ...
}

saspus · 16 January 2019 19:53

Hmmm. Does not seem to work:

alexmbp:Duplicacy Web Edition.app alex$ cat ~/.duplicacy-web/settings.json
{
    "dark_mode": true,
    "listening_address": "127.0.0.1:3875",
    "temporary_directory": "/Users/alex/.duplicacy-web/repositories",
    "log_directory": "/Users/alex/.duplicacy-web/logs"
}
alexmbp:Duplicacy Web Edition.app alex$ pwd
/Applications/Duplicacy Web Edition.app
alexmbp:Duplicacy Web Edition.app alex$ grep -R  "dark_mode" .
Binary file ./Contents/MacOS/duplicacy_web_osx_x64 matches

Exited and re-opened Duplicacy: no dark mode

Screen Shot 2019-01-16 at 11.51.43 AM.png

gchen · 17 January 2019 02:51

Sorry I thought you only wanted the menu icon to be in the dark mode.

I don’t know if there is an easy way to change all web pages into the dark mode. I’ll look into that.

saspus · 17 January 2019 05:01

Ah, that explains it! Indeed, the icon is now gray (I even thought – why is it gray - are all schedules disabled? )

Yes, I meant for the pages to render in dark mode (Like this forum does, and all other native MacOS apps). Obviously, this is in no way urgent or a dealbreaker - just something nice to have when/if you get to it. Ideally, users configure it once, and never have to look at the UI again. So this is not such as big deal… Just makes it more polished and consistent experience.

bkeeper · 17 January 2019 05:27

You should be able to do this easily with a CSS variable or even a separate CSS style.
But I don’t know how that works with go compilation.
There might be some limitations.
My guess is that it won’t be difficult. Worth a try.

TheBestPessimist · 17 January 2019 05:35

I think this feature is better left for after release. It is not that big of a deal (UX-wise) but getting the css right might be a pain and it is a time consuming task.

Plus, if this is brought as a release x.1 it would make people happier (yaaaay duplicacy has more goodies for me!) than waiting 3 more weeks or so for the x.0 release (just to get all the contrast right and everything).

ajballa555 · 2 January 2021 17:00

Leaving this here as there’s a nice dark mode project that already has the css figured out for duplicacy and many other programs:

gchen · 4 January 2021 20:56

This looks interesting. I’ll figure out if and how I can use it in Duplicacy. This won’t happen for 1.5.0 though, as I’m preparing for a new release this week.

danny1 · 14 October 2021 12:45

Any update on this ?

gchen · 19 October 2021 02:49

I’ll try to get this into the next web GUI release.

saspus · 20 December 2022 18:27

Gentle reminder. .....

hammyhavoc · 24 January 2023 14:44

Yes, a dark UI would be very nice. Currently, it can be jarringly bright on an ultrawide monitor.

vegivamp · 24 February 2023 13:40

Just another gentle poke, as I happened to see that variable in one of my installs (don’t even know how it got there…) but indeed did not switch as expected

gchen · 28 February 2023 17:14

If you really want to enable the dark mode, you can use the theme available from Duplicacy - theme.park Docs.

I set it up with the Stylus browser extension: Stylus - Chrome Web Store. Just add a style for http://localhost:3875:

@import "https://theme-park.dev/css/base/duplicacy/dark.css";

Revan335 · 7 October 2023 06:34

Any News about this?
Maybe as Option in a new Web UI Release that’s support/based on the new 3.2.x CLI? Any News about this?
Gives a Status, Web, GitHub, … Page for the Web UI Version?

saspus · 9 October 2023 06:55

Please clarify what do you mean?

Revan335 · 9 October 2023 11:33

The Dark Mode as an Option in the GUI/Web Version.

The Web/GUI Version is older than the 3.2.x CLI Version/Release and have maybe not all the new Options/Features of the 3.2.x CLI Release. For example SMB, zstd, …

I can see the CLI in the Github Repository, but not the GUI/Webversion.