# 如何让所有主题中的论坛按钮变圆

**URL:** <https://meta.discourse.org/t/how-to-make-forum-buttons-rounded-across-all-themes/316874>\
**Category:** Support\
**Created:** [2024年七月17日 19:36 UTC](https://meta.discourse.org/t/how-to-make-forum-buttons-rounded-across-all-themes/316874 "2024-07-17T19:36:00Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [2024年七月17日 19:47 UTC](https://meta.discourse.org/t/how-to-make-forum-buttons-rounded-across-all-themes/316874/2 "2024-07-17T19:47:28Z")

</div>

试试这个 #Customization > Theme component

> [@Discourse 按钮样式](https://meta.discourse.org/t/discourse-button-styles/88154?u=heliosurge):
>
> This theme component includes basic settings for changing button colors without writing CSS. [Github repo](https://github.com/awesomerobot/discourse-button-styles): https://github.com/awesomerobot/discourse-button-styles Installation: [Installing a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) Preview: [Example of what you can style with the settings in this theme](https://theme-creator.discourse.org/theme/awesomerobot/button-styles) What the settings look like: There are 6 button sets that can be styled in this component, along with a global style for adding rounded corners to all buttons (border-radius): basic bu…

这个组件会添加选项，用于圆角化引用、图片等内容

> [@图像、oneboxes、引用块等的圆角边框](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044):
>
> 创建了一个非常简单的组件，用于更改主题中显示的图片、onebox、引用和管理员通知的边框。 允许更改以下设置： 设置图片圆角强度 设置图片边框宽度 设置图片边框颜色 设置 onebox 圆角强度 更改 onebox 边框宽度 更改 onebox 边框颜色 更改 onebox 背景颜色 设置引用圆角强度 移除引用的左边框 设置“管理员颜色”圆角强度 [主题缩略图](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602) 支持： 列表圆角 网格圆角 占位符背景 占位符图标颜色 网格主题标题背景 浅色模式，10px 圆角，无边框 深色模式，10px 圆角，2px 边框 包括 onebox 支持 引用圆角（15px） 或移除引用的左边框： 圆角管理员颜色 支持 [主题缩略图](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602) 列表视图 网格视图 ||| | — | — | — | |:sunglasses:|预览|上方截图 / [实时预览](https://discourse.theme-creator.io/theme/MarcP/rounded-borders)| |:link:|Github 仓库|[圆角图片边框](https://github.com/MarcRez33/discourse-round-image-borders)| |:hammer\_and\_wr…

---

_[View the full topic](https://meta.discourse.org/t/how-to-make-forum-buttons-rounded-across-all-themes/316874)._