Content
View differences
Updated by Marc Alcobé about 3 years ago
## **Acceptance criteria**
* The work done in this work package depends on the new sidebar menu introduction in the SPOT design system <mention class="mention" data-id="46282" data-type="work_package" data-text="#46282">#46282</mention>.
* Update the names to avoid confusion with future "Dark mode": mode":
* OpenProject
* OpenProject Dark --> OpenProject Black
* OpenProject Light --> OpenProject White
#### **Themes:**
* **OpenProject** theme will keep the current implementation.
* **OpenProject White** will be very similar to the actual theme with the colours:
* **Sidebar background:** Grey 5 (#E0E0E0)
* **Sidebar hover and active menu item:** Main (#1A67A3)
* **Sidebar text colour:** Grey 1 (#333333)
* **Sidebar text colour on hover and active:** White (#FFFFFF)
* **Top navigation bar background:** Grey 6 (#F3F3F3)
* **Top navigation bar hover and active item:** Grey 5 (#E0E0E0)
* **Top navigation bar text colour:** Grey 1 (#333333)
* **Top navigation bar text colour on hover or active:** Grey 1 (#333333)
* **OpenProject Black** will use the colours:
* **Sidebar background:** Black (#000000)
* **Sidebar hover and active menu item:** Main (#1A67A3)
* **Sidebar text colour:** White (#FFFFFF)
* **Sidebar text colour on hover and active:** White (#FFFFFF)
* **Top navigation bar background:** Grey 1 (#333333)
* **Top navigation bar hover and active item:** Black (#000000)
* **Top navigation bar text colour:** White (#FFFFFF)
* **Top navigation bar text colour on hover or active:** White (#FFFFFF)
## Visuals
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53048/content"> <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53079/content">
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53083/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53084/content">
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53080/content"> src="/api/v3/attachments/53049/content">
* The work done in this work package depends on the new sidebar menu introduction in the SPOT design system <mention class="mention" data-id="46282" data-type="work_package" data-text="#46282">#46282</mention>.
* Update the names to avoid confusion with future "Dark mode":
* OpenProject
* OpenProject Dark --> OpenProject Black
* OpenProject Light --> OpenProject White
#### **Themes:**
* **OpenProject** theme will keep the current implementation.
* **OpenProject White** will be very similar to the actual theme with the colours:
* **Sidebar background:** Grey 5 (#E0E0E0)
* **Sidebar hover and active menu item:** Main (#1A67A3)
* **Sidebar text colour:** Grey 1 (#333333)
* **Sidebar text colour on hover and active:** White (#FFFFFF)
* **Top navigation bar background:** Grey 6 (#F3F3F3)
* **Top navigation bar hover and active item:** Grey 5 (#E0E0E0)
* **Top navigation bar text colour:** Grey 1 (#333333)
* **Top navigation bar text colour on hover or active:** Grey 1 (#333333)
* **OpenProject Black** will use the colours:
* **Sidebar background:** Black (#000000)
* **Sidebar hover and active menu item:** Main (#1A67A3)
* **Sidebar text colour:** White (#FFFFFF)
* **Sidebar text colour on hover and active:** White (#FFFFFF)
* **Top navigation bar background:** Grey 1 (#333333)
* **Top navigation bar hover and active item:** Black (#000000)
* **Top navigation bar text colour:** White (#FFFFFF)
* **Top navigation bar text colour on hover or active:** White (#FFFFFF)
## Visuals
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53048/content"> <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53079/content">
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53083/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53084/content">
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53080/content">