MDUIDocs
llms.txt-Link kopierenllms-full.txt-Link kopierenDiese Seite als Markdown anzeigenDiese Seite mit ChatGPT besprechenDie gesamte Projektdokumentation mit ChatGPT besprechen
Voreingestellte Farbe
Benutzerdefinierte Farbe
Farbe aus Hintergrundbild extrahieren
Bitte wählen Sie ein Hintergrundbild aus
Erste Schritte
KI-gestützte Entwicklung
Stile
Integration mit Frameworks
Komponenten
Funktionen
jq-Bibliothek dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Pakete

setColorScheme

Die setColorScheme-Funktion setzt ein Farbschema basierend auf einem bereitgestellten hexadezimalen Farbwert.

Das Farbschema gilt für alle mdui-Komponenten auf der Seite. Siehe Dynamic Color.

Verwendung

Importieren Sie die Funktion nach Bedarf:

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

Beispiel:

setColorScheme('#ff0000');

API

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

Options

Attributname Typ Standardwert
target string | HTMLElement | JQ<HTMLElement> document.documentElement

Das Element, auf dem das Farbschema gesetzt werden soll. Der Wert kann ein CSS-Selektor, ein DOM-Element oder ein JQ-Objekt sein. Wenn dieser Parameter gesetzt ist, wirkt das Farbschema nur innerhalb des angegebenen Elements.

Standard ist document.documentElement, d. h. das ``-Element, und es wirkt auf der gesamten Seite.

customColors CustomColor[] -
Array benutzerdefinierter Farben. Informationen zur Verwendung finden Sie im Kapitel Dynamic Color.

CustomColor

Attributname Typ Standardwert
name string -
Name der benutzerdefinierten Farbe.
value string -
Benutzerdefinierter hexadezimaler Farbwert, z. B. #f82506.
Auf dieser Seite