---
title: "Como mudar a cor do cabeçalho da tabela"
slug: "how-to-change-the-color-of-the-table-header"
description: "In Document360, You can change the table header color to increase the visibility of the header row. "
tags: ["Customization"]
updated: 2026-06-22T08:58:57Z
published: 2026-06-22T08:58:57Z
canonical: "docs.document360.com/how-to-change-the-color-of-the-table-header"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Como mudar a cor do cabeçalho da tabela

Por padrão, cabeçalhos de tabelas no site da Knowledge Base usam uma cor de fundo neutra. Você pode mudar para qualquer cor usando CSS personalizado para melhorar a visibilidade do cabeçalho, combinar com sua marca ou facilitar a leitura das tabelas. A mudança se aplica globalmente a todas as tabelas do site.

---

## Quando usar uma cor de cabeçalho de tabela personalizada

- **Melhorar a varredura**: uma cor distinta do cabeçalho deixa imediatamente claro qual linha contém rótulos de colunas, especialmente em tabelas densas ou largas.
- **Alinhamento da marca**: associe a cor do cabeçalho à cor principal ou secundária do seu produto para um conhecimento mais refinado e fiel à marca.
- **Contraste de acessibilidade**: escolha uma cor com contraste suficiente em relação ao texto do cabeçalho para atender aos padrões de legibilidade.

 NOTA

Essa alteração de CSS se aplica a **todas as tabelas** do seu site da Base de Conhecimento. Não é possível direcionar tabelas individuais usando esse método.

---

## Referência rápida

Use o trecho para a versão do seu site da Base de Conhecimento. Substitua o valor da cor pelo código hexadecimal ou nome da cor CSS desejado.

```
.editor360-table th {
    background-color: green !important; /* Change the colour based on your requirement. */
}
```

---

## Como mudar a cor do cabeçalho da tabela

1. No portal da Base de Conhecimento, acesse **Configurações** > **site da Base de Conhecimento** > **CSS & JavaScript Personalizados**.

![Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png)

1. Selecione a aba **CSS** e cole o trecho da versão do seu site da Knowledge Base a partir da referência rápida acima.
2. Substitua o valor da cor pela cor desejada, use um código hexadecimal (por exemplo, `#1a73e8`) ou um nome de cor CSS (por exemplo, `steelblue`).
3. Clique **em Salvar**.

![Custom CSS editor showing the table header color CSS snippet pasted in the CSS tab with the Save button visible.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766927574932.png)

---

## Desfecho

### Antes

![Knowledge Base site table showing the default neutral table header background color.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-Before_table%20header_color.png)

### Depois

Após salvar o CSS, o fundo do cabeçalho da tabela muda para a cor especificada. Neste exemplo, o cabeçalho está definido como `#70db70` (verde).

![Knowledge Base site table showing a green header row background colour applied using Custom CSS.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/3_Screenshot-After_table%20header_color.png)