MDUIDocs
KI-Chat
llms.txt-Link kopierenllms-full.txt-Link kopierenDiese Seite als Markdown anzeigen
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
KI-Chat