diff options
-rw-r--r-- | packages/theme/src/themes/default/index.ts | 2 | ||||
-rw-r--r-- | packages/theme/src/themes/legacy/index.ts | 8 | ||||
-rw-r--r-- | src/components/ui/Button.js | 2 | ||||
-rw-r--r-- | src/components/ui/FullscreenLoader/styles.js | 1 | ||||
-rw-r--r-- | src/components/ui/Loader.js | 2 | ||||
-rw-r--r-- | src/theme/default/legacy.js | 6 |
6 files changed, 11 insertions, 10 deletions
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts index 0f02fa3c8..53f810f00 100644 --- a/packages/theme/src/themes/default/index.ts +++ b/packages/theme/src/themes/default/index.ts | |||
@@ -11,7 +11,7 @@ export interface IStyleTypes { | |||
11 | }; | 11 | }; |
12 | } | 12 | } |
13 | 13 | ||
14 | export const brandPrimary = '#3498db'; | 14 | export const brandPrimary = '#7367F0'; |
15 | export const brandSuccess = '#5cb85c'; | 15 | export const brandSuccess = '#5cb85c'; |
16 | export const brandInfo = '#5bc0de'; | 16 | export const brandInfo = '#5bc0de'; |
17 | export const brandWarning = '#FF9F00'; | 17 | export const brandWarning = '#FF9F00'; |
diff --git a/packages/theme/src/themes/legacy/index.ts b/packages/theme/src/themes/legacy/index.ts index 2114b92c1..5a2d56a84 100644 --- a/packages/theme/src/themes/legacy/index.ts +++ b/packages/theme/src/themes/legacy/index.ts | |||
@@ -1,13 +1,13 @@ | |||
1 | /* legacy config, injected into sass */ | 1 | /* legacy config, injected into sass */ |
2 | export const themeBrandPrimary = '#3498db'; | 2 | export const themeBrandPrimary = '#7367F0'; |
3 | export const themeBrandSuccess = '#5cb85c'; | 3 | export const themeBrandSuccess = '#5cb85c'; |
4 | export const themeBrandInfo = '#5bc0de'; | 4 | export const themeBrandInfo = '#5bc0de'; |
5 | export const themeBrandWarning = '#FF9F00'; | 5 | export const themeBrandWarning = '#FF9F00'; |
6 | export const themeBrandDanger = '#d9534f'; | 6 | export const themeBrandDanger = '#d9534f'; |
7 | 7 | ||
8 | export const themeGrayDark = '#373a3c'; | 8 | export const themeGrayDark = '#7367F0'; |
9 | export const themeGray = '#55595c'; | 9 | export const themeGray = '#7367F0'; |
10 | export const themeGrayLight = '#818a91'; | 10 | export const themeGrayLight = '#CE9FFC'; |
11 | export const themeGrayLighter = '#eceeef'; | 11 | export const themeGrayLighter = '#eceeef'; |
12 | export const themeGrayLightest = '#f7f7f9'; | 12 | export const themeGrayLightest = '#f7f7f9'; |
13 | 13 | ||
diff --git a/src/components/ui/Button.js b/src/components/ui/Button.js index ffc7f7051..e2d7cea83 100644 --- a/src/components/ui/Button.js +++ b/src/components/ui/Button.js | |||
@@ -69,7 +69,7 @@ export default @observer class Button extends Component { | |||
69 | loaded={loaded} | 69 | loaded={loaded} |
70 | lines={10} | 70 | lines={10} |
71 | scale={0.4} | 71 | scale={0.4} |
72 | color={buttonType !== 'secondary' ? '#FFF' : '#373a3c'} | 72 | color={buttonType !== 'secondary' ? '#FFF' : '#7367F0'} |
73 | component="span" | 73 | component="span" |
74 | /> | 74 | /> |
75 | {label} | 75 | {label} |
diff --git a/src/components/ui/FullscreenLoader/styles.js b/src/components/ui/FullscreenLoader/styles.js index 64d24e4ce..d516781a8 100644 --- a/src/components/ui/FullscreenLoader/styles.js +++ b/src/components/ui/FullscreenLoader/styles.js | |||
@@ -4,6 +4,7 @@ export default { | |||
4 | alignItems: 'center', | 4 | alignItems: 'center', |
5 | position: 'absolute', | 5 | position: 'absolute', |
6 | width: '100%', | 6 | width: '100%', |
7 | background: 'linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%)', | ||
7 | }, | 8 | }, |
8 | component: { | 9 | component: { |
9 | width: '100%', | 10 | width: '100%', |
diff --git a/src/components/ui/Loader.js b/src/components/ui/Loader.js index f73296bb6..de8769b6c 100644 --- a/src/components/ui/Loader.js +++ b/src/components/ui/Loader.js | |||
@@ -16,7 +16,7 @@ export default class LoaderComponent extends Component { | |||
16 | children: null, | 16 | children: null, |
17 | loaded: false, | 17 | loaded: false, |
18 | className: '', | 18 | className: '', |
19 | color: '#373a3c', | 19 | color: '#7367F0', |
20 | }; | 20 | }; |
21 | 21 | ||
22 | render() { | 22 | render() { |
diff --git a/src/theme/default/legacy.js b/src/theme/default/legacy.js index 46847c60b..44496948d 100644 --- a/src/theme/default/legacy.js +++ b/src/theme/default/legacy.js | |||
@@ -5,9 +5,9 @@ export const themeBrandInfo = '#5bc0de'; | |||
5 | export const themeBrandWarning = '#FF9F00'; | 5 | export const themeBrandWarning = '#FF9F00'; |
6 | export const themeBrandDanger = '#d9534f'; | 6 | export const themeBrandDanger = '#d9534f'; |
7 | 7 | ||
8 | export const themeGrayDark = '#373a3c'; | 8 | export const themeGrayDark = '#7367F0'; |
9 | export const themeGray = '#55595c'; | 9 | export const themeGray = '#7367F0'; |
10 | export const themeGrayLight = '#818a91'; | 10 | export const themeGrayLight = '#CE9FFC'; |
11 | export const themeGrayLighter = '#eceeef'; | 11 | export const themeGrayLighter = '#eceeef'; |
12 | export const themeGrayLightest = '#f7f7f9'; | 12 | export const themeGrayLightest = '#f7f7f9'; |
13 | 13 | ||