Colores

La biblioteca de Colores: los diez colores del sistema con nombre, con sus valores y sus direcciones, sus propias muestras, el inspector, crear y editar un color, sustituir un color del sistema, y dónde se usa un color.

Ver como Markdown

Colores es la tercera categoría bajo la raíz Recursos: la paleta fija que trae el producto y las muestras que usted añade, cada una un nombre con un valor #RRGGBB. El panel se encabeza "Colores", con la línea "Colores #RRGGBB con nombre que devuelven las variables de salida de color. Los colores del operador prevalecen sobre un color del sistema en la misma dirección." y la insignia del recuento. Leerla necesita Ver Logic; crear, editar y eliminar sus colores necesitan Configurar Logic.

La paleta del sistema

Nombre Dirección 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

Un color tiene un solo valor, usado tal cual en el tema claro y en el oscuro; la paleta no cambia con el tema.

El catálogo y el inspector

Sus colores se listan primero y después la paleta; filtros: Origen y Por página. Una tarjeta muestra la muestra, el nombre, el hexadecimal y el origen. El inspector muestra la muestra en grande con su hexadecimal, el nombre, y Dirección, Origen (Paleta del sistema, o Mi biblioteca) y Formato (#RRGGBB). Un color de la paleta muestra "Los colores del sistema son de solo lectura."; los suyos ofrecen Editar y Eliminar a un rol que configura.

Nuevo color

El verbo sobre la fila Colores abre "Nuevo color" en lugar de la rejilla ("Elija una dirección estable y su valor RGB de seis dígitos.").

Campo Qué es Valores / por defecto Efecto
Nombre El nombre visible; su segmento es la dirección. Obligatorio. La dirección que guardan las variables. Editar la renombra después, y toda referencia a la dirección antigua le sigue. Un nombre cuyo segmento es igual al de un color de la paleta sustituye a ese color en la dirección y en la lista.
Selector El selector de color del navegador. Empieza en #0369A1. Escribe el campo hexadecimal.
Hexadecimal El valor como texto. Exactamente #RRGGBB; #0369A1 por defecto. Cualquier otra cosa muestra "Use exactamente #RRGGBB."; el valor se guarda en mayúsculas.

La vista previa de la derecha muestra la muestra y el hexadecimal normalizado. "Se necesita un nombre." y "Use exactamente #RRGGBB." mantienen Crear color en gris; Cancelar o Atrás sale sin crear nada. Si sale bien, la tarjeta se revela y el registro de acciones dice "Color creado."

Editar y Eliminar

Editar abre "Editar <name>" ("El cambio de nombre se guarda al pulsar Intro o al salir del campo y se lleva consigo las referencias; los cambios de color válidos se guardan automáticamente."): un campo Nombre que es un campo de cambio de nombre, con el selector y el hexadecimal debajo. Mientras se escribe un nombre, una línea previsualiza el impacto ("Cambiar el nombre actualiza las 2 ubicaciones que leen esta dirección.", "Ninguna referencia usa la dirección actual." o "La dirección efectiva no cambia; no hay referencias que actualizar."). Intro, o salir del campo, lo confirma: el color conserva su id y su valor, todas las referencias enraizadas a la dirección antigua se reescriben, y el registro de acciones dice "Color renombrado y N referencias actualizadas." Un nombre ya ocupado se rechaza en el sitio, bajo el campo. Un cambio de valor válido se guarda medio segundo después de la última edición ("Color guardado."). Eliminar pregunta "¿Eliminar 'X'? Las referencias a su dirección quedarán sin resolver. Esta acción no se puede deshacer." y, cuando el color sustituía a una entrada de la paleta, vuelve a descubrir esa entrada.

Dónde se usa un color

Una variable con salida de color devuelve Assets.Colors.<name> (Variables.Level.Value > 50 ? Assets.Colors.Red : Assets.Colors.Green) y el componente vinculado a ella dibuja ese color; las entradas Color de relleno y Color de trazo de un símbolo aceptan un recurso de color o una variable de color; el editor de paneles ofrece estas direcciones allí donde una propiedad acepta un color.

Lo que la biblioteca no hace

No acepta canal alfa, ni colores de tres dígitos, ni colores con nombre de CSS, no edita la paleta, y no guarda ninguna variante por tema.