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

# Cores da Interface

> Troque a paleta da interface editando um único arquivo CSS, sem recompilar

A paleta inteira da interface fica em um arquivo:

```
web/build/theme.css
```

Basta editar e **recarregar a interface**. Não precisa recompilar.

## Formato

Os valores são `R, G, B` separados por vírgula, **sem** `rgb()` e sem `#`. Para `#C9F03A`, escreva `201, 240, 58`.

```css theme={null}
:root {
    --dk-lime: 201, 240, 58;
}
```

Esse formato deixa a interface montar transparências a partir da mesma cor. Por isso cada variável guarda só os três números.

## Variáveis

### Superfícies e texto

| Variável | Padrão | Onde aparece |
| - | - | - |
| `--dk-panel` | `14, 14, 17` | Fundo do painel e dos rótulos da prévia |
| `--dk-text` | `243, 242, 237` | Texto principal |
| `--dk-text-2` | `182, 181, 175` | Texto de apoio |
| `--dk-text-3` | `143, 142, 136` | Texto apagado. Mantém **4,5:1** de contraste sobre o painel |
| `--dk-ink` | `18, 18, 18` | Texto sobre fundo claro: aba e filtro ativos |

### Cores com função

| Cor | Variáveis | Significa |
| - | - | - |
| **Lima** | `--dk-lime`, `--dk-lime-hover`, `--dk-lime-ink` | **Dançar**: botão principal e dança tocando |
| **Azul** | `--dk-sky` | **Prévia**: olho aceso e rótulo sobre o clone |
| **Coral** | `--dk-coral`, `--dk-coral-text` | **Erro**: download que falhou e servidor indisponível |
| **Âmbar** | `--dk-amber` | **Favorita** |

> [!NOTE]
>
> As cores têm **função fixa**. Trocar a lima por vermelho funciona, mas o vermelho continuará significando "dançar" e vai se confundir com o coral do erro. Escolha cores que continuem distintas entre si.

## Dicas

* Se mudar `--dk-panel`, confira o contraste dos três tons de texto sobre a nova cor. O `--dk-text-3` foi calibrado para **4,5:1** sobre o painel padrão
* `--dk-lime-ink` é o texto que fica **sobre** a lima (botão Dançar): precisa contrastar com ela
* `--dk-ink` é o texto sobre os fundos claros (aba e filtro ativos): precisa contrastar com a cor desses fundos

O arquivo está em `web/build/`, junto da interface já compilada. Fazer `restart dk_dances` depois de editar garante que o jogo leia a versão nova.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.