MDUIDocs
Copier le lien llms.txtCopier le lien llms-full.txtVoir cette page en MarkdownDiscuter de cette page avec ChatGPTDiscuter de la documentation complète avec ChatGPT
Couleurs prédéfinies
Couleur personnalisée
Extraire du fond d'écran
Veuillez sélectionner un fond d'écran
Premiers pas
Développement assisté par l'IA
Styles
Intégration avec les frameworks
Composants
Fonctions
Bibliothèque d'utilitaires jq dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Bibliothèques

setColorScheme

La fonction setColorScheme permet de définir un schéma de couleurs basé sur une valeur de couleur hexadécimale donnée.

Ce schéma de couleurs s'applique à tous les composants mdui de la page. Voir Couleur dynamique.

Utilisation

Importez la fonction selon vos besoins :

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

Exemple d'utilisation :

setColorScheme('#ff0000');

API

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

Options

Nom de la propriété Type Valeur par défaut
target string | HTMLElement | JQ<HTMLElement> document.documentElement

L'élément auquel appliquer le schéma de couleurs. La valeur peut être un sélecteur CSS, un élément DOM, ou un objet JQ. Si ce paramètre est défini, le schéma de couleurs s'applique uniquement à l'intérieur de l'élément spécifié.

Par défaut, document.documentElement, c'est-à-dire l'élément <html>, s'applique à l'ensemble de la page.

customColors CustomColor[] -
Tableau de couleurs personnalisées. Pour voir comment l'utiliser, voir la section Couleur dynamique.

CustomColor

Nom de la propriété Type Valeur par défaut
name string -
Nom de la couleur personnalisée.
value string -
Valeur de couleur hexadécimale personnalisée, par exemple #f82506.
Sur cette page