ctify

Theme

Color scheme

Primary
On Primary
Primary Container
On Primary Container
Secondary
On Secondary
Secondary Container
On Secondary Container
Tertiary
On Tertiary
Tertiary Container
On Tertiary Container
Error
On Error
Error Container
On Error Container
Background
On Background
Surface
On Surface
Outline
Surface-Variant
On Surface-Variant

Try dynamic color

Components live

primary
secondary
tertiary
error
disabled
primary
secondary
tertiary
error
disabled
50
50
50
50
50

How to use?

  • Change the primary color, if the color you like, click export colors button
  • Go to your project main css file, add the following code or exported file content to the end of the file

Here is a live css code

Edit this page on GitHub