Dark Mode in upcoming GUI

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,
    ...
}
3 Likes

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

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.

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

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.

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.

1 Like

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).

4 Likes

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

4 Likes

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.

1 Like

Any update on this ?

1 Like

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

3 Likes

Gentle reminder. .....

1 Like

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

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 :slight_smile:

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";
1 Like

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?

Please clarify what do you mean?

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.

1 Like

They are independent apps and you can use any webui with any CLI engine, it can be specified in the config file. But I agree, there won’t be UI for new features in CLI (e.g. SMB) until GUI version catches up.

Web gui source is not published.

It will be nice if GUI was updated. @gchen do you think you will update GUI soon ?

1 Like

That’s was amazing, when we have a Dark Mode Option in the GUI.

1 Like