**As** an admin 
**I want to** have control over the hover accent colour
**so that** I can change it if needed as I do with the main colour

## **Acceptance criteria**

* Begin of the insertionRenameEnd of the insertion Begin of the deletion KeepEnd of the deletion the Begin of the deletion currentEnd of the deletion colours Begin of the insertioninEnd of the insertion Begin of the deletion as standard forEnd of the deletion the Begin of the insertionadmin pageEnd of the insertion Begin of the deletion default OpenProject themes but with the new terminology (currently dark and lightEnd of the deletion to Begin of the insertiona semantic approach naming:End of the insertion Begin of the deletion hover and active):End of the deletion
* Begin of the insertionPrimary -->End of the insertion Main Begin of the deletion (hover and active)End of the deletion
* Begin of the insertionPrimary (dark) --> Main dark
* Alternative -->End of the insertion Accent Begin of the deletion (hover and active)End of the deletion
* Update the accent colour in the default themes so it passes the AA contrast ratio. Begin of the insertionAnd add the deviation colours:End of the insertion
* Accent: #308720
* Accent Begin of the insertiondark:End of the insertion Begin of the deletion hover:End of the deletion #2C4F1D
* Accent light: #D9E6D4
* Begin of the insertionAddEnd of the insertion Begin of the deletion RenameEnd of the deletion the Begin of the insertionlight colour forEnd of the insertion Begin of the deletion colours in the admin page to a semantic approach naming:
* Primary -->End of the deletion Main Begin of the insertion(Main light: #D1E1ED)End of the insertion Begin of the deletion
* Primary (dark) --> Main hover
* Alternative --> Accent
* \[NEW\] --> Accent hoverEnd of the deletion
* Begin of the insertionAn explanation/guideline text will be addedEnd of the insertion Begin of the deletion Include the new fieldEnd of the deletion to Begin of the insertionallEnd of the insertion Begin of the deletion controlEnd of the deletion the Begin of the deletion accentEnd of the deletion colour Begin of the insertionvalues to ensure thatEnd of the insertion Begin of the deletion on hover (as currently we also do forEnd of the deletion the Begin of the insertionuser understands what are thisEnd of the insertion Begin of the deletion main colour).
* Ensure all accent buttons follow theEnd of the deletion colours Begin of the insertionaffecting.End of the insertion Begin of the deletion specified as accent and accent hover properly.End of the deletion

## TBD

* Do we want to Begin of the deletion also include the active (light) colour field for Main and Accent in the admin settings so it could be overwritten also?
* Do we want toEnd of the deletion add some effort to reorganise the admin settings so they are cleaner?

## Notes

* The visuals are are currently including the reorganisations of the settings page and the inclusion of the active fields for Main and Accent that need to be discussed.

## Visuals

<img class="op-uc-image op-uc-image_inline" Begin of the insertionsrc="/api/v3/attachments/56375/content">End of the insertion Begin of the deletion src="/api/v3/attachments/56347/content">End of the deletion

## Figma

https://www.figma.com/file/QT2DjrZkEcHiKE2dKxgzGp/DS---Scale-Theming?type=design&amp;node-id=248-52663