Headタグに次のものを入れます
<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>
計算結果の background-color: rgb(100, 186, 105); を使用して、プライマリが以下で機能することがわかります。= #64ba69
.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
background-color: var(--mdc-theme-primary, #3f51b5);
}
ただし、計算結果を取得するため、mdc-fab の下ではセカンダリは機能しません background-color:rgb(255, 64, 129); = #ff4081
.mdc-fab {
background-color: var(--mdc-theme-secondary, #ff4081);
}