Ver código fonte

rn: update default color scheme

master
Saúl Ibarra Corretgé 6 anos atrás
pai
commit
c5111bb359
1 arquivos alterados com 18 adições e 19 exclusões
  1. 18
    19
      react/features/base/color-scheme/defaultScheme.js

+ 18
- 19
react/features/base/color-scheme/defaultScheme.js Ver arquivo

1
 // @flow
1
 // @flow
2
 
2
 
3
-import { ColorPalette, getRGBAFormat } from '../styles';
3
+import { ColorPalette } from '../styles';
4
 
4
 
5
 /**
5
 /**
6
  * The default color scheme of the application.
6
  * The default color scheme of the application.
7
  */
7
  */
8
 export default {
8
 export default {
9
     'BottomSheet': {
9
     'BottomSheet': {
10
-        background: ColorPalette.blackBlue,
11
-        icon: ColorPalette.white,
12
-        label: ColorPalette.white
10
+        background: 'rgb(255, 255, 255)',
11
+        icon: '#1c2025',
12
+        label: '#1c2025'
13
     },
13
     },
14
     'Dialog': {
14
     'Dialog': {
15
-        background: ColorPalette.blackBlue,
16
-        border: getRGBAFormat(ColorPalette.white, 0.2),
15
+        background: 'rgb(255, 255, 255)',
16
+        border: 'rgba(0, 3, 6, 0.6)',
17
         buttonBackground: ColorPalette.blue,
17
         buttonBackground: ColorPalette.blue,
18
         buttonLabel: ColorPalette.white,
18
         buttonLabel: ColorPalette.white,
19
-        icon: ColorPalette.white,
20
-        text: ColorPalette.white
19
+        icon: '#1c2025',
20
+        text: '#1c2025'
21
     },
21
     },
22
     'Header': {
22
     'Header': {
23
         background: ColorPalette.blue,
23
         background: ColorPalette.blue,
27
         text: ColorPalette.white
27
         text: ColorPalette.white
28
     },
28
     },
29
     'LargeVideo': {
29
     'LargeVideo': {
30
-        background: ColorPalette.black
30
+        background: 'rgb(42, 58, 75)'
31
     },
31
     },
32
     'LoadConfigOverlay': {
32
     'LoadConfigOverlay': {
33
-        background: ColorPalette.black,
34
-        text: ColorPalette.white
33
+        background: 'rgb(249, 249, 249)',
34
+        text: 'rgb(28, 32, 37)'
35
     },
35
     },
36
     'Thumbnail': {
36
     'Thumbnail': {
37
-        activeParticipantHighlight: ColorPalette.blue,
38
-        activeParticipantTint: ColorPalette.black,
39
-        background: ColorPalette.black
37
+        activeParticipantHighlight: 'rgb(81, 214, 170)',
38
+        activeParticipantTint: 'rgba(49, 183, 106, 0.3)',
39
+        background: 'rgb(94, 109, 122)'
40
     },
40
     },
41
     'Toolbox': {
41
     'Toolbox': {
42
-        button: getRGBAFormat(ColorPalette.white, 0.7),
43
-        buttonToggled: getRGBAFormat(ColorPalette.buttonUnderlay, 0.7),
44
-        buttonToggledBorder:
45
-            getRGBAFormat(ColorPalette.buttonUnderlay, 0.7),
46
-        hangup: ColorPalette.red
42
+        button: 'rgb(255, 255, 255)',
43
+        buttonToggled: 'rgba(255, 255, 255, 0)',
44
+        buttonToggledBorder: '#a4b8d1',
45
+        hangup: 'rgb(225, 45, 45)'
47
     }
46
     }
48
 };
47
 };

Carregando…
Cancelar
Salvar