2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@gi-ra-ffeAdvent Calendar 2023

Day 10

【Flutter】ColorScheme

Last updated at Posted at 2023-12-09

ThemeDataで定義できるColorSchemeについてまとめ

ColorScheme

色のプロパティを構成するために使用できるマテリアル仕様に基づく 30 色のセット。

Constructors

コンストラクタ 説明
ColorScheme() デフォルトの色スキームを作成。
ColorScheme.fromSwatch() 与えられたプライマリーカラーSwatchから色スキームを作成。
ColorScheme.light() ライトテーマのデフォルト色スキームを作成。
ColorScheme.dark() ダークテーマのデフォルト色スキームを作成。
ColorScheme.highContrastLight() 高コントラストライトテーマのデフォルト色スキームを作成。
ColorScheme.highContrastDark() 高コントラストダークテーマのデフォルト色スキームを作成。
ColorScheme.fromSwatchAndAccent() 与えられたプライマリーカラーSwatchとアクセントカラーから色スキームを作成。
ColorScheme.fromSwatchAndAccentColor() 与えられたプライマリーカラーSwatchとアクセントカラーから色スキームを作成。
ColorScheme.fromPrimaryAndSecondary() 与えられたプライマリーカラーとセカンダリーカラーから色スキームを作成。
ColorScheme.fromPrimaryAndSecondaryColors() 与えられたプライマリーカラーとセカンダリーカラーから色スキームを作成。
ColorScheme.fromPrimaryColors() 与えられたプライマリーカラーから色スキームを作成。
ColorScheme.fromSecondaryColors() 与えられたセカンダリーカラーから色スキームを作成。
ColorScheme.fromPrimary 与えられたプライマリーカラーからプライマリーカラーとオンプライマリーを使用して色スキームを作成。
ColorScheme.copyWith() 既存のColorSchemeオブジェクトをベースにして、一部のプロパティを変更した新しいオブジェクトを作成。

ColorSchemeで使えるプロパティ

プロパティ 説明
primary プライマリーカラー
primaryVariant プライマリーバリアントカラー
secondary セカンダリーカラー
secondaryVariant セカンダリーバリアントカラー
surface サーフェスカラー
background バックグラウンドカラー
error エラーカラー
onPrimary プライマリーカラー上のテキストカラー
onSecondary セカンダリーカラー上のテキストカラー
onSurface サーフェスカラー上のテキストカラー
onBackground バックグラウンドカラー上のテキストカラー
onError エラーカラー上のテキストカラー
brightness ライト/ダークテーマの切り替え
primaryOnSurface サーフェスカラー上のプライマリーカラーのテキストカラー
secondaryOnSurface サーフェスカラー上のセカンダリーカラーのテキストカラー
2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?