# 可变颜色变量清单

**URL:** https://meta.discourse.org/t/manifest-changeable-color-variables/238072
**Category:** Feature
**Tags:** pwa
**Created:** [2022年九月4日 06:58 UTC](https://meta.discourse.org/t/manifest-changeable-color-variables/238072 "2022-09-04T06:58:53Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2022年九月4日 06:58 UTC](https://meta.discourse.org/t/manifest-changeable-color-variables/238072/1 "2022-09-04T06:58:53Z")

</div>

您好，

我想知道是否可以使 manifest（Android 启动屏）更具可定制性。我的意思是，如果可以修改某些值，将有助于实现更好的设计。

是否可以通过添加一些站点设置来更改这些颜色变量？例如，将 `background-color`: `secondary` 更改为 `tertiary` 或固定的十六进制值？或者提供隐藏标题等的选项？

> <https://github.com/discourse/discourse/blob/d262775c3e3596d1d2a31340fe38daf334c5b71d/app/controllers/metadata_controller.rb#L50-L51>

* * *

在 Android 启动屏上，如果我使用透明背景的 PNG 图片，它会自动添加一个黑色背景到 logo 上，这在 `secondary` 颜色为白色的浅色模式下看起来很糟糕。所以启动屏背景也是白色的。如果我设置一个带有背景的 logo，例如白色背景，那么在浅色模式下会很好，因为启动屏背景也是白色的，但在深色模式下就不那么好了。

我现在尝试添加一个带有蓝色背景的 logo，并且希望将启动屏背景颜色和主题颜色也固定为蓝色，以便在浅色和深色模式下都保持蓝色。通过更改 `secondary` 和 `header_background` 变量可以实现这一点，但这些更改会影响整个站点，而不仅仅是启动屏。

谢谢 🙂

---

<div class="post-metadata">

### Author: ![aosus](https://avatars.discourse-cdn.com/v4/letter/a/ed8c4c/32.png) [@aosus](https://meta.discourse.org/u/aosus)
#### Post date: [2023年七月2日 13:46 UTC](https://meta.discourse.org/t/manifest-changeable-color-variables/238072/2 "2023-07-02T13:46:37Z")

</div>

那就太好了，因为目前使用暗黑模式的用户仍然会看到刺眼的白色启动屏幕。

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [2023年七月2日 16:45 UTC](https://meta.discourse.org/t/manifest-changeable-color-variables/238072/3 "2023-07-02T16:45:04Z")

</div>

我的 Meta PWA 的启动屏幕是黑色的。

如果您依赖于自动暗模式，它将是白色的，但将主题更改为始终暗模式将提供一个暗启动屏幕。

 ![Screenshot_20230702_134431_Chrome](https://global.discourse-cdn.com/meta/original/4X/3/d/d/3ddcf44dbc8ca245ddf6367630ba1fe21c4b8b7f.jpeg) ![Screenshot_20230702_134441_Chrome](https://global.discourse-cdn.com/meta/original/4X/1/0/b/10b2da6db8e360b99276a18b00e6c3a250fc82f8.jpeg)

---

<div class="post-metadata">

### Author: ![aosus](https://avatars.discourse-cdn.com/v4/letter/a/ed8c4c/32.png) [@aosus](https://meta.discourse.org/u/aosus)
#### Post date: [2023年七月2日 16:56 UTC](https://meta.discourse.org/t/manifest-changeable-color-variables/238072/4 "2023-07-02T16:56:37Z")

</div>

是的，问题出在启用自动暗黑模式时。