MDUIDocs
Copiar link do llms.txtCopiar link do llms-full.txtVer esta página em MarkdownDiscutir esta página no ChatGPTDiscutir documentação completa do projeto no ChatGPT
Cores predefinidas
Cor personalizada
Extrair cor do papel de parede
Selecione um papel de parede
Primeiros Passos
Desenvolvimento assistido por IA
Estilos
Integração com Frameworks
Componentes
Funções
Biblioteca de utilitários jq dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Bibliotecas

setColorScheme

A função setColorScheme é usada para definir um esquema de cores com base em um valor de cor hexadecimal fornecido.

A definição do esquema de cores afetará todos os componentes mdui na página. Consulte Cor dinâmica.

Como usar

Importe a função conforme necessário:

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

Exemplo de uso:

setColorScheme('#ff0000');

API

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

Options

Nome do atributo Tipo Valor padrão
target string | HTMLElement | JQ<HTMLElement> document.documentElement

O elemento no qual definir o esquema de cores. O valor pode ser um seletor CSS, um elemento DOM ou um objeto JQ. Se este parâmetro for definido, o esquema de cores terá efeito apenas dentro do elemento especificado.

O padrão é document.documentElement, ou seja, o elemento <html>, tendo efeito em toda a página.

customColors CustomColor[] -
Array de cores personalizadas. Consulte a seção Cor dinâmica para métodos de uso.

CustomColor

Nome do atributo Tipo Valor padrão
name string -
Nome da cor personalizada.
value string -
Valor da cor personalizada em hexadecimal, como #f82506.
Nesta página