setColorScheme

La funzione setColorScheme imposta lo Schema Cromatico per la pagina corrente o per un elemento specifico in base a un valore colore esadecimale fornito.

Questa funzione influisce su tutti i componenti mdui sulla pagina. Per ulteriori informazioni, consultare la sezione Colore Dinamico.

Utilizzo

Importa la funzione:

import { setColorScheme } from 'mdui/functions/setColorScheme.js';

Esempio:

setColorScheme('#ff0000');

API

setColorScheme(color: string, options: Options): void;

Options

Proprietà	Tipo	Predefinito
`target`	`string \| HTMLElement \| JQ<HTMLElement>`	`document.documentElement`
L'elemento a cui applicare lo Schema Cromatico. Il valore può essere un selettore CSS, un elemento DOM o un oggetto JQ. Se questo parametro è impostato, lo Schema Cromatico avrà effetto solo all'interno dell'elemento specificato. Il valore predefinito è `document.documentElement`, che si riferisce all'elemento `` e influisce sull'intera pagina.
`customColors`	`CustomColor[]`	-
Un array di colori personalizzati. Per l'utilizzo, fare riferimento alla sezione Colore Dinamico.

CustomColor

Proprietà	Tipo	Predefinito
`name`	`string`	-
Il nome del colore personalizzato.
`value`	`string`	-
Il valore esadecimale del colore personalizzato, come `#f82506`.

Capitolo precedente

getColorFromImage

Capitolo successivo

removeColorScheme