# Mint主题的背景更改

**URL:** <https://meta.discourse.org/t/background-change-in-the-mint-theme/381590>\
**Category:** Support\
**Tags:** mint-theme\
**Created:** [2025年九月4日 15:16 UTC](https://meta.discourse.org/t/background-change-in-the-mint-theme/381590 "2025-09-04T15:16:15Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2025年九月4日 19:49 UTC](https://meta.discourse.org/t/background-change-in-the-mint-theme/381590/2 "2025-09-04T19:49:31Z")

</div>

Mint 主题中的背景形状实际上是渐变，而不是图像，但无论如何，都可以使用一些 CSS 来禁用它们。您可以创建一个新的主题组件，将其添加到 Mint 主题中，并包含：

```CSS
#main-outlet::before,
#main-outlet::after {
  display: none;
}

```

然后，您可以使用更多 CSS 添加自己的背景图像。首先，您需要将图像添加到主题组件的上传部分：

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/e/6/7e686832a82cd8d20946d6eee160ce27ec5bb558.png)

然后在您的 CSS 中，您可以像这样引用图像的变量名：

```CSS
body {
  background: url($blobs);
}

```

---

_[View the full topic](https://meta.discourse.org/t/background-change-in-the-mint-theme/381590)._