# Customize the New Topic button

**URL:** https://meta.discourse.org/t/customize-the-new-topic-button/197848
**Category:** Developers
**Tags:** how-to
**Created:** [July 22, 2021, 11:34am UTC](https://meta.discourse.org/t/customize-the-new-topic-button/197848 "2021-07-22T11:34:47Z")
**Posts on this page:** 1
**Showing post:** 5

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [September 9, 2021, 8:38am UTC](https://meta.discourse.org/t/customize-the-new-topic-button/197848/5 "2021-09-09T08:38:34Z")

</div>

Hello,

It seems to this is the [Dracula Theme](https://meta.discourse.org/t/dracula-a-dark-theme-for-discourse/146350). I checked the source.

You have to add `button` before `#create-topic` to override it.

So it should start ⬇

`button#create-topic {`

If you want to keep the green `success` color then you should change the `var(--tertiary)` to `var(--success)`. Like this ⬇

```plaintext
button#create-topic {
  color: var(--secondary);
  border: 2px solid var(--success);
  background: var(--success);
  transition: background .25s ease-out;
  .d-icon {
    color: var(--secondary);
  }
  &:hover,
  &:focus {
    background: var(--secondary);
    color: var(--success);
    .d-icon {
      color: var(--success);
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/customize-the-new-topic-button/197848)._