Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Introduce style properties for disabled field colors #7482

Closed
rolfsmeds opened this issue Jun 9, 2024 · 0 comments · Fixed by #7553
Closed

Introduce style properties for disabled field colors #7482

rolfsmeds opened this issue Jun 9, 2024 · 0 comments · Fixed by #7553
Assignees
Labels
enhancement New feature or request theme

Comments

@rolfsmeds
Copy link
Contributor

Describe your motivation

Input fields currently have style properties for their normal states, e.g. --vaadin-input-field-background and --vaadin-input-field-value-color, as well as some state-specific properties for when these cannot be used, e.g. --vaadin-input-field-invalid-background, but there are no corresponding global style properties for the disable state, which means that overriding the text and background color of disabled fields requires targeting the appropriate parts and states explicitly e.g.

vaadin-text-field[disabled]::part(input-field) {
    --lumo-disabled-text-color: red;
    background-color: green;
}

Describe the solution you'd like

Introduce style properties specific to the disabled state

  • --vaadin-input-field-disabled-background
  • --vaadin-input-field-disabled-value-color

Describe alternatives you've considered

No response

Additional context

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request theme
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants