diff --git a/packages/fiori/src/themes/SearchField.css b/packages/fiori/src/themes/SearchField.css index 40ab2f434d2a..44aa1eaf2d4b 100644 --- a/packages/fiori/src/themes/SearchField.css +++ b/packages/fiori/src/themes/SearchField.css @@ -12,7 +12,7 @@ max-width: 36rem; margin: 0; height: 2.25rem; - color: var(--sapShell_TextColor); + color: var(--sapField_TextColor); font-size: var(--sapFontSize); font-family: var(--sapFontFamily); font-style: normal; @@ -20,8 +20,7 @@ border-radius: var(--_ui5_search_input_border_radius); box-sizing: border-box; text-align: start; - background: var(--sapField_BackgroundStyle); - background-color: var(--_ui5-search-wrapper-background); + background: var(--_ui5-search-wrapper-background); position: relative; } diff --git a/packages/fiori/src/themes/sap_fiori_3/SearchField-parameters.css b/packages/fiori/src/themes/sap_fiori_3/SearchField-parameters.css index ff03ecae01b6..7e88bcf44389 100644 --- a/packages/fiori/src/themes/sap_fiori_3/SearchField-parameters.css +++ b/packages/fiori/src/themes/sap_fiori_3/SearchField-parameters.css @@ -4,7 +4,7 @@ --_ui5_search_icon_border_radius: 0.375rem; --_ui5_search_input_border_radius: none; --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor); - --_ui5-search-wrapper-background: none; + --_ui5-search-wrapper-background: var(--sapShellColor); --_ui5_search_separator_background: none; --_ui5-search-wrapper-hover-background: none; --_ui5-search-wrapper-hover-background-color: none; diff --git a/packages/fiori/src/themes/sap_fiori_3_dark/SearchField-parameters.css b/packages/fiori/src/themes/sap_fiori_3_dark/SearchField-parameters.css index 0ec463eb11cb..05e1f431fbab 100644 --- a/packages/fiori/src/themes/sap_fiori_3_dark/SearchField-parameters.css +++ b/packages/fiori/src/themes/sap_fiori_3_dark/SearchField-parameters.css @@ -4,7 +4,7 @@ --_ui5_search_icon_border_radius: 0.375rem; --_ui5_search_input_border_radius: none; --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor); - --_ui5-search-wrapper-background: none; + --_ui5-search-wrapper-background: var(--sapShellColor); --_ui5_search_separator_background: none; --_ui5-search-wrapper-hover-background: none; --_ui5-search-wrapper-hover-background-color: none; diff --git a/packages/fiori/src/themes/sap_fiori_3_hcb/SearchField-parameters.css b/packages/fiori/src/themes/sap_fiori_3_hcb/SearchField-parameters.css index ea8fa879d3c0..c08c4c11a72e 100644 --- a/packages/fiori/src/themes/sap_fiori_3_hcb/SearchField-parameters.css +++ b/packages/fiori/src/themes/sap_fiori_3_hcb/SearchField-parameters.css @@ -4,7 +4,7 @@ --_ui5_search_icon_border_radius: 0.375rem; --_ui5_search_input_border_radius: none; --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor); - --_ui5-search-wrapper-background: none; + --_ui5-search-wrapper-background: var(--sapShellColor); --_ui5_search_separator_background: none; --_ui5-search-wrapper-hover-background: none; --_ui5-search-wrapper-hover-background-color: none; diff --git a/packages/fiori/src/themes/sap_fiori_3_hcw/SearchField-parameters.css b/packages/fiori/src/themes/sap_fiori_3_hcw/SearchField-parameters.css index db96edfa9874..e6df8853fbb8 100644 --- a/packages/fiori/src/themes/sap_fiori_3_hcw/SearchField-parameters.css +++ b/packages/fiori/src/themes/sap_fiori_3_hcw/SearchField-parameters.css @@ -4,7 +4,7 @@ --_ui5_search_icon_border_radius: 0.375rem; --_ui5_search_input_border_radius: none; --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor); - --_ui5-search-wrapper-background: none; + --_ui5-search-wrapper-background: var(--sapShellColor); --_ui5_search_separator_background: none; --_ui5-search-wrapper-hover-background: none; --_ui5-search-wrapper-hover-background-color: none;