# 使用主题覆盖 border-radius 变量

**URL:** <https://meta.discourse.org/t/override-border-radius-variables-with-theme/246574>\
**Category:** UX\
**Created:** [2022 年11 月 23 日 18:51 UTC](https://meta.discourse.org/t/override-border-radius-variables-with-theme/246574 "2022-11-23T18:51:56Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

作者： ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\
发布日期： [2022 年12 月 8 日 20:34 UTC](https://meta.discourse.org/t/override-border-radius-variables-with-theme/246574/9 "2022-12-08T20:34:51Z")

</div>

我认为这与我们将 `variables.scss` 注入每个主题 CSS 文件有关。现在，我们在 `variables.scss` 中有这个：

```scss

:root {
  --topic-body-width: #{$topic-body-width};
  --topic-body-width-padding: #{$topic-body-width-padding};
  --topic-avatar-width: #{$topic-avatar-width};
  --d-border-radius: initial;
  --d-nav-pill-border-radius: var(--d-border-radius);
  --d-button-border-radius: var(--d-border-radius);
  --d-input-border-radius: var(--d-border-radius);
}

```

因为我们将该 SCSS 文件注入到每个主题和插件的 SCSS 文件中，所以它会被一遍又一遍地重复：

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/a/0/da0295b8b82ed2fd24fc9f009088671fa0fcf674.png)

目前唯一可以覆盖它的方法是将覆盖添加到最后一个主题样式表中，只有这样它才会被最后输出。

我认为我们需要将这个 `:root` 声明移到核心中 `variables.scss` 之外的某个全局位置。

---

_[View the full topic](https://meta.discourse.org/t/override-border-radius-variables-with-theme/246574)._