Skip to content

feat(forms): align input colors with guidelines#1732

Draft
robertwilde wants to merge 3 commits intomainfrom
feat/forms/colors
Draft

feat(forms): align input colors with guidelines#1732
robertwilde wants to merge 3 commits intomainfrom
feat/forms/colors

Conversation

@robertwilde
Copy link
Collaborator

@robertwilde robertwilde commented Mar 24, 2026

Closes #1608
Closes #1609
Updated colors for checkbox, radio, switch and text input in alignment with iX.


Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

Copy link
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request updates the styling of form elements, including checkboxes, radio buttons, input fields, and switches, to align with new semantic tokens. This involves changes to background colors, border colors, and text colors for various states like hover, active, checked, and disabled. The review highlights an invalid CSS property border: 1; in the switch component, which should be corrected to border: 1px solid .... Additionally, it points out a visibility issue in the checked radio button's active state where the ::after element's background color matches the primary active background, making it invisible, and suggests using $element-action-primary-text for consistency.

@robertwilde robertwilde force-pushed the feat/forms/colors branch 2 times, most recently from 0499591 to a9e6730 Compare March 25, 2026 16:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update colors for input controls Update form input tokens

1 participant