DEV Community

Cover image for Material Theme Builder - Beer CSS Tips #3
Leonardo Rafael Wehrmeister
Leonardo Rafael Wehrmeister

Posted on

Material Theme Builder - Beer CSS Tips #3

Hello,

I want to share a serie of posts containing some tips of Beer CSS. Beer CSS is a new framework around, based on (not restricted to) Material Design 3. Material Design 3 is a design system created by Google. In this post, we will learn about material builder theme. To generate your material theme is very simple.

1) First, go to the colors section of homepage.

Image description

2) You can change the mode to light/dark, select a color or upload an image.

3) You can get all CSS variables from current theme, after click on "<>" icon.

Image description

Hope you enjoy this article. Thanks for read!

Beer CSS:
https://www.beercss.com

Material Design 3:
https://m3.material.io/

Top comments (0)