Material 3 color roles の割り当て方針
UI設計
Material Design
Material 3 の color roles では seed color を UI のあちこちにベタ塗りせず、配色系全体を作る種として扱う。典型的な割り当て: 背景=surface、通常カード=surfaceContainerLowest か surface、強調カード=surfaceContainerLow、選択チップ=primaryContainer/文字は onPrimaryContainer、補助タグ=secondaryContainer、枠線=outlineVariant、強い文字=onSurface、補助文字=onSurfaceVariant、FAB/強いCTA=primary/文字は onPrimary。要点は背景・カードは surface 系で作り、アクセント色は primary/primaryContainer に閉じ込め、文字や枠線も onSurface*/outline* role に寄せること。