# Feature DREAM-910 - Redesign application header with new primary blue

Project: Stream Design System
Status: tested
URL: https://community.openproject.org/work_packages/DREAM-910

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | High |
| Target versions | 18.0.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| DREAM-1001 | Bug | Project list highlights are still showing the old blue | needs review |  | 18.0.0 |  | Frontend components and Primer design system, Modules and project features / Navigation / Header navigation, Administration / Custom themes |
| DREAM-997 | Bug | Notification loading icon is still showing the old blue | confirmed |  | 18.0.0 |  | Frontend components and Primer design system, Administration / Custom themes, Modules and project features / Navigation / Header navigation |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Frontend components and Primer design system, Modules and project features / Navigation / Header navigation, Administration / Custom themes |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan | Community (COM) |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers | Darren Cadwallader, Henriette Darge |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**As a** user of OpenProject  
**I want to** see a redesigned application header in the new primary blue (`#0F41B5`), with links and active menu items in the same color  
**so that** the interface looks modern and consistent with our corporate design, and key navigation elements are easy to recognise.

**Acceptance criteria**

  - The header background is **\#0F41B5** on all pages.

  - Links and the active sidebar menu border use **\#0F41B5**.

  - All header elements (logo, search, create button, notifications, help, avatar) stay legible, with visible hover and focus states.

  - Contrast meets WCAG 2.1 AA.

  - ~~Adjust the green highlighting color to **\#00992c**, with~~ \#008224 ~~as hover color.~~ (Rolled back because the new green does not have a high enough contrast to the font color.)

  - Replace the favicons

**Target release:** 18.0

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/925645/content">