デフォルトのコンフィグ

デフォルトのコンフィグは、カラーモードで使用される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`
`locale`		CalendarやFormatNumberで使用されるロケールの初期値。	navigator.language
`breakpoint`		レスポンシブスタイルで使用されるブレイクポイントの設定。
	`direction`	レスポンシブスタイルで使用されるブレイクポイントの方向を設定。`"up"`の場合は`@media(min-width)`を使ったモバイルファーストになり、`"down"`の場合は`@media(max-width)`を使ったPCファーストのレスポンシブスタイルになります。	`"down"`
	`base`	`direction`が`"down"`の場合のみ適用されるブレイクポイントの最大値。	`"9999px"`
	`identifier`	レスポンシブスタイルで使用されるブレイクポイントのクエリを設定します。	`"@media screen"`
`var`		CSSの`カスタムプロパティ`に使用される設定。
	`prefix`	CSSの`カスタムプロパティ`に使用されるプレフィックスを設定します。	`"ui"`
`theme`		テーマのカスタマイズで使用される設定。
	`responsive`	テーマのトークンがレスポンシブオブジェクトに対応するかどうかを設定します。	`false`
`loading`		ローディングで使用される設定。
	`screen`	スクリーンローディングのオプションを設定します。	`undefined`
	`page`	ページローディングのオプションを設定します。	`undefined`
	`background`	バックグラウンドローディングのオプションを設定します。	`undefined`
	`custom`	カスタムローディングのオプションを設定します。	`undefined`
`alert`		Alertで使用される設定。
	`statuses`	Alertのステータスを設定します。	`undefined`
`status`		Statusで使用される設定。
	`statuses`	Statusのステータスを設定します。	`undefined`
`notice`		Noticeで使用される設定。
	`options`	Noticeのオプションを設定します。	`undefined`
	`variants`	Noticeのバリアントを設定します。	`undefined`
	`gap`	Notice間のギャップを設定します。	`"md"`
	`appendToParentPortal`	ポータルが親ポータル内にある場合に、ポータルを親ポータルのノードに追加するかどうかを設定します。	`true`
	`containerRef`	ポータルがアタッチされるコンポーネントの`ref`を設定します。	`undefined`
	`listProps`	Noticeのリスト要素の`props`を設定します。	`undefined`
	`itemProps`	Noticeのアイテム要素の`props`を設定します。	`undefined`
`snacks`		Snacksで使用される設定。
	`options`	Snacksのオプションを設定します。	`undefined`
	`variants`	Snacksのバリアントを設定します。	`undefined`
	`gap`	Snacks間のギャップを設定します。	`"md"`
	`gutter`	Snacksの上下の間隔を設定します。	`[0, 0]`
	`negateMargin`	`gutter`に負のマージンを適用するかどうかを設定します。	`true`
`motion`		Motionで使用される設定。
	`config`	Motionのオプションを設定します。	`undefined`

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

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