# Mint Theme

**URL:** <https://meta.discourse.org/t/mint-theme/202822>\
**Category:** Theme\
**Tags:** official, mint-theme\
**Created:** [September 7, 2021, 12:06pm UTC](https://meta.discourse.org/t/mint-theme/202822 "2021-09-07T12:06:24Z")\
**Posts on this page:** 1\
**Showing post:** 42

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [June 14, 2024, 12:32am UTC](https://meta.discourse.org/t/mint-theme/202822/42 "2024-06-14T00:32:23Z")

</div>

> [@gvianna](#):
>
> Is it possible to change this green theme?

In the theme settings, you can edit the color palette:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/d/6/5d62cb97a205a241529f457d78dc266e3776417e.png)

> [@wendellverli](#):
>
> There is an extra space above the big block search - need it gone / if I click “recent” the space goes away - is this a bug?

I’m unsure why there is this CSS. You can overwrite it in a theme component:

```css
.navigation-categories .search-banner {
  padding: 0
  margin: 0;
  height: auto
}

```

> [@wendellverli](#):
>
> How can I change the big green block to something of my brand / blueish

This is how the theme uses CSS for that specific banner.  
You can adjust it to your needs.

```css
.custom-search-banner-wrap {
  background: linear-gradient(
    270deg,
    var(--tertiary-medium) 0%,
    var(--tertiary) 100%
  );
}

```

Useful links:

- [background CSS property - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
- [linear-gradient() CSS function - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient)

---

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