Skip to content

Define disabled elements via opacity rather than color #618

@ariser

Description

@ariser

Having a “disabled” text color is not the best approach. A disabled color varies depending on where an item is displayed. And as a rule, “disabled” is not a color, disabled items have low contrast. So it's easier and more convenient to use opacity rather than color.

Suggested change

  • review disabled states of click-ui components
  • for text, stop using disabled color, and use opacity instead
  • for backgrounds and other visual attributes, review each case. Use opacity where possible, otherwise keep the color
  • review the changes in both light and dark themes

Originally posted by @ariser in #610 (comment)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions