Skip to content

Allow user-selectable theme (dark mode / light mode) #109

@dodancs

Description

@dodancs

Hello,
I am following up on issue #48 with a couple of suggestions.

As the original poster, I ran into an issue where, by default, the Drawio app was set in the administration settings for Dark mode to Automatic. Since I am using Dark theme by default on my system, everything becomes dark.

The issue arose when I wanted to switch it for better readability, and I also wanted to see how the diagram would look when I exported it to make sure it was looking right. I noticed that there is no option to change the theme on the fly. This struck me as strange, and I was even dumbfounded that there was no option to change the theme, although Google was telling me otherwise. That's when I stumbled upon the original issue #48.

To change the theme, you need to be an administrator of the Nextcloud instance and change it explicitly to "Dark mode: No" in the administration settings:

Image

This is very unreasonable, because sometimes I just want to quickly change the dark mode to light, and see if everything is looking alright, then switch back. Right now, this requires saving the diagram, exiting Drawio, going to administration settings -> Drawio, and changing the dropdown for Dark mode to whatever. That is so many steps and takes so much time.

I propose that the user should have a choice to change the theme on the fly. However, if it is somehow "mandated" to explicitly have one or the other, you can add a checkbox/dropdown to the administration settings that would disable the user's choice of theme/dark mode:

Image

This way, if it is needed, the user's choice can be disabled or enabled, and if it is enabled, there should be a setting in the editor itself that would allow theme/dark mode change:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions