Skip to content

Commit 3e6fc13

Browse files
committed
fix(input): use correct colors for helper/error disabled states
1 parent ad08ec1 commit 3e6fc13

File tree

1 file changed

+2
-5
lines changed

1 file changed

+2
-5
lines changed

core/src/components/input/input.ionic.scss

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,6 @@
169169
// ----------------------------------------------------------------
170170

171171
:host(.input-disabled) {
172-
// color for the text within the input
173172
--color: #{globals.$ion-primitives-neutral-500};
174173
--background: #{globals.$ion-primitives-neutral-100};
175174
--border-color: #{globals.$ion-primitives-neutral-300};
@@ -181,7 +180,7 @@
181180
:host(.input-disabled:not(.ion-valid)) .input-bottom .helper-text,
182181
:host(.input-disabled) .input-bottom .counter,
183182
:host(.input-disabled) .label-text-wrapper {
184-
color: globals.$ion-primitives-neutral-500;
183+
color: globals.$ion-text-disabled;
185184
}
186185

187186
:host(.input-disabled.has-focus.ion-valid) {
@@ -197,9 +196,7 @@
197196
}
198197

199198
:host(.input-disabled.has-focus.ion-valid) .input-bottom .helper-text,
200-
:host(.input-disabled.ion-touched.ion-invalid) .error-text,
201-
:host(.input-disabled.ion-color) .input-bottom .helper-text,
202-
:host(.input-disabled.ion-color) .helper-text {
199+
:host(.input-disabled.ion-touched.ion-invalid) .error-text {
203200
opacity: 0.6;
204201
}
205202

0 commit comments

Comments
 (0)