**As** a passionate OpenProject user
**I want** to have a Dark mode
**so that** it does not hurt my eyes while working with the software.

<figure class="image op-uc-figure" style="width:81.22%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/20550/content"></div></figure>

**Acceptance criteria**

* In Begin of the insertion&quot;My account&quot; → &quot;Settings&quot; → &quot;Mode&quot;, add an option &quot;Dark&quot;
* When selectingEnd of the insertion the Begin of the deletion Administration -&gt; Design, Theme: have the possiblity to switch between Light mode andEnd of the deletion Dark Begin of the insertionmode, it is only changed for that user, not for the whole instanceEnd of the insertion Begin of the deletion mode.End of the deletion
* The Begin of the insertioncolors of header andEnd of the insertion Begin of the deletion current Light mode will be removed (light mode will beEnd of the deletion the Begin of the insertionsidebar remain unchanged for now, as they are an essential part ofEnd of the insertion Begin of the deletion OpenProject mode)End of the deletion the Begin of the insertionbranding and can&#39;tEnd of the insertion Begin of the deletion current Dark mode willEnd of the deletion be Begin of the insertioneasily calculatedEnd of the insertion Begin of the deletion renamedEnd of the deletion to Begin of the insertionwork fine with a dark mode.End of the insertion Begin of the deletion OpenProject blueEnd of the deletion
* Begin of the insertionThe `primary_button` and the`accent` color are calculated to a brighter version so that they work on darker backgrounds
* Exception: If these variables still containEnd of the insertion Begin of the deletion When selecting Dark mode,End of the deletion the Begin of the insertiondefault (primer) values, we use the default of the dark primer theme
* Technical: Use the primer dark theme,End of the insertion Begin of the deletion Application will switchEnd of the deletion to Begin of the insertionachieve the dark modeEnd of the insertion Begin of the deletion Dark mode.End of the deletion

**Out of scope**

* No need to configure the Dark mode in terms of colors etc.
* Saving diffent color templates to design templates Begin of the deletion

**Visuals**

**tbd**End of the deletion