Colori

La libreria Colori: i dieci colori di sistema con i loro valori e indirizzi, i tuoi campioni, l'ispettore, creare e modificare un colore, sovrascrivere un colore di sistema e dove si usa un colore.

Visualizza come Markdown

Colori è la terza categoria sotto la radice Risorse: la tavolozza fissa che il prodotto include e i campioni che aggiungi tu, ciascuno un nome con un valore #RRGGBB. Il pannello è intitolato « Colori », con la riga « Colori #RRGGBB con nome, restituiti dalle variabili con uscita Colore. Un colore dell'operatore sovrascrive un colore di sistema allo stesso indirizzo. » e la pillola di conteggio. Per leggerlo serve Visualizzare Logic; creare, modificare ed eliminare i tuoi colori richiedono Configurare Logic.

La tavolozza di sistema

Nome Indirizzo Valore
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

Un colore ha un solo valore, usato tale e quale nel tema chiaro e in quello scuro; la tavolozza non cambia con il tema.

Il catalogo e l'ispettore

I tuoi colori sono elencati per primi, poi la tavolozza; filtri: Origine e Per pagina. Una scheda mostra il campione, il nome, il valore esadecimale e l'origine. L'ispettore mostra il campione in grande con il suo valore esadecimale, il nome, e poi Indirizzo, Origine (Tavolozza di sistema, oppure La mia libreria) e Formato (#RRGGBB). Un colore della tavolozza mostra « I colori di sistema sono in sola lettura. »; i tuoi offrono Modifica ed Elimina a un ruolo che configura.

Nuovo colore

Il verbo sopra la riga Colori apre « Nuovo colore » al posto della griglia (« Scegliere un indirizzo stabile e il suo valore RGB a sei cifre. »).

Campo Che cos'è Valori e valore predefinito Effetto
Nome Il nome visualizzato; il suo segmento è l'indirizzo. Obbligatorio. L'indirizzo che le variabili conservano. Modifica lo rinomina poi, e ogni riferimento al vecchio indirizzo lo segue. Un nome il cui segmento coincide con quello di un colore della tavolozza sostituisce quel colore all'indirizzo e nell'elenco.
Selettore Il selettore di colore del browser. Parte da #0369A1. Scrive il campo esadecimale.
Esadecimale Il valore come testo. Esattamente #RRGGBB; #0369A1 all'inizio. Qualunque altra cosa mostra « Usare esattamente #RRGGBB. »; il valore viene salvato in maiuscolo.

L'anteprima a destra mostra il campione e il valore esadecimale normalizzato. « Serve un nome. » e « Usare esattamente #RRGGBB. » tengono grigio Crea colore; Annulla o Indietro esce senza creare nulla. Al buon esito la scheda viene rivelata e il registro delle azioni dice « Colore creato. »

Modifica ed Elimina

Modifica apre « Modifica <name> » (« La ridenominazione viene salvata premendo Invio o quando il campo perde il fuoco e porta con sé i riferimenti; le modifiche di colore valide vengono salvate automaticamente. »): un campo Nome che è un campo di ridenominazione, con sotto il selettore e il campo esadecimale. Mentre scrivi un nome, una riga anticipa l'effetto (« La ridenominazione aggiorna i 2 punti che leggono questo indirizzo. », « Nessun riferimento usa l'indirizzo attuale. », oppure « L'indirizzo effettivo non cambia; nessun riferimento deve essere aggiornato. »). Invio, o uscire dal campo, conferma: il colore conserva il suo id e il suo valore, ogni riferimento radicato al vecchio indirizzo viene riscritto e il registro delle azioni dice « Colore rinominato e N riferimenti aggiornati. » Un nome già preso viene rifiutato lì sotto il campo. Una modifica valida del valore viene salvata mezzo secondo dopo l'ultima battuta (« Colore salvato. »). Elimina chiede « Eliminare 'X'? I riferimenti al suo indirizzo resteranno irrisolti. L'operazione non è reversibile. » e, quando il colore sovrascriveva una voce della tavolozza, scopre di nuovo quella voce.

Dove si usa un colore

Una variabile con uscita Colore restituisce Assets.Colors.<name> (Variables.Level.Value > 50 ? Assets.Colors.Red : Assets.Colors.Green) e il componente collegato a essa disegna quel colore; gli ingressi Colore di riempimento e Colore del contorno di un simbolo accettano una risorsa Colore o una variabile Colore; l'editor delle dashboard offre questi indirizzi ovunque una proprietà accetti un colore.

Che cosa non fa la libreria

Non accetta canale alfa, valori a tre cifre o colori con nome, non modifica la tavolozza e non tiene varianti per tema.