diff --git a/core/src/components/checkbox/checkbox.ionic.scss b/core/src/components/checkbox/checkbox.ionic.scss index 2025662ce54..d4d298b896d 100644 --- a/core/src/components/checkbox/checkbox.ionic.scss +++ b/core/src/components/checkbox/checkbox.ionic.scss @@ -117,7 +117,7 @@ input { } .checkbox-bottom .error-text { - color: globals.$ion-semantics-danger-800; + color: globals.$ion-text-danger; } .checkbox-bottom .helper-text { @@ -198,7 +198,7 @@ input { // Ionic Design Checkbox Invalid // -------------------------------------------------- :host(.ion-invalid) { - --focus-ring-color: #{globals.$ion-border-focus-error}; + --focus-ring-color: #{globals.$ion-border-danger-default}; } :host(.ion-invalid:not(.checkbox-checked)), diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png index 2d64acabc28..7acca721e65 100644 Binary files a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png index 41e75f1f38c..cc0b3bb5d24 100644 Binary files a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png index 0fca999d670..ac538faf0b6 100644 Binary files a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png index c8759f44f93..4da21321f17 100644 Binary files a/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png differ diff --git a/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png index eaf7d7a6314..7a4b44781f1 100644 Binary files a/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png differ diff --git a/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Safari-linux.png index f90b9ff1708..10a9ca38a08 100644 Binary files a/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/states/checkbox.e2e.ts-snapshots/checkbox-focused-ionic-md-ltr-light-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/input.ionic.scss b/core/src/components/input/input.ionic.scss index 218db589d8b..626bbaf935b 100644 --- a/core/src/components/input/input.ionic.scss +++ b/core/src/components/input/input.ionic.scss @@ -271,6 +271,10 @@ color: globals.$ion-primitives-neutral-800; } +.input-bottom .error-text { + color: globals.$ion-text-danger; +} + :host(.has-focus.ion-valid) .helper-text { color: var(--highlight-color-valid); } diff --git a/core/src/components/select/select.ionic.scss b/core/src/components/select/select.ionic.scss index af3678d0e15..2ba5f722406 100644 --- a/core/src/components/select/select.ionic.scss +++ b/core/src/components/select/select.ionic.scss @@ -36,6 +36,10 @@ color: globals.$ion-primitives-neutral-800; } +.select-bottom .error-text { + color: globals.$ion-text-danger; +} + .select-text { min-width: globals.$ion-space-400; diff --git a/core/src/components/textarea/textarea.ionic.scss b/core/src/components/textarea/textarea.ionic.scss index b0009fdfc10..53120a45df0 100644 --- a/core/src/components/textarea/textarea.ionic.scss +++ b/core/src/components/textarea/textarea.ionic.scss @@ -146,6 +146,10 @@ ion-icon { color: globals.$ion-text-subtlest; } +.textarea-bottom .error-text { + color: globals.$ion-text-danger; +} + :host(.has-focus.ion-valid) .helper-text { color: var(--highlight-color-valid); }