# 无法更改主题中“登录”和“注册”按钮的字体颜色？

**URL:** <https://meta.discourse.org/t/cant-change-font-colour-of-log-in-and-sign-up-buttons-in-theme/257522>\
**Category:** Development\
**Created:** [2023年三月8日 17:49 UTC](https://meta.discourse.org/t/cant-change-font-colour-of-log-in-and-sign-up-buttons-in-theme/257522 "2023-03-08T17:49:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Discoursenaut](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Discoursenaut](https://meta.discourse.org/u/Discoursenaut)\
**Post date:** [2023年三月8日 17:49 UTC](https://meta.discourse.org/t/cant-change-font-colour-of-log-in-and-sign-up-buttons-in-theme/257522/1 "2023-03-08T17:49:57Z")

</div>

我没有看到更改登录/注册按钮文本或背景颜色的选项，有办法做到这一点吗？

（使用深色/浅色切换 [https://github.com/discourse/discourse-color-scheme-toggle）](https://github.com/discourse/discourse-color-scheme-toggle%EF%BC%89)

---

<div class="post-metadata">

**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\
**Post date:** [2023年三月8日 21:35 UTC](https://meta.discourse.org/t/cant-change-font-colour-of-log-in-and-sign-up-buttons-in-theme/257522/2 "2023-03-08T21:35:22Z")

</div>

关于切换功能还不太确定。

这个 #Customization > Theme component 或许能满足你的需求。

> [@时尚登录](https://meta.discourse.org/t/trendy-login/206955):
>
> discourse2摘要 Trendy Login 更改了需要登录的站点上静态登录页面（/login）的默认设计，并允许通过组件设置自定义页面内容。hammer_and_wrench仓库链接 [https://github.com/discourse/discourse-trendy-login](https://github.com/discourse/discourse-trendy-login)question安装指南 [如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_book初次接触 Discourse 主题？ [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) 安装此主题组件 功能特性 设置 名称 描述 bg\_image 背景自定义图片链接 bg\_color 背景自定义颜色代码 bg\_gradient\_1 渐变的第一个颜色代码 bg\_gradient\_2 渐变的第二个颜色代码 login\_subheader 副标题内容，支持 HTML 标记information_source 请注意，设置的优先级顺序如下： custom\_bg\_image \> custom\_bg\_colo…

---

<div class="post-metadata">

**Author:** ![Jonathan5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jonathan5/32/197134_2.png) [@Jonathan5](https://meta.discourse.org/u/Jonathan5)\
**Post date:** [2023年三月8日 23:36 UTC](https://meta.discourse.org/t/cant-change-font-colour-of-log-in-and-sign-up-buttons-in-theme/257522/3 "2023-03-08T23:36:01Z")

</div>

> [@Discoursenaut](#):
>
> 我看不到更改登录/注册按钮文本或背景颜色的选项，有办法做到这一点吗？

您可以使用 CSS 为 `.login-button` 或 `sign-up-button` 创建一个主题组件。

---

<div class="post-metadata">

**Author:** ![Discoursenaut](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Discoursenaut](https://meta.discourse.org/u/Discoursenaut)\
**Post date:** [2023年三月9日 14:35 UTC](https://meta.discourse.org/t/cant-change-font-colour-of-log-in-and-sign-up-buttons-in-theme/257522/4 "2023-03-09T14:35:37Z")

</div>

谢谢提供的信息，这只适用于您单击按钮后的登录着陆页，还是屏幕上的按钮本身？请参阅：

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/c/9/9c9d07167e7a6a3f84b24fce65d51278ebe2db81.png)

尝试更改这里的蓝色背景颜色（未在设置中看到）或字体颜色。

---

<div class="post-metadata">

**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\
**Post date:** [2023年三月9日 16:21 UTC](https://meta.discourse.org/t/cant-change-font-colour-of-log-in-and-sign-up-buttons-in-theme/257522/5 "2023-03-09T16:21:55Z")

</div>

老实说，我认为 @Jonathan5 的想法更好，可以直接定位元素。

如果时尚的登录支持 markdown，并且您安装了 bbcode 或 bbcode 颜色插件，您或许可以使用

```plaintext
[color=black][bgcolor=blue]登录[/bgcolor][/color]

```

这应该会让文本为黑色，背景为蓝色。
