diff --git a/packages/components/src/components/date-picker/_date-picker.scss b/packages/components/src/components/date-picker/_date-picker.scss index 62eab7fbacb3..e690b1866e80 100644 --- a/packages/components/src/components/date-picker/_date-picker.scss +++ b/packages/components/src/components/date-picker/_date-picker.scss @@ -96,8 +96,7 @@ } &::placeholder { - color: $text-05; - opacity: 1; + @include placeholder-colors; } } diff --git a/packages/components/src/components/search/_search.scss b/packages/components/src/components/search/_search.scss index 1f92814802a6..633826facbdd 100644 --- a/packages/components/src/components/search/_search.scss +++ b/packages/components/src/components/search/_search.scss @@ -52,8 +52,7 @@ } &::placeholder { - color: $text-05; - font-weight: 400; + @include placeholder-colors; } &::-ms-clear { @@ -69,7 +68,6 @@ &::placeholder { color: $disabled; - font-weight: 400; } } diff --git a/packages/components/src/components/time-picker/_time-picker.scss b/packages/components/src/components/time-picker/_time-picker.scss index 2466a87a580f..d3acf9f0bf08 100644 --- a/packages/components/src/components/time-picker/_time-picker.scss +++ b/packages/components/src/components/time-picker/_time-picker.scss @@ -57,7 +57,7 @@ background-color $duration--fast-01 motion(standard, productive); &::placeholder { - color: $text-05; + @include placeholder-colors; } } diff --git a/packages/components/src/globals/scss/_helper-mixins.scss b/packages/components/src/globals/scss/_helper-mixins.scss index 4fe96dab82ba..7b43f9deb9b2 100644 --- a/packages/components/src/globals/scss/_helper-mixins.scss +++ b/packages/components/src/globals/scss/_helper-mixins.scss @@ -46,7 +46,7 @@ /// @example @include placeholder-colors; /// @group global-helpers @mixin placeholder-colors { - color: $text-03; + color: $text-05; opacity: 1; }