Info page
Copy:
Content
  • form-control
  • Open group Feedback
    • [aria-invalid]
    • [disabled]
  • Open group Misc
    • legend
    • form-label
content is loading
Style
Open group States
:hover
Open group Appearance
Reset
Open group Padding
Reset
Open group Margin
Reset
Open group Border
Click on + to add border
Reset
Open group Typography
Reset
Open group Placeholder
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

✅ Saved new color variable. View colors

👋 First time here?

This tool allows you to style the form elements of your web project, then export them as SCSS. It is built upon the CodyHouse Framework.

Explore → Get started | Components | Global Editors

🔐 Login Required

Create a free CodyHouse account to unlock additional features and join our community of web designers!

🔐 Login

or create an account

Error: please try again or contact us