style(search): update color tokens #9971
Conversation
| @@ -71,11 +71,11 @@ | |||
| .#{$prefix}--search-input[disabled] { | |||
| border-bottom: 1px solid transparent; | |||
| background-color: $field-disabled; | |||
| color: $disabled-01; | |||
| color: $text-on-color-disabled; | |||
There was a problem hiding this comment.
This could be a regression bug. Since $field-disabled is equal to $disabled-01, it means that the text color and the background color of a disabled search input are the same.
Hence I changed the text color to $text-on-color-disabled (equal to $disabled-03)
|
❌ Deploy Preview for carbon-react-next failed. 🔨 Explore the source changes: 8857b21 🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/617c4ebe6cfec500082f5619 |
|
✔️ Deploy Preview for carbon-components-react ready! 🔨 Explore the source changes: 8857b21 🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/617c4ebefd21db0007a96925 😎 Browse the preview: https://deploy-preview-9971--carbon-components-react.netlify.app |
|
✔️ Deploy Preview for carbon-elements ready! 🔨 Explore the source changes: 8857b21 🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/617c4ebeed613100075ec433 😎 Browse the preview: https://deploy-preview-9971--carbon-elements.netlify.app |
|
Thanks so much for the contribution here @motou and for adding the feedback suggestion on Scott's PR! I'm going to close this as a duplicate since we've already got some eyes from the design team over on the other PR. |
|
Duplicate of #9993 |
REF #9888
Update color tokens to v11 based on the following specs: https://github.com/carbon-design-system/carbon/blob/main/docs/migration/11.x-color.md