# iOSノッチの色/インターフェースの色セレクター

**URL:** https://meta.discourse.org/t/ios-notch-color-interface-color-selector/388488
**Category:** Bug
**Created:** [2025 年 11 月 14 日午後 2:46 UTC](https://meta.discourse.org/t/ios-notch-color-interface-color-selector/388488 "2025-11-14T14:46:50Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [2025 年 11 月 14 日午後 2:46 UTC](https://meta.discourse.org/t/ios-notch-color-interface-color-selector/388488/1 "2025-11-14T14:46:50Z")

</div>

インターフェースのカラーセレクターを変更しても、`meta name="theme-color"` のメタタグが更新されないため、iPhone のノッチで意図しない色が選択されることがあります。

再現手順（ここではメタタグについて）

- インターフェースのカラーセレクターを有効にする
- OS モードを「Light」に設定する
- Discourse のインターフェースカラーセレクターモードを「Light」に設定する
- ブラウザをリロードする
- メタタグは以下のようになります

```plaintext
<meta name="theme-color" media="all" content="#ffffff">
<meta name="theme-color" media="none" content="#1a1a1a">

```

これにより、iPhone のノッチの色が正しくなります。

- Discourse のインターフェースカラーセレクターモードを「Auto」に切り替える
- `link class="light-scheme"` および `dark-scheme` の `media` 属性は正しく変更されます
- `theme-color` メタタグはそのままです ← 問題
- OS モードを「Dark」に変更する
- ノッチの色が変わりません 😱
- ブラウザをリロードする
- HTML メタタグは以下のように変更されます

```plaintext
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1a1a1a">

```

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2025 年 11 月 14 日午後 2:53 UTC](https://meta.discourse.org/t/ios-notch-color-interface-color-selector/388488/2 "2025-11-14T14:53:00Z")

</div>

これは [Dark/Light Mode Toggle delivers mixed results when OS settings do not match toggle settings](https://meta.discourse.org/t/dark-light-mode-toggle-delivers-mixed-results-when-os-settings-do-not-match-toggle-settings/386568) を思い出させます。おそらくそれは同じバグでしょう。

---

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [2025 年 11 月 14 日午後 3:21 UTC](https://meta.discourse.org/t/ios-notch-color-interface-color-selector/388488/3 "2025-11-14T15:21:26Z")

</div>

いいえ、それは別の問題です。テーマの問題です。そのトピックに解決策を投稿します。

---

<div class="post-metadata">

### Author: ![WorldIsMine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/worldismine/32/455660_2.png) [@WorldIsMine](https://meta.discourse.org/u/WorldIsMine)
#### Post date: [2025 年 11 月 14 日午後 4:50 UTC](https://meta.discourse.org/t/ios-notch-color-interface-color-selector/388488/4 "2025-11-14T16:50:49Z")

</div>

私のようにOCD（強迫性障害）を持っている人にとっては迷惑なバグです D:
