How can I change colors of a theme?

[xikeda]

How can I change the theme or the primary/secondary/ etc colors of the RMWC? For instance my tool bar, buttons and button text is purple. How can I change that to blue?

[jamesmfriedman]

Please read the docs before filing an issue.

https://jamesmfriedman.github.io/rmwc/styling

[xikeda]

lol

[xikeda]

👎

[xikeda]

Read your docs. No help

[jamesmfriedman]

@xikeda, inspect the root element of html document.

Include this in your own CSS, a style tag, or however you get styles into your app.

:root {
  --mdc-theme-primary: red;
  --mdc-theme-secondary: blue;
  // there are many more of these... refer to the mdc docs on the full list, or just look in your web inspector.
}

What would have helped that you didn't see in the docs about this?

[jamesmfriedman]

@xikeda I added a little more context in the styling section of the docs, let me know if that helps.