MDUIDocs
llms.txt のリンクをコピーllms-full.txt のリンクをコピーMarkdown 形式でこのページを表示このページの内容について ChatGPT と相談するプロジェクトの完全なドキュメントについて ChatGPT と相談する
プリセットカラー
カスタムカラー
壁紙から色を抽出
壁紙を選択してください
開発ガイド
AI 補助開発
スタイル
フレームワークとの統合
コンポーネント
関数
jq ライブラリ dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
独立パッケージ

setColorScheme

setColorScheme 関数は、指定された16進数カラーコードに基づいて、カラースキームを設定するために使用します。

カラースキームの設定は、ページ内のすべての mdui コンポーネントに影響します。詳細は ダイナミックカラー を参照してください。

使用方法

関数をインポートするには、次のようにします:

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

使用例:

setColorScheme('#ff0000');

API

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

Options

プロパティ名 デフォルト値
target string | HTMLElement | JQ<HTMLElement> document.documentElement

カラースキームを設定する要素。値は CSS セレクター、DOM 要素、または JQ オブジェクト です。このパラメーターを設定すると、カラースキームは指定された要素内でのみ有効になります。

デフォルトは document.documentElement、つまり <html> 要素で、ページ全体で有効になります。

customColors CustomColor[] -
カスタムカラー配列。使用方法は ダイナミックカラー の章を参照してください。

CustomColor

プロパティ名 デフォルト値
name string -
カスタムカラー名。
value string -
カスタム16進数カラーコード(例:#f82506)。
このページの目次