Colorswall
Nota: Si desea utilizar un tema de color existente, consulte Temas de color, donde aprenderá a establecer el tema de color activo a través del menú desplegable Preferencias: Tema de color desplegable (⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T)).
Los valores de color pueden definirse en el modelo de color RGB con un canal alfa para la transparencia. Como formato, se admiten las siguientes notaciones hexadecimales: #RGB, #RGBA, #RRGGBB y #RRGGBBAA. R (rojo), G (verde), B (azul) y A (alfa) son caracteres hexadecimales (0-9, a-f o A-F). La notación de tres dígitos (#RGB) es una versión más corta de la forma de seis dígitos (#RRGGBB) y la notación RGB de cuatro dígitos (#RGBA) es una versión más corta de la forma de ocho dígitos (#RRGGBBAA). Por ejemplo, #e35f es el mismo color que #ee3355ff.
Los colores más destacados del editor son los colores de los tokens utilizados para resaltar la sintaxis y se basan en la gramática del lenguaje instalada. Estos colores son definidos por el Tema de Color pero también pueden ser personalizados con la opción editor.tokenColorCustomizations. Vea Personalizar un Tema de Color para más detalles sobre cómo actualizar un Tema de Color y los tipos de token disponibles.
Icono carta de colores
Puede especificar un icono que varíe su color, tamaño o apilamiento en función del punto al que estén asignados. Estos tipos de iconos sólo están disponibles como marcadores de iconos dinámicos (parámetro chem), no como iconos independientes.
Estos iconos pueden representarse en una serie distinta de la serie que especifica su color, tamaño o información de apilamiento. Esto significa que el valor ds del parámetro chem especifica la serie en la que se representa el icono, pero los valores para determinar el tamaño o el color del icono se especifican en los parámetros que aparecen a continuación. Un buen uso de esto es utilizar una serie de datos oculta para los datos del icono, pero representar los iconos en una línea o barra visible. He aquí algunos ejemplos:
Dos letras que describen la alineación del icono con el punto. Algunos ejemplos son tl (arriba a la izquierda) y rb (abajo a la derecha). Consulte la descripción del parámetro alignment_string del parámetro chem para obtener una lista y una descripción completas.
Tenga en cuenta que también puede utilizar el componente of del parámetro chem para especificar desplazamientos horizontales y verticales. Si especifica tanto el componente of como los valores h_anchor_offset v_anchor_offset, se aplicarán todos los desplazamientos a su icono.
Productos capilares Icon
El color es un estilo decorativo brillante del paquete de iconos planos diversos. Estos gráficos de color se adaptará a cualquier escritorio o aplicación web, pantallas de aplicaciones móviles. Al igual que los paquetes de iconos Cute Color, Hand Drawn Color y Circle Bubbles, funcionan eficazmente como imágenes prediseñadas para infografías, tarjetas personalizadas o presentaciones.
Descarga gratis iconos de color de varios temas para interfaces de usuario y diseño gráfico. O edite las imágenes que necesite aquí mismo. Los gráficos gratuitos tienen píxeles perfectos para adaptarse a su diseño y están disponibles tanto en png como en vector.
Paleta de colores
Vue.use(BootstrapVueIcons)El SCSS/CSS de los iconos de BootstrapVue no depende de ninguna variable, mixin, función o clase CSS de Bootstrap SASS (aparte de las clases de utilidad de color de texto Bootstrap text-{variant}, si se utiliza la prop variant). Tenga en cuenta que el CSS de los iconos también se incluye en los archivos SCSS/CSS principales de BootstrapVue. Los efectos de animación requieren SCSS/CSS personalizados de BootstrapVue. Los iconos del navegador no se instalan de forma predeterminada en la compilación del navegador UMD, por lo que debe incluir explícitamente la biblioteca de iconos: <head>
</head>Componentes de iconos Puedes utilizar componentes de iconos individuales, o utilizar el componente de ayuda de iconos <b-icon>, para colocar iconos en las plantillas de tus proyectos. Todos los componentes de icono individuales llevan como prefijo el nombre <b-icon-{nombre}>, donde {nombre} es uno de los nombres de icono enumerados en la sección Iconos anterior. Uso de componentes de icono individuales: <plantilla>
<!– icons-helper-usage.vue –>Nota: al usar <b-icon>, también debes importar los componentes de icono individuales requeridos, a menos que estés usando el plugin IconsPlugin o BootstrapVueIcons. Variantes Por defecto, los iconos heredan el color de texto actual de su elemento padre. Todos los componentes de icono proporcionan una prop variante para aplicar uno de los colores de variante de texto contextual de Bootstrap:
