flutter / flutter/flutter

[Web] Chrome theme-color meta tag not applying with prefers-color-scheme

Open
#163,424 8 comments 1 reaction 0 assignees View on GitHub
browser: chrome-android found in release: 3.29 found in release: 3.30 has reproducible steps P2 platform-web team-web triaged-web
Dominant language
Dart
Stars
179k
Forks
31.1k
PR merge metrics
PR metrics pending

Description

Theming the browser toolbar, status bar and navigation bars never works.

### Steps to Reproduce

1. Create a sample project.
2. Navigate to the `web/index.html` file.
3. Remove `` (PWA functionality is not needed for my app).
4. Add the following `` tags to modify the Chrome toolbar, status bar, and navigation button colors:

```html


```
5. Build the app with `flutter build web --release` and observe that the colors never reflect in the mobile browsers.

**Flutter Version: 3.29**

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.