Shared: Themes: fix missing

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%",

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%",

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",
 };