Button no longer inherits color from theme

According to the readme:

By default an MDC Button will inherit its color from the theme

:root {
  --mdc-theme-primary: #3fa9f5;
}

Since 0.21.0, this is no longer happening and the buttons are all black.

[Lc0rE]

Hey, @hebbet thanks for the useful comment!

As I said, I came here just after having read the documentation which is (sadly) not mentioning this. As a general rule, I think that it should be a good approach to update docs when something showed up in the very first tutorial is removed or modified…

I also found terribly annoying that the example linked in the theming section docs/theming/ which is pointing to the plunker https://plnkr.co/edit/qxt7qpPsXgkt9UbMnE36?p=preview, contains the old (I guess old since I just approached the repository) mdl- classes.

Anyway, we don’t have now the possibility to use CSS Custom Properties? Just SASS?

[robbyrice]

I’ve run into this as well after updating to version 0.21.1. I think the main issue is that the documentation doesn’t reflect the current behavior of the library. As stated above (quotation from the current documentation),

By default an MDC Button will inherit its color from the theme

Unfortunately, this is not the case and buttons are rendered with a black background no matter what the theme is set to. This is the case on the button demo page as well. It is not a problem to style the button background (or any other component) on a project-by-project basis. However, the documentation should be clear about that. Otherwise, there is something missing from the CSS that is preventing the button background from being styled correctly.