Cores
A biblioteca de Cores: as dez cores nomeadas do sistema com os valores e os endereços delas, as suas próprias amostras, o inspetor, criar e editar uma cor, sobrepor uma cor do sistema, e onde uma cor é usada.
Cores é a terceira categoria sob a raiz Ativos: a paleta fixa que o produto entrega e as amostras que você acrescenta, cada uma um nome com um valor #RRGGBB. O painel tem o título "Cores", com a frase "Cores #RRGGBB nomeadas, devolvidas por variáveis de saída Cor. Cores do operador sobrepõem uma cor do sistema no mesmo endereço." e a pílula de contagem. Lê-la exige Ver a lógica; criar, editar e excluir as suas cores exigem Configurar a lógica.
A paleta do sistema
| Nome | Endereço | Valor |
|---|---|---|
| Brand | Assets.Colors.Brand |
#0369A1 |
| Brand light | Assets.Colors.Brand_light |
#38BDF8 |
| Brand tint | Assets.Colors.Brand_tint |
#E0F2FE |
| Red | Assets.Colors.Red |
#C42B1C |
| Amber | Assets.Colors.Amber |
#C19C00 |
| Green | Assets.Colors.Green |
#0F7B0F |
| Blue | Assets.Colors.Blue |
#005FB8 |
| Gray | Assets.Colors.Gray |
#8A8A8A |
| Black | Assets.Colors.Black |
#000000 |
| White | Assets.Colors.White |
#FFFFFF |
O nome de uma cor é o endereço dela, então ele fica em inglês em toda cultura: traduzir Red mudaria Assets.Colors.Red. Uma cor tem um valor, usado como está no tema claro e no escuro; a paleta não troca com o tema.
O catálogo e o inspetor
As suas cores são listadas primeiro, depois a paleta; filtros: Origem e Por página. Um cartão mostra a amostra, o nome, o hexadecimal e a origem. O inspetor mostra a amostra em corpo grande com o hexadecimal dela, o nome, e Endereço, Origem (Paleta do sistema, ou Minha biblioteca) e Formato (#RRGGBB). Uma cor da paleta mostra "As cores de sistema são somente leitura."; as suas oferecem Editar e Excluir a um papel que configura.
Nova cor
O verbo sobre a linha Cores abre "Nova cor" no lugar da grade ("Escolha um endereço estável e o valor RGB de seis dígitos dele.").
| Campo | O que é | Valores / padrão | Efeito |
|---|---|---|---|
| Nome | O nome de exibição; o segmento dele é o endereço. | Obrigatório. | O endereço que as variáveis guardam. O Editar renomeia depois, e toda referência ao endereço antigo vai junto. Um nome cujo segmento é igual ao de uma cor da paleta substitui aquela cor no endereço e na lista. |
| Seletor | O seletor de cor do navegador. | Começa em #0369A1. |
Escreve no campo hexadecimal. |
| Hexadecimal | O valor como texto. | Exatamente #RRGGBB; #0369A1 por padrão. |
Qualquer outra coisa mostra "Use exatamente #RRGGBB."; o valor é guardado em maiúsculas. |
A prévia à direita mostra a amostra e o hexadecimal normalizado. "Um nome é obrigatório." e "Use exatamente #RRGGBB." mantêm o Criar cor esmaecido; o Cancelar ou o Voltar sai sem criar. Quando dá certo, o cartão é revelado e o feed diz "Cor criada."
Editar e Excluir
O Editar abre "Editar <name>" ("A renomeação é salva com Enter ou quando o foco sai do campo e leva as referências junto; mudanças válidas de cor são salvas automaticamente."): um campo Nome que é um campo de renomeação, com o seletor e o hexadecimal abaixo dele. Enquanto você digita um nome, uma linha mostra a prévia do impacto ("Renomear atualiza os 2 lugares que leem este endereço.", "Nenhuma referência usa o endereço atual.", ou "O endereço efetivo não muda; nenhuma referência precisa ser atualizada."). Enter, ou sair do campo, confirma: a cor mantém o id e o valor dela, toda referência enraizada ao endereço antigo é reescrita, e o feed diz "Cor renomeada e N referências atualizadas." Um nome já ocupado é recusado no lugar, abaixo do campo. Uma mudança válida de valor é salva meio segundo depois da última edição ("Cor salva."). O Excluir pergunta "Excluir 'X'? As referências ao endereço dela ficarão sem resolução. Isso não pode ser desfeito." e, quando a cor sobrepunha uma entrada da paleta, descobre aquela entrada de novo.
Onde uma cor é usada
Uma variável de saída Cor devolve Assets.Colors.<name> (Variables.Level.Value > 50 ? Assets.Colors.Red : Assets.Colors.Green) e o componente vinculado a ela desenha aquela cor; as entradas Cor de preenchimento e Cor de traço de um símbolo recebem um ativo de Cor ou uma variável de Cor; o editor de dashboard oferece esses endereços onde quer que uma propriedade receba uma cor.
O que a biblioteca não faz
Ela não aceita alfa, cores de três dígitos nem cores nomeadas, não edita a paleta, e não guarda variante por tema.