**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 Begin of the insertionimage_resizedEnd of the insertion 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 &quot;My account&quot; → &quot;Settings&quot; → &quot;Mode&quot;, add an option &quot;Dark&quot; Begin of the insertion

End of the insertion Begin of the deletion
End of the deletion * When selecting the Dark mode, it is only changed for that user, not for the whole instance Begin of the insertion

End of the insertion Begin of the deletion
End of the deletion * The colors of header and the sidebar Begin of the deletion remain unchanged for now, as theyEnd of the deletion are Begin of the insertionoverwrittenEnd of the insertion Begin of the deletion an essential part of the branding and can&#39;t be easily calculated to work fineEnd of the deletion with Begin of the insertionthe primer variables

End of the insertion Begin of the deletion a dark mode.
End of the deletion * The `primary_button` and Begin of the insertionthe `accent`End of the insertion Begin of the deletion the`accent`End of the deletion color are calculated to a brighter version so that they work on darker backgrounds Begin of the insertion

End of the insertion Begin of the deletion
End of the deletion * Exception: If these variables still contain the default (primer) values, we use the default of the dark primer theme Begin of the insertion

End of the insertion Begin of the deletion
End of the deletion * Technical: Use the primer dark theme, to achieve the dark mode Begin of the insertion


End of the insertion Begin of the deletion

End of the deletion **Out of scope**

* No need to configure the Dark mode in terms of colors etc. Begin of the insertion

End of the insertion Begin of the deletion
End of the deletion * Saving diffent color templates to design templates