diff --git a/.changeset/loud-pumas-shake.md b/.changeset/loud-pumas-shake.md new file mode 100644 index 00000000000..289da7dc393 --- /dev/null +++ b/.changeset/loud-pumas-shake.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Fixed Filters SearchField background in dark mode diff --git a/polaris-react/src/components/Filters/components/SearchField/SearchField.scss b/polaris-react/src/components/Filters/components/SearchField/SearchField.scss index c8041f1a366..c555484240a 100644 --- a/polaris-react/src/components/Filters/components/SearchField/SearchField.scss +++ b/polaris-react/src/components/Filters/components/SearchField/SearchField.scss @@ -18,9 +18,11 @@ /* stylelint-disable-next-line polaris/typography/polaris/at-rule-disallowed-list -- Matching custom input with TextField */ @include text-style-input; flex: 1; + color: var(--p-color-text); border: var(--p-border-width-025) solid var(--p-color-input-border); border-radius: var(--p-border-radius-100); border-color: var(--p-color-input-border); + background-color: var(--p-color-input-bg-surface); // stylelint-disable-next-line -- Polaris component custom properties padding-inline: var(--pc-indexfilter-search-padding-inline); width: 100%;