デフォルトのコンフィグ

デフォルトのコンフィグは、カラーモードで使用されるinitialColorModeなどが設定されています。

実際に設定されている値はこちらです。

const config: ThemeConfig = {
  initialColorMode: "light",
  disableTransitionOnChange: false,
  var: { prefix: "ui" },
  breakpoint: { direction: "down", identifier: "@media screen" },
}

Copied!

プロパティ		説明	デフォルト
`initialThemeScheme`		テーマを切り替えるで使用されるテーマの初期値。	`"base"`
`initialColorMode`		カラーモードの初期値。`light`, `dark`, `system`を受け入れます。	`"light"`
`disableTransitionOnChange`		カラーモードの切り替え時のトランジションなどによる不要な動きを避けるための設定。	`false`
`breakpoint`		レスポンシブスタイルで使用されるブレイクポイントの設定。
	`direction`	レスポンシブスタイルで使用されるブレイクポイントの方向を設定。`"up"`の場合は`@media(min-width)`を使ったモバイルファーストになり、`"down"`の場合は`@media(max-width)`を使ったPCファーストのレスポンシブスタイルになります。	`"down"`
	`base`	`direction`が`"down"`の場合のみ適用されるブレイクポイントの最大値。	`"9999px"`
	`identifier`	レスポンシブスタイルで使用されるブレイクポイントのクエリを設定します。	`"@media screen"`
`var`		CSSの`カスタムプロパティ`に使用される設定。
	`prefix`	CSSの`カスタムプロパティ`に使用されるプレフィックスを設定します。	`"ui"`
`thrme`		テーマのカスタマイズで使用される設定。
	`responsive`	テーマのトークンがレスポンシブオブジェクトに対応するかどうかを設定します。	`false`
`date`		CalendarやDatePickerで使用される設定。
	`locale`	`Calendar`や`DatePicker`などで使用されるロケールを設定します。	`"en"`
`loading`		ローディングで使用される設定。
	`screen`	スクリーンローディングのオプションを設定します。	`undefined`
	`page`	ページローディングのオプションを設定します。	`undefined`
	`background`	バックグラウンドローディングのオプションを設定します。	`undefined`
	`custom`	カスタムローディングのオプションを設定します。	`undefined`
`alert`		Alertで使用される設定。
	`statuses`	Alertのステータスを設定します。	`undefined`
`notice`		通知で使用される設定。
	`options`	通知のオプションを設定します。	`undefined`
	`variants`	通知のバリアントを設定します。	`undefined`
	`gap`	通知間のギャップを設定します。	`"md"`
	`appendToParentPortal`	ポータルが親ポータル内にある場合に、ポータルを親ポータルのノードに追加するかどうかを設定します。	`true`
	`containerRef`	ポータルがアタッチされるコンポーネントの`ref`を設定します。	`undefined`
	`listProps`	通知のリスト要素の`props`を設定します。	`undefined`
	`itemProps`	通知のアイテム要素の`props`を設定します。	`undefined`
`snacks`		Snacksで使用される設定。
	`options`	スナックのオプションを設定します。	`undefined`
	`variants`	スナックのバリアントを設定します。	`undefined`
	`gap`	スナック間のギャップを設定します。	`"md"`
	`gutter`	スナックの上下の間隔を設定します。	`[0, 0]`
	`negateMargin`	`gutter`に負のマージンを適用するかどうかを設定します。	`true`
`motion`		framer-motionで使用される設定。
	`config`	`framer-motion`のオプションを設定します。	`undefined`

GitHubでこのページを編集する

前コンフィグ次コンフィグをカスタマイズする