# Mudar o botão "+ Novo Tópico" para combinar com o estilo do botão "Responder"

**URL:** https://meta.discourse.org/t/change-new-topic-button-to-match-styling-of-reply-button/147502
**Category:** Support
**Created:** [Abril 10, 2020, 3:08am UTC](https://meta.discourse.org/t/change-new-topic-button-to-match-styling-of-reply-button/147502 "2020-04-10T03:08:42Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [Abril 10, 2020, 4:47am UTC](https://meta.discourse.org/t/change-new-topic-button-to-match-styling-of-reply-button/147502/2 "2020-04-10T04:47:54Z")

</div>

Você pode tentar pegar o CSS do botão de resposta e transferir essas propriedades para o botão de adicionar post:

 ![css](https://global.discourse-cdn.com/meta/original/3X/d/0/d0e4ad2cd9e5c0211542b8aaca23131f95a710d9.jpeg)

```
background: #00a3cc;
color: #fff;

```

Tente adicionar isso:

```plaintext
 .header-buttons .btn.btn-default {
      background: #00a3cc;
      color: #fff;
  }

  .header-buttons .btn.btn-default svg {
      color: #fff !important;
  }

```

Em seguida, você precisa adicionar CSS para `:hover` (passar o mouse):

```plaintext

  .header-buttons .btn.btn-default:hover {
      background: #***;
  }

```

Selecione as cores necessárias com mais precisão. Substitua \*\*\* pela cor desejada.

Como adicionar CSS ao Discourse:

> [@Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648):
>
> Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon…

Você pode fazer isso com qualquer parte do CSS.

---

_[View the full topic](https://meta.discourse.org/t/change-new-topic-button-to-match-styling-of-reply-button/147502)._