CSS variables
The default stylesheet defines these custom properties on :root.
| Variable | Controls |
|---|---|
--jcees-form-font-family | Font stack used by the form |
--jcees-form-text | Primary text color |
--jcees-form-muted | Descriptions, optional labels, and secondary text |
--jcees-form-border | Default control border |
--jcees-form-border-strong | Hover borders and placeholders |
--jcees-form-surface | Control and calendar background |
--jcees-form-surface-subtle | Secondary-button hover background |
--jcees-form-primary | Submit button, focus border, and accents |
--jcees-form-primary-hover | Submit-button hover background |
--jcees-form-primary-text | Text on the primary button |
--jcees-form-danger | Validation error color |
--jcees-form-danger-soft | Validation error background |
--jcees-form-focus | Outer focus ring |
--jcees-form-radius | Control and button radius |
--jcees-form-control-height | Minimum height for controls |
--jcees-form-gap | Base vertical spacing |