*English follows after Japanese

Material 3のコンポーネントを使用し、Jetpack ComposeでUI作成をする中で、デフォルトの背景色や文字色などをいちいち探すのがめんどくさかったのでまとめを作りました
見出しはA-z順、パラメータ名は実コードの順です

While creating UI with Material 3, it kills time to get which color is used as default like background color and text color.
This is a list of the default color of the components. The headlines are ordered by A-z and parameters are ordered by the order on codes.

色の設定方法 How To Change Colors

ColorSchemeを使用し色を設定するには、Color.ktで宣言している各色の値を書き換える必要があります
例えばライトモードのPrimaryを黒色に変更したい場合は下記の通りになります
1. Theme.ktでlightColorScheme()のprimaryパラメーターに設定されている変数名を探す
2. Color.ktでその変数に代入している値を黒色(Color.Black)に書き換える
Theme.ktでどのパラメーターを書き換える必要があるかは、下記の各テーブルにある「初期カラースキーム名」を参照してください

You have to change color values in Color.kt to change colors by ColorScheme. For example, if you want to set black to Primary in light mode, the way is like this.
1. Look for a variable name set to primary of lightColorScheme() function’s parameter in Theme.kt
2. Change the color to black(Color.Black) set to the variable in Color.kt
You can find out which parameters you have to change in Theme.kt by looking at the “Default Color Scheme Name” column on each tables.

// Theme.kt
private val LightColorScheme = lightColorScheme(
    primary = LightColorPrimary
)

// Color.kt
val LightColorPrimary = Color.Black

BasicTextField

OutlinedTextField

OutlinedTextFieldDefaults.DecorationBox

TextField

TextFieldDefaults.DecorationBox

TextFieldDefaults.OutlinedTextFieldDecorationBox

TextFieldDefaults.TextFieldDecorationBox

*1 テキスト選択時の色 textSelectionColors

textSelectionColorsの指定方法は以下のように、CompositionLocalProviderを通して値を渡す必要があります

The way to set colors to textSelectionColors is to provide it via CompositionLocalProvider like this.

val textSelectionColors = TextSelectionColors(
    handleColor = Color.Green,
    backgroundColor = Color.Green.copy(alpha = 0.4f)
)

CompositionLocalProvider(LocalTextSelectionColors provides textSelectionColors) {
    TextField(
        value = text,
        onValueChange = { text = it }
    )
}

Button

*1 コンテンツ色 ContentColor

コンテンツ色とはボタンの中に設置している文字などのアイテムとリップルエフェクトを指します
下記gifの上のボタンはcontainerColor = LightGray, contentColor = Redを、下のボタンはcontainerColor = LightGray, contentColor = Blueを指定した場合のボタンの挙動です
非活性時にはタップできないためリップルエフェクトはありません

ContentColor means items on the button like Text and its ripple effect.
In the gif, the button on the top has containerColor = LightGray, contentColor = Red and the another one on the bottom has containerColor = LightGray, contentColor = Blue.
When it’s disabled the ripple effect doesn’t work.

RadioButton

随時更新予定
リクエストなどあればお気軽にコメントまでお願いいたします！

This will be updated regularly
If you have the components color you wanna know, feel free to leave comments!