# Feature DREAM-520 - Custom logo for mobile

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

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 17.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 |
| --- | --- | --- | --- | --- | --- | --- | --- |
| OP-18421 | Bug | Missing field caption for "Custom logo mobile" section in administration - design | closed |  | 17.0.0 |  | Administration, Frontend components and Primer design system |
| OP-18176 | Bug | Custom logos with higher details than OpenProject might look small | closed |  | 17.0.0 |  | Administration / Custom themes, Frontend components and Primer design system |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Administration / Custom themes |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan | Enterprise / Basic (BAS) |

## Details

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

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable | Henriette Darge |
| Product manager |  |
| Developers | Behrokh Satarnejad |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

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

## Description

**As** an Enterprise user  
**I want to** have a custom logo in my custom theme  
**so that** I can click on it to get back to home.

# **Acceptance criteria**

In Admin/Design -\> Branding tab:

  - CUSTOM LOGO is renamed to CUSTOM LOGO DESKTOP

  - There is another section CUSTOM LOGO MOBILE below

  - If both logos are uploaded:
    
      - The logos change depending on the screen size

  - If only mobile logo is uploaded:
    
      - That is used for all screen sizes

  - If only desktop logo is uploaded:
    
      - Don't show any logo on mobile

  - If no logo is uploaded:
    
      - Fall back to OpenProject logo (as before)

  - When there is a custom logo, it is not necessary to force the high-contrast logo.

## Out of scope

  - Primerize the page, see <mention class="mention" data-id="56340" data-type="work_package" data-text="##56340">\#\#56340</mention>

  - Individual logos for dark or high contrast mode