Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: fixed colors for error input and labels on dark palette mode themes and dark controls. (https://github.com/woocommerce/woocommerce-blocks/pull/6292)

This commit is contained in:
Paulo Arromba 2022-07-06 15:03:15 +01:00 committed by GitHub
parent 4aaaebe0c0
commit ffbc39bfd3
2 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
plugins/woocommerce-blocks/assets/js/base/components/text-input/style.scss
View File

@ -105,10 +105,25 @@
&:focus {
box-shadow: 0 0 0 1px $alert-red;
}
.has-dark-controls &,
.has-dark-controls &:hover,
.has-dark-controls &:focus,
.has-dark-controls &:active {
border-color: color.adjust($alert-red, $lightness: 30%);
}
.has-dark-controls &:focus {
box-shadow: 0 0 0 1px color.adjust($alert-red, $lightness: 30%);
}
}
&.has-error label {
color: $alert-red;
.has-dark-controls & {
color: color.adjust($alert-red, $lightness: 30%);
}
}
&:only-child {

4
plugins/woocommerce-blocks/assets/js/base/context/providers/validation/components/validation-input-error/style.scss
View File

@ -10,6 +10,10 @@
}
}
.has-dark-mode-palette .wc-block-components-validation-error {
color: color.adjust($alert-red, $lightness: 30%);
}
.wc-block-components-select + .wc-block-components-validation-error {
margin-bottom: $gap-large;
}