Material Theme Generator

Build a Material Design using CSS custom properties, or upload an image to generate a theme based on the image.

--mdc-theme-background: #ffffff;

--mdc-theme-primary: #6200ee;

--mdc-theme-on-primary: #ffffff;

--mdc-theme-secondary: #018786;

--mdc-theme-on-secondary: #ffffff;

--mdc-theme-error: #b00020;

--mdc-theme-on-error: #ffffff;

--mdc-theme-surface: #ffffff;

--mdc-theme-on-surface: #000000;

--mdc-shape-small: px;

--mdc-shape-medium: px;

--mdc-shape-large: px;

--mdc-typography--font-family:
        Roboto;

--mdc-typography--headline1

--mdc-typography--headline2

--mdc-typography--headline3

--mdc-typography--headline4

--mdc-typography--headline5

--mdc-typography--headline6

--mdc-typography--subtitle1

subtitle 1

--mdc-typography--subtitle2

subtitle 2

--mdc-typography--body1

body 1

--mdc-typography--body2

body 2

--mdc-typography--button

button

--mdc-typography--caption

caption

--mdc-typography--overline

overline

	Dessert	Carbs (g)	Protein (g)
	Froyo	24	4.0
	Eclair	37	4.3

Headline 6