Browse Source

[RN] Recolor AudioRoutePickerDialog

master
Saúl Ibarra Corretgé 6 years ago
parent
commit
3212bde6e6

+ 1
- 1
react/features/base/styles/components/styles/ColorPalette.js View File

24
     darkGrey: '#555555',
24
     darkGrey: '#555555',
25
     green: '#40b183',
25
     green: '#40b183',
26
     lightGrey: '#AAAAAA',
26
     lightGrey: '#AAAAAA',
27
-    lighterGrey: '#EEEEEE',
27
+    overflowMenuItemUnderlay: '#EEEEEE',
28
     red: '#D00000',
28
     red: '#D00000',
29
     transparent: 'rgba(0, 0, 0, 0)',
29
     transparent: 'rgba(0, 0, 0, 0)',
30
     white: 'white',
30
     white: 'white',

+ 3
- 3
react/features/mobile/audio-mode/components/AudioRoutePickerDialog.js View File

7
 
7
 
8
 import { hideDialog, BottomSheet } from '../../../base/dialog';
8
 import { hideDialog, BottomSheet } from '../../../base/dialog';
9
 import { translate } from '../../../base/i18n';
9
 import { translate } from '../../../base/i18n';
10
-
11
 import { Icon } from '../../../base/font-icons';
10
 import { Icon } from '../../../base/font-icons';
11
+import { ColorPalette } from '../../../base/styles';
12
 
12
 
13
-import styles, { UNDERLAY_COLOR } from './styles';
13
+import styles from './styles';
14
 
14
 
15
 /**
15
 /**
16
  * Type definition for a single entry in the device list.
16
  * Type definition for a single entry in the device list.
210
             <TouchableHighlight
210
             <TouchableHighlight
211
                 key = { device.type }
211
                 key = { device.type }
212
                 onPress = { this._onSelectDeviceFn(device) }
212
                 onPress = { this._onSelectDeviceFn(device) }
213
-                underlayColor = { UNDERLAY_COLOR } >
213
+                underlayColor = { ColorPalette.overflowMenuItemUnderlay } >
214
                 <View style = { styles.deviceRow } >
214
                 <View style = { styles.deviceRow } >
215
                     <Icon
215
                     <Icon
216
                         name = { iconName }
216
                         name = { iconName }

+ 2
- 7
react/features/mobile/audio-mode/components/styles.js View File

2
 
2
 
3
 import { ColorPalette, createStyleSheet } from '../../../base/styles';
3
 import { ColorPalette, createStyleSheet } from '../../../base/styles';
4
 
4
 
5
-/**
6
- * Underlay color for the buttons on the sheet.
7
- *
8
- * @type {string}
9
- */
10
-export const UNDERLAY_COLOR = '#eee';
11
-
12
 /**
5
 /**
13
  * The React {@code Component} styles of {@code AudioRoutePickerDialog}.
6
  * The React {@code Component} styles of {@code AudioRoutePickerDialog}.
14
  *
7
  *
30
      * Style for the {@code Icon} element in a row.
23
      * Style for the {@code Icon} element in a row.
31
      */
24
      */
32
     deviceIcon: {
25
     deviceIcon: {
26
+        color: ColorPalette.white,
33
         fontSize: 24
27
         fontSize: 24
34
     },
28
     },
35
 
29
 
37
      * Style for the {@code Text} element in a row.
31
      * Style for the {@code Text} element in a row.
38
      */
32
      */
39
     deviceText: {
33
     deviceText: {
34
+        color: ColorPalette.white,
40
         fontSize: 16,
35
         fontSize: 16,
41
         marginLeft: 32
36
         marginLeft: 32
42
     },
37
     },

+ 1
- 1
react/features/toolbox/components/native/styles.js View File

176
     iconStyle: overflowMenuStyles.icon,
176
     iconStyle: overflowMenuStyles.icon,
177
     labelStyle: overflowMenuStyles.label,
177
     labelStyle: overflowMenuStyles.label,
178
     style: overflowMenuStyles.container,
178
     style: overflowMenuStyles.container,
179
-    underlayColor: '#eee'
179
+    underlayColor: ColorPalette.overflowMenuItemUnderlay
180
 };
180
 };

Loading…
Cancel
Save