material-web icon indicating copy to clipboard operation
material-web copied to clipboard

How to get started to make a dark theme?

Open fredprodibi opened this issue 3 years ago • 3 comments

Hello, I m new to this project and I would like to use the components in a dark theme.

Does a dark theme already exists? What would be the best way to get started to have a default dark theme up ?

Thank you by advance

fredprodibi avatar May 08 '22 13:05 fredprodibi

There is this guide https://github.com/material-components/material-web/blob/master/docs/theming.md

omar2205 avatar Jun 07 '22 03:06 omar2205

@omar2205 that seems to be a broken link.

jquesada2016 avatar Jun 30 '22 17:06 jquesada2016

Yeah, the repo was updated in waiting for material 3. For material 2, there is an mwc branch, https://github.com/material-components/material-web/blob/mwc/docs/theming.md

For material 3, you would have to wait until the repo is fully updated.

omar2205 avatar Jun 30 '22 20:06 omar2205

Modify the ones from the docs: https://github.com/material-components/material-web/blob/main/docs/theming.md

Or use the theme builder: https://m3.material.io/theme-builder#/custom

treeder avatar Jul 27 '23 00:07 treeder

Closing since we've got some good replies in here. Feel free to start a discussion for more help!

asyncliz avatar Aug 02 '23 02:08 asyncliz