[Feature request]: Being able to change light/dark theme in project menu

[louisgreiner]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for an issue that matches the one I want to file, without success.

Request type

Request for enhancement of a component

Functionality

It would be nice to be able to change the theme (light/dark) directly in project menu, not to have to wait to be in a variant

Link to design proposal file

No response

[aiAdrian]

Sounds interesting. I understand the problem. One problem I also encountered is that the user can only change the color themes in the variant. The color theme (setting) could also be added to the language settings as it is a global setting which is neither project nor variant specific. So for me the question is: remove it from the variant settings and move the whole feature near the user settings or leave it in both places. What is best for UX?

[louisgreiner]

I fully agree with moving out the color theme feature outside variant settings.

In my opinion, it would be better if it fit at 1 place only

[aiAdrian]

I totally agree that we need to consider whether and how we provide all settings (global - i.e., valid across all projects/variants and user-dependent (Browser: local storage)) to the user. The color scheme is basically needed only in the editor, like all other settings, i.e., project and variant pages are 'colorless.' Here, only the Dark/Light mode is reacted to. Therefore, I wonder whether it should be handled like the language setting or if we should leave the settings as they are currently. Then we would just need to find a logic for how we can switch between Dark/Light modes.
I would appreciate it if we could build it analogously to the language setting.

• These adjustments are not yet perfectly designed. Perhaps we could discuss this with a UX expert, or they could make a suggestion.

-To summarize: We have global settings like language, which must take effect from the first page, colors, Editor: travel time, graphical timetable (Streckengrafik): temporal scaling which only take effect in the editor or in the graphical timetable. These settings should be made as accessible as possible to the user so that they can find these functions quickly and easily