diff --git a/src/components/date-picker/themes/shared/date-picker.common.scss b/src/components/date-picker/themes/shared/date-picker.common.scss index ebd0cd660..a2ff0a5ec 100644 --- a/src/components/date-picker/themes/shared/date-picker.common.scss +++ b/src/components/date-picker/themes/shared/date-picker.common.scss @@ -81,7 +81,7 @@ $input-theme: input-theme.$material; color: var(--affix-color); } - igc-input:focus-within { + igc-date-time-input:focus-within { --affix-color: #{var-get($theme, 'input-prefix-color--focused')}; &::part(filled) { diff --git a/src/components/input/themes/shared/input.bootstrap.scss b/src/components/input/themes/shared/input.bootstrap.scss index 9a3faed0f..29ba6021c 100644 --- a/src/components/input/themes/shared/input.bootstrap.scss +++ b/src/components/input/themes/shared/input.bootstrap.scss @@ -149,7 +149,6 @@ $theme: $bootstrap; :host(:focus-within) { [part~='input'] { - color: var-get($theme, 'input-prefix-color--focused'); border-color: var-get($theme, 'focused-border-color'); box-shadow: 0 0 0 rem(4px) var-get($theme, 'focused-secondary-color'); } diff --git a/src/components/input/themes/shared/input.material.scss b/src/components/input/themes/shared/input.material.scss index b9f53825f..5c6da33ff 100644 --- a/src/components/input/themes/shared/input.material.scss +++ b/src/components/input/themes/shared/input.material.scss @@ -51,13 +51,16 @@ input:placeholder-shown + [part='notch'] [part='label'], } [part~='input'] { - color: var-get($theme, 'filled-text-color'); background: transparent; padding: 0 pad-inline(rem(4px)); font-size: rem(16px); grid-area: 1 / 2 / span 1 / span 2; } +[part~='input filled'] { + color: var-get($theme, 'filled-text-color'); +} + [part='label'] { @include type-style('subtitle-1'); diff --git a/src/components/textarea/themes/shared/textarea.bootstrap.scss b/src/components/textarea/themes/shared/textarea.bootstrap.scss index f92f084d0..9be33b63d 100644 --- a/src/components/textarea/themes/shared/textarea.bootstrap.scss +++ b/src/components/textarea/themes/shared/textarea.bootstrap.scss @@ -105,8 +105,6 @@ textarea { } :host(:focus-within) { - color: var-get($theme, 'input-prefix-color--focused'); - [part~='prefix'] { color: var-get($theme, 'input-prefix-color--focused'); background: var-get($theme, 'input-prefix-background--focused'); diff --git a/src/components/textarea/themes/shared/textarea.material.scss b/src/components/textarea/themes/shared/textarea.material.scss index afb6e47d5..9be7a3ed0 100644 --- a/src/components/textarea/themes/shared/textarea.material.scss +++ b/src/components/textarea/themes/shared/textarea.material.scss @@ -162,8 +162,6 @@ textarea { } :host(:not([outlined]):focus-within) { - color: var-get($theme, 'input-prefix-color--focused'); - [part~='container'] { background: var-get($theme, 'box-background-focus');