# Mudança de Fundo no Tema Mint

**URL:** https://meta.discourse.org/t/background-change-in-the-mint-theme/381590
**Category:** Support
**Tags:** mint-theme
**Created:** [Setembro 4, 2025, 3:16pm UTC](https://meta.discourse.org/t/background-change-in-the-mint-theme/381590 "2025-09-04T15:16:15Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![inderjot](https://avatars.discourse-cdn.com/v4/letter/i/8c91f0/32.png) [@inderjot](https://meta.discourse.org/u/inderjot)
#### Post date: [Setembro 4, 2025, 3:16pm UTC](https://meta.discourse.org/t/background-change-in-the-mint-theme/381590/1 "2025-09-04T15:16:15Z")

</div>

Olá,  
Gostaria de usar o tema Mint no modo escuro, mas a imagem de fundo atual (o quadrado e o círculo verdes) não combina com o tema geral da minha comunidade e com as cores.  
Existe uma maneira fácil de alterar a imagem de fundo sem CSS pesado?  
Orientação para um novato aqui é muito apreciada.

---

<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: [Setembro 4, 2025, 7:49pm UTC](https://meta.discourse.org/t/background-change-in-the-mint-theme/381590/2 "2025-09-04T19:49:31Z")

</div>

As formas de fundo no tema Mint são, na verdade, gradientes e não imagens, mas, independentemente disso, elas podem ser desativadas com um pouco de CSS. Você pode criar um novo componente de tema, adicioná-lo ao tema Mint e incluir:

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

```

Você pode então adicionar sua própria imagem de fundo com um pouco mais de CSS. Primeiro, você gostaria de adicionar a imagem à seção de uploads do seu componente de tema:

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

Em seguida, em seu CSS, você pode referenciar o nome da variável da imagem assim:

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

```

---

<div class="post-metadata">

### Author: ![inderjot](https://avatars.discourse-cdn.com/v4/letter/i/8c91f0/32.png) [@inderjot](https://meta.discourse.org/u/inderjot)
#### Post date: [Setembro 6, 2025, 2:12pm UTC](https://meta.discourse.org/t/background-change-in-the-mint-theme/381590/3 "2025-09-06T14:12:18Z")

</div>

Obrigado Kris. Muito apreciado!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [Outubro 6, 2025, 2:13pm UTC](https://meta.discourse.org/t/background-change-in-the-mint-theme/381590/4 "2025-10-06T14:13:00Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.