change bg color for select field

Feature #13827

Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki@contractors.roche.com>

diff --git a/src/components/select-field/select-field.tsx b/src/components/select-field/select-field.tsx
index dda58c08305e3b183d112b6c49afa7d23ff745b9..1c3dec3510dc7fc12b36c79460a1deafbe417375 100644 (file)
--- a/src/components/select-field/select-field.tsx
+++ b/src/components/select-field/select-field.tsx
@@ -14,7 +14,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         width: '100%'
     },
     selectWrapper: {
-        backgroundColor: 'white',
+        backgroundColor: theme.palette.common.white,
         '&:before': {
             borderBottomColor: 'rgba(0, 0, 0, 0.42)'
         },
@@ -30,7 +30,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     },
     option: {
         fontSize: '0.875rem',
-        backgroundColor: 'white',
+        backgroundColor: theme.palette.common.white,
         height: '30px'
     }
 });