Info page
Copy:
Content
  • btn
  • Open group Themes
    • btn--primary
    • btn--subtle
    • btn--accent
  • Open group Feedback
    • btn--disabled
  • Open group Sizes
    • btn--sm
    • btn--md
    • btn--lg
content is loading
Style
Open group States
Open group Appearance
Reset
Reset
Open group Border
Click on + to add border
Reset
Open group Typography
Reset
Open group Text Shadow
Click on + to add text-shadow
Reset
Open group Shadow
Click on + to add box-shadow
Reset
Open group Outline
Reset
Open group Transform
Click on + to add transform
Reset
Open group Transition
Click on + to add transition
Reset
Colors
Edit
Default
  • not specified
  • transparent
  • inherit
Main
  • --color-primary
  • --color-accent
Black + White
  • --color-black
  • --color-white
Feedback
  • --color-success
  • --color-warning
  • --color-error
Bg + Contrasts
  • --color-bg
  • --color-contrast-lower
  • --color-contrast-low
  • --color-contrast-medium
  • --color-contrast-high
  • --color-contrast-higher
All colors
Edit
Tints & shades
Alpha values
New alpha value

👋 First time here?

This tool allows you to design a set of buttons, then export them as SCSS. It is built upon the CodyHouse Framework.

Explore → Get started | Components | Global Editors

✅ Saved new color variable. View colors

Error: please try again or contact us