diff --git a/packages/shared/themes/base.ts b/packages/shared/themes/base.ts index daafdea536..902951ff1e 100644 --- a/packages/shared/themes/base.ts +++ b/packages/shared/themes/base.ts @@ -106,6 +106,7 @@ const { onWhiteColor, boxShadowColor, + loaderLight, editorGreenColor, editorBlueColor, @@ -113,8 +114,6 @@ const { windowsColor, linuxColor, androidColor, - - shuttleGrey, } = globalColors; export const getBaseTheme = () => { @@ -1445,7 +1444,7 @@ export const getBaseTheme = () => { }, loader: { - color: shuttleGrey, + color: loaderLight, size: "40px", marginRight: "2px", borderRadius: "50%", diff --git a/packages/shared/themes/dark.ts b/packages/shared/themes/dark.ts index 980febdc59..96dace25b0 100644 --- a/packages/shared/themes/dark.ts +++ b/packages/shared/themes/dark.ts @@ -95,6 +95,7 @@ const { onWhiteColor, boxShadowDarkColor, + loaderDark, editorGreenColor, editorBlueColor, @@ -102,8 +103,6 @@ const { windowsColor, linuxColor, androidColor, - - shuttleGrey, } = globalColors; const Dark: TTheme = { @@ -319,7 +318,7 @@ const Dark: TTheme = { svg: { margin: "auto", height: "100%", - fill: black, + fill: white, }, dropDown: { @@ -1427,7 +1426,7 @@ const Dark: TTheme = { }, loader: { - color: shuttleGrey, + color: loaderDark, size: "40px", marginRight: "2px", borderRadius: "50%", diff --git a/packages/shared/themes/globalColors.ts b/packages/shared/themes/globalColors.ts index ea61b8bb68..a44de5b247 100644 --- a/packages/shared/themes/globalColors.ts +++ b/packages/shared/themes/globalColors.ts @@ -100,6 +100,8 @@ export const globalColors = { onWhiteColor: "rgba(0, 0, 0, 0.1)", boxShadowColor: "#040F1B14", boxShadowDarkColor: "#040F1B29", + loaderLight: "#E7E7E7", + loaderDark: "#484848", editorGreenColor: "#40865C", editorBlueColor: "#446995", @@ -110,5 +112,4 @@ export const globalColors = { // tickColor: "#20D21F", - shuttleGrey: "#63686A", };