diff --git a/.changeset/cool-hounds-yell.md b/.changeset/cool-hounds-yell.md new file mode 100644 index 0000000..f7220e0 --- /dev/null +++ b/.changeset/cool-hounds-yell.md @@ -0,0 +1,5 @@ +--- +"@openfun/cunningham-react": minor +--- + +fix Select and Input error colors diff --git a/packages/react/src/components/Forms/Input/index.scss b/packages/react/src/components/Forms/Input/index.scss index 6e9a2b2..f4ea572 100644 --- a/packages/react/src/components/Forms/Input/index.scss +++ b/packages/react/src/components/Forms/Input/index.scss @@ -114,7 +114,12 @@ &:not(.c__input__wrapper--disabled) { &:hover { - border-color: var(--c--theme--colors--danger-200); + border-color: var(--c--theme--colors--danger-800); + color: var(--c--theme--colors--danger-800); + + label { + color: var(--c--theme--colors--danger-800); + } } } } diff --git a/packages/react/src/components/Forms/Select/index.scss b/packages/react/src/components/Forms/Select/index.scss index 2f46a9e..1b9a69b 100644 --- a/packages/react/src/components/Forms/Select/index.scss +++ b/packages/react/src/components/Forms/Select/index.scss @@ -168,11 +168,19 @@ .c__select__wrapper { border-color: var(--c--theme--colors--danger-600); + + label { + color: var(--c--theme--colors--danger-600); + } } &:not(.c__select__wrapper--disabled) { .c__select__wrapper:hover { - border-color: var(--c--theme--colors--danger-200); + border-color: var(--c--theme--colors--danger-800); + + label { + color: var(--c--theme--colors--danger-800); + } } } }