Cinco cores carregam o sistema inteiro: azul é a voz da marca (ação principal, links, foco), verde é só
sucesso, laranja é aviso e acento, tinta é o texto e creme é uma sobreposição de calor, nunca o fundo da página.
Azul (marca)
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |
Verde (sucesso)
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |
Laranja (aviso e acento)
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |
Vermelho (perigo)
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |
Tinta (texto)
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |
Creme
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |
Superfícies e texto por função
Prefira estes apelidos aos valores da paleta: eles se reescrevem sozinhos no tema escuro.
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |
Estados semânticos
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |
Código
Cores do realce de sintaxe em blocos de código, derivadas da paleta acima.
| Amostra | Token↕ | Valor (claro) | Valor (escuro) |
|---|
| Nenhum resultado encontrado. |