色
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
デフォルトのテーマには、うまく連携してユーザーエクスペリエンスの要件を満たす色のパレットが含まれています。テーマの作成または使用の詳細については、テーマとスタイルを参照してください。
|
名前 |
価値 |
スウォッチ |
|---|---|---|
|
--sdc-palette-common-black |
#000 |
|
|
--sdc-palette-common-white |
#FFF |
|
|
--sdc-palette-primary-main |
#5548D9 |
|
|
--sdc-palette-primary-light |
#EEECFB |
|
|
--sdc-palette-primary-dark |
#4A37D5 |
|
|
--sdc-palette-primary-contrastテキスト |
#fff |
|
|
--sdc-palette-secondary-main |
#ff3d00 |
|
|
--sdc-palette-secondary-light |
#ff6e40 |
|
|
--sdc-palette-secondary-dark |
#dd2c00 |
|
|
--sdc-palette-secondary-contrastテキスト |
#fff |
|
|
--sdc-palette-grey-100 |
#f5f5f5 |
|
|
--sdc-palette-grey-200 |
#ECECEC |
|
|
--SDC-パレット-グレー-300 |
#DDDDDD |
|
|
--sdc-palette-grey-400 |
#CFCFCF |
|
|
--sdc-palette-grey-500 |
#C0C0C0 |
|
|
--SDCパレット-グレー-600 |
#B8B8B8 |
|
|
--SDCパレット-グレー-700 |
#A7A7A7 |
|
|
--SDCパレット-グレー-800 |
#979797 |
|
|
--SDC-パレット-グレー-900 |
#777777 |
|
|
--sdc-palette-info-main |
#0288d1 |
|
|
--sdc-palette-info-light |
#03a9f4 |
|
|
--sdc-palette-info-dark |
#01579b |
|
|
--sdc-palette-info-contrastテキスト |
#fff |
|
|
--sdc-palette-success-main |
#2e7d32 |
|
|
--sdc-palette-success-light |
#4caf50 |
|
|
--sdc-palette-success-dark |
#1b5e20 |
|
|
--sdc-palette-success-contrastテキスト |
#fff |
|
|
--sdc-palette-error-main |
#d32f2f |
|
|
--sdc-palette-error-light |
#ef5350 |
|
|
--sdc-palette-error-dark |
#c62828 |
|
|
--sdc-palette-error-contrastテキスト |
#fff |
|
|
--sdc-palette-warning-main |
#ed6c02 |
|
|
--sdc-palette-warning-light |
#ff9800 |
|
|
--sdc-palette-warning-dark |
#e65100 |
|
|
--sdc-palette-warning-contrastText |
#fff |
|
|
--sdc-palette-text-primary |
rgba(0, 0, 0, 0.87) | |
|
--sdc-palette-text-secondary |
rgba(0, 0, 0, 0.6) | |
|
--sdc-palette-text-disabledです |
rgba(0, 0, 0, 0.38) |