# Decouple theme color from header background colour

**URL:** https://meta.discourse.org/t/decouple-theme-color-from-header-background-colour/34659
**Category:** Feature
**Created:** [2015年十月19日 02:56 UTC](https://meta.discourse.org/t/decouple-theme-color-from-header-background-colour/34659 "2015-10-19T02:56:31Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Mooash](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mooash/32/189167_2.png) [@Mooash](https://meta.discourse.org/u/Mooash)
#### Post date: [2015年十月19日 02:56 UTC](https://meta.discourse.org/t/decouple-theme-color-from-header-background-colour/34659/1 "2015-10-19T02:56:31Z")

</div>

I think it would be beneficial if the value for `them-color` is a separate setting from `header_background`.

At the moment its set like this:

```plaintext
<meta name="theme-color" content="#<%= ColorScheme.hex_for_name('header_background') %>"

```

I tried overwriting it as a customization however setting it twice doesn’t change anything, when on a Nexus 5 using Google Chrome it just uses the first `<meta>` tag it sees and doesn’t take into account the secondary one.

For example, I’d like to set the `theme-color` to red but keep the background of the header as white still since red matches my favicon.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2015年十月19日 03:11 UTC](https://meta.discourse.org/t/decouple-theme-color-from-header-background-colour/34659/2 "2015-10-19T03:11:08Z")

</div>

This is Android only (and possibly Chrome only, does it even work on Android Firefox?) so not really a priority.

---

<div class="post-metadata">

### Author: ![Mooash](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mooash/32/189167_2.png) [@Mooash](https://meta.discourse.org/u/Mooash)
#### Post date: [2015年十月19日 03:13 UTC](https://meta.discourse.org/t/decouple-theme-color-from-header-background-colour/34659/3 "2015-10-19T03:13:32Z")

</div>

No, I’ve just confirmed that FF doesn’t care about the tag on Android. And I agree, its low priority.

---

<div class="post-metadata">

### Author: ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)
#### Post date: [2022年二月7日 16:35 UTC](https://meta.discourse.org/t/decouple-theme-color-from-header-background-colour/34659/4 "2022-02-07T16:35:33Z")

</div>

现在 Safari 在 iOS 和 macOS 上都支持它。