Dropdown color theme support

desktop-app/app/components/AddressInput.js

@@ -320,7 +320,7 @@ const styles = theme => {
       width: '100%',
       padding: '14px 10px',
       borderRadius: '20px',
-      backgroundColor: theme.palette.background.l10,
+      backgroundColor: theme.palette.background.l0,
       color: theme.palette.text.normal,
       border: mode({
         light: 'none',

desktop-app/app/components/Select.js

@@ -25,11 +25,11 @@ function Select(props) {
       backgroundColor: isDisabled
         ? null
         : isSelected
-        ? '#ffffff40'
+        ? appTheme.palette.background.l10
         : isFocused
-        ? '#ffffff20'
+        ? appTheme.palette.background.l5
         : null,
-      color: 'white',
+      color: appTheme.palette.text.normal,
 
       ':active': {
         ...styles[':active'],
@@ -42,7 +42,11 @@ function Select(props) {
       ...styles,
       color: appTheme.palette.text.primary,
     }),
-    menu: styles => ({...styles, background: '#4b4b4b', zIndex: 100}),
+    menu: styles => ({
+      ...styles,
+      background: appTheme.palette.background.l1,
+      zIndex: 100,
+    }),
   }));
 
   return (

desktop-app/app/components/useCreateTheme.js

@@ -24,8 +24,9 @@ const lightTheme = {
       l0: '#f8f8f8',
       l1: '#ffffff',
       l2: '#e7e7e7',
-      l5: '#8a8a8a',
-      l10: '#eff1f2',
+      l5: '#efefef',
+      l10: '#d2d2d2',
+      l20: '#8a8a8a',
     },
     header: {
       main: '#F5F5F5',
@@ -64,7 +65,8 @@ const darkTheme = {
       l1: '#2f2f33',
       l2: '#383838',
       l5: '#8a8a8a',
-      l10: '#1e1e1e',
+      l10: '#9e9e9e',
+      l20: '#aeaeae',
     },
     header: {
       main: '#252526',