MDC-FAB背景MDC-テーマ二

Question

<style> 
:root { 
--mdc-theme-primary: #64ba69; 
--mdc-theme--primary-light: #96ed98; 
--mdc-theme--primary-dark: #31893d; 
--mdc-theme--secondary: #e55100; 
--mdc-theme--secondary-light: #ff833a; 
--mdc-theme--secondary-dark: #ab1a00; 
} 
</style> 

は、私は、計算結果と以下のため 背景色その主要な作品を見ることができます私の頭のタグに、次の有無：RGB（100、186、105） ; =＃64ba69

.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { 
background-color: var(--mdc-theme-primary, #3f51b5); 
} 

しかし、以下MDC-FAB機能しない二次計算につれ結果 背景色：RGB（255、64、129）。 =＃ff4081

.mdc-fab { 
background-color: var(--mdc-theme-secondary, #ff4081); 
} 

よくわからないのはなぜですか？ https://codepen.io/webiflex/pen/rYKaNm

Answer 1

以下の回答を参照してください。「テーマプロパティ名の一部に余分なダッシュがあります」という私の間違いでした。 例えば： --mdc-テーマ - 二 は次のようになります。 --mdc-テーマ - 二

Answer