# 无法更改 Trendy Login 的文本颜色？

**URL:** <https://meta.discourse.org/t/cant-change-text-color-of-trendy-login/285549>\
**Category:** UX\
**Tags:** completed, trendy-login\
**Created:** [2021年十一月18日 15:19 UTC](https://meta.discourse.org/t/cant-change-text-color-of-trendy-login/285549 "2021-11-18T15:19:47Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)\
**Post date:** [2021年十一月18日 15:19 UTC](https://meta.discourse.org/t/cant-change-text-color-of-trendy-login/285549/1 "2021-11-18T15:19:47Z")

</div>

你好 Meghna！这是一个很棒的主题组件。感谢你的创作！我正在我的社区论坛上使用它，效果非常棒。😍

我遇到了文本颜色方面的一点小麻烦，我认为它是从主题中获取的，并且似乎无法在主题组件中自定义。在我的例子中，它在时尚框的白色背景上显得太浅了。能否请你也将文本颜色和白色背景设为可自定义的？

否则，该组件本身已经很棒了，但我还有另一个建议。也许可以尝试让时尚登录样式完全遵循网站主题。这样网站就能拥有统一的用户体验。

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/d/5de1690a37225b8c1e7eadf3b4789732d4ab6286.jpeg)

---

<div class="post-metadata">

**Author:** ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)\
**Post date:** [2021年十一月29日 16:53 UTC](https://meta.discourse.org/t/cant-change-text-color-of-trendy-login/285549/2 "2021-11-29T16:53:59Z")

</div>

> [@tobiaseigen](#):
>
> 是否可以自定义文本颜色和白色背景？

当然，已完成。

> <https://github.com/discourse/discourse-trendy-login/commit/50e16393021786b564c47a839ffcdcd6b6fb2f6d>
>
> FIX: use primary and secondary colors for modal bg and text color

> [@tobiaseigen](#):
>
> 最好能让时尚登录的样式完全跟随站点主题。

在此组件中完全跟随站点主题并非易事，但我现在所做的是该组件将跟随主题的主色和次色。因此，框的背景和文本颜色将看起来与站点的颜色主题相似，并且对比度会更好。

---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [2023年十一月15日 11:20 UTC](https://meta.discourse.org/t/cant-change-text-color-of-trendy-login/285549/3 "2023-11-15T11:20:45Z")

</div>