# Feature DREAM-106 - Autodetect/Match light/dark mode preference from OS or Browser

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

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | Product Backlog |
| Sprint |  |
| Backlog bucket |  |
| Votes | 1 |
| List | a11y report 2025 |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Frontend components and Primer design system / Dark/high contrast mode, Administration / Custom themes |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan |  |

## Details

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

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

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

## Description

# Pain

As a user,

"I expect my devices to handle/switch dark and light mode on their own and it would be great if OpenProject would automatically follow the OS wide selection similar to other websites." (taken from [this comment](https://community.openproject.org/projects/14/work_packages/36233?query_id=5490#activity-54))

There are however different ways to detect users preferences for light/dark mode:

  - Browser settings

  - OS settings

# Expected

  - In the myAccount settings there is another option for autodetecting the mode

# Open

  - Shall the High-Contrast mode also be autodetected? See <mention class="mention" data-id="50822" data-type="work_package" data-text="##50822">##50822</mention>

  - Shall the selection be taken based on the OS settings or the browser settings?
    
      - How often is that setting evaluated/checked?