diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-10 12:31:34 +0200 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-10 12:31:34 +0200 |
commit | 47ae4fc0b426353e202c683e237710a9714d3ac6 (patch) | |
tree | 0c54d952213c69cc350a8b9347ba7658879c17c9 /packages | |
parent | refactors workspace theme vars into object structure (diff) | |
download | ferdium-app-47ae4fc0b426353e202c683e237710a9714d3ac6.tar.gz ferdium-app-47ae4fc0b426353e202c683e237710a9714d3ac6.tar.zst ferdium-app-47ae4fc0b426353e202c683e237710a9714d3ac6.zip |
improve contrast of workspace switching indicator
Diffstat (limited to 'packages')
-rw-r--r-- | packages/theme/src/themes/default/index.ts | 3 | ||||
-rw-r--r-- | packages/ui/src/loader/index.tsx | 4 |
2 files changed, 6 insertions, 1 deletions
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts index 48111d22b..d0493b82f 100644 --- a/packages/theme/src/themes/default/index.ts +++ b/packages/theme/src/themes/default/index.ts | |||
@@ -196,6 +196,9 @@ export const workspaces = { | |||
196 | }, | 196 | }, |
197 | }, | 197 | }, |
198 | }, | 198 | }, |
199 | switchingIndicator: { | ||
200 | spinnerColor: 'white', | ||
201 | }, | ||
199 | }; | 202 | }; |
200 | 203 | ||
201 | // export const workspaceSettings = { | 204 | // export const workspaceSettings = { |
diff --git a/packages/ui/src/loader/index.tsx b/packages/ui/src/loader/index.tsx index 46545c786..4a3c8274f 100644 --- a/packages/ui/src/loader/index.tsx +++ b/packages/ui/src/loader/index.tsx | |||
@@ -8,6 +8,7 @@ import { IWithStyle } from '../typings/generic'; | |||
8 | 8 | ||
9 | interface IProps extends IWithStyle { | 9 | interface IProps extends IWithStyle { |
10 | className?: string; | 10 | className?: string; |
11 | color?: string; | ||
11 | } | 12 | } |
12 | 13 | ||
13 | const styles = (theme: Theme) => ({ | 14 | const styles = (theme: Theme) => ({ |
@@ -22,6 +23,7 @@ class LoaderComponent extends Component<IProps> { | |||
22 | const { | 23 | const { |
23 | classes, | 24 | classes, |
24 | className, | 25 | className, |
26 | color, | ||
25 | theme, | 27 | theme, |
26 | } = this.props; | 28 | } = this.props; |
27 | 29 | ||
@@ -37,7 +39,7 @@ class LoaderComponent extends Component<IProps> { | |||
37 | loaded={false} | 39 | loaded={false} |
38 | width={4} | 40 | width={4} |
39 | scale={0.75} | 41 | scale={0.75} |
40 | color={theme.colorText} | 42 | color={color || theme.colorText} |
41 | parentClassName={classes.loader} | 43 | parentClassName={classes.loader} |
42 | /> | 44 | /> |
43 | </div> | 45 | </div> |