Shared: Themes: delete useless

packages/shared/themes/base.ts

@@ -61,7 +61,7 @@ const {
   lightSecondMain,
   lightSecondMainHover,
   blueMaya,
-  blueSky,
+  lightSecondMainDisabled,
 
   lightStatusWarning,
 
@@ -80,11 +80,8 @@ const {
   lightToastWarning,
   lightToastAlert,
   darkBlack,
-  silver,
   lightGrayHover,
-  strongBlue,
   lightGraySelected,
-  darkRed,
 
   lightErrorStatus,
   darkGrayLight,
@@ -200,7 +197,7 @@ export const getBaseTheme = () => {
         primary: lightSecondMain,
         primaryHover: lightSecondMainHover,
         primaryActive: blueMaya,
-        primaryDisabled: blueSky,
+        primaryDisabled: lightSecondMainDisabled,
       },
 
       border: {
@@ -212,7 +209,7 @@ export const getBaseTheme = () => {
         primary: `1px solid ${lightSecondMain}`,
         primaryHover: `1px solid ${lightSecondMainHover}`,
         primaryActive: `1px solid ${blueMaya}`,
-        primaryDisabled: `1px solid ${blueSky}`,
+        primaryDisabled: `1px solid ${lightSecondMainDisabled}`,
       },
 
       loader: {
@@ -1329,10 +1326,6 @@ export const getBaseTheme = () => {
         },
       },
 
-      dropZone: {
-        border: `1px dashed ${silver}`,
-      },
-
       container: {
         miniPreview: {
           width: "160px",
@@ -1377,61 +1370,6 @@ export const getBaseTheme = () => {
       disabledColor: "#767676",
     },
 
-    treeNode: {
-      background: lightGrayHover,
-      disableColor: gray,
-
-      dragging: {
-        draggable: {
-          background: lightToastInfo,
-          hoverBackgroundColor: lightMediumGoldenrod,
-          borderRadius: "3px",
-        },
-
-        title: {
-          width: "85%",
-        },
-      },
-      icon: {
-        color: lightGrayDark,
-      },
-
-      draggable: {
-        color: grayText,
-        dragOverBackgroundColor: strongBlue,
-        border: `1px ${strongBlue} solid`,
-        dragOverColor: white,
-
-        gapTop: {
-          borderTop: `2px blue solid`,
-        },
-
-        gapBottom: {
-          borderBottom: `2px blue solid`,
-        },
-      },
-
-      contentWrapper: {
-        color: darkRed,
-      },
-
-      title: {
-        color: grayText,
-      },
-
-      selected: {
-        background: lightGraySelected,
-        hoverBackgroundColor: lightGraySelected,
-        borderRadius: "3px",
-      },
-
-      checkbox: {
-        border: `2px solid ${white}`,
-        borderTop: 0,
-        borderLeft: 0,
-      },
-    },
-
     progressBar: {
       backgroundColor: lightGrayHover,
 
@@ -1837,7 +1775,6 @@ export const getBaseTheme = () => {
 
     dragAndDrop: {
       height: "100%",
-      border: `1px solid ${globalColors.darkSilver}`,
       transparentBorder: "1px solid transparent",
       acceptBackground: lightMediumGoldenrod,
       background: lightToastInfo,
@@ -1874,7 +1811,6 @@ export const getBaseTheme = () => {
     //     border: `1px solid ${grayLightMid}`,
     //   },
     //   crossShape: {
-    //     color: graySilver,
     //     disable: {
     //       color: gray,
     //     },
@@ -2461,14 +2397,6 @@ export const getBaseTheme = () => {
       },
     },
 
-    connectCloud: {
-      connectBtnContent: black,
-      connectBtnTextBg: white,
-      connectBtnIconBg: white,
-      connectBtnTextBorder: grayStrong,
-      connectBtnIconBorder: grayStrong,
-    },
-
     createEditRoomDialog: {
       commonParam: {
         descriptionColor: gray,

packages/shared/themes/dark.ts

@@ -40,7 +40,6 @@ const {
   grayLightMid,
   grayStrong,
   grayDarkMid,
-  graySilver,
   gray,
   lightGrayDark,
   grayDark,
@@ -59,13 +58,9 @@ const {
   grayText,
 
   darkBlack,
-  silver,
-  strongBlue,
 
   lightStatusWarning,
 
-  darkRed,
-
   darkErrorStatus,
   darkGrayLight,
   grayDarkStrong,
@@ -78,6 +73,7 @@ const {
   darkToastWarning,
   lightBlueMainDisabled,
   lightBlueMainHover,
+  darkGrayDark,
 } = globalColors;
 
 const Dark: TTheme = {
@@ -430,7 +426,7 @@ const Dark: TTheme = {
 
     iconColor: grayDark,
     iconColorHover: white,
-    iconColorActive: silver,
+    iconColorActive: darkGrayDark,
 
     border: `none`,
     boxSizing: "border-box",
@@ -1355,62 +1351,6 @@ const Dark: TTheme = {
     disabledColor: grayDarkText,
   },
 
-  treeNode: {
-    background: lightDarkGrayHover,
-    disableColor: grayDark,
-
-    icon: {
-      color: "#ADADAD",
-    },
-
-    dragging: {
-      draggable: {
-        background: "rgba(230, 211, 138, 0.12)",
-        hoverBackgroundColor: "rgba(204, 184, 102, 0.2)",
-        borderRadius: "3px",
-      },
-
-      title: {
-        width: "85%",
-      },
-    },
-
-    draggable: {
-      color: grayText,
-      dragOverBackgroundColor: strongBlue,
-      border: `1px ${strongBlue} solid`,
-      dragOverColor: white,
-
-      gapTop: {
-        borderTop: `2px blue solid`,
-      },
-
-      gapBottom: {
-        borderBottom: `2px blue solid`,
-      },
-    },
-
-    contentWrapper: {
-      color: darkRed,
-    },
-
-    title: {
-      color: "#a9a9a9",
-    },
-
-    selected: {
-      background: black,
-      hoverBackgroundColor: black,
-      borderRadius: "3px",
-    },
-
-    checkbox: {
-      border: `2px solid ${white}`,
-      borderTop: 0,
-      borderLeft: 0,
-    },
-  },
-
   progressBar: {
     backgroundColor: grayDark,
 
@@ -1819,7 +1759,6 @@ const Dark: TTheme = {
 
   dragAndDrop: {
     height: "100%",
-    border: `1px solid ${globalColors.darkSilver}`,
     transparentBorder: "1px solid transparent",
     acceptBackground: "rgba(204, 184, 102, 0.2)",
     background: "rgba(230, 211, 138, 0.12)",
@@ -1856,7 +1795,6 @@ const Dark: TTheme = {
   //     border: `1px solid ${grayLightMid}`,
   //   },
   //   crossShape: {
-  //     color: graySilver,
   //     disable: {
   //       color: gray,
   //     },
@@ -2165,8 +2103,6 @@ const Dark: TTheme = {
   },
 
   peopleTableRow: {
-    fill: graySilver,
-
     nameColor: grayMaxLight,
     pendingNameColor: "#6f6f6f",
 
@@ -2386,7 +2322,6 @@ const Dark: TTheme = {
       descriptionColor: "#ADADAD",
       buttonColor: "#ADADAD",
       hoverButtonColor: white,
-      pressedButtonColor: silver,
     },
   },
 
@@ -2442,14 +2377,6 @@ const Dark: TTheme = {
     },
   },
 
-  connectCloud: {
-    connectBtnContent: silver,
-    connectBtnTextBg: "none",
-    connectBtnIconBg: "#none",
-    connectBtnTextBorder: silver,
-    connectBtnIconBorder: grayDarkStrong,
-  },
-
   createEditRoomDialog: {
     commonParam: {
       descriptionColor: gray,
@@ -2884,7 +2811,7 @@ const Dark: TTheme = {
     textColor: grayDark,
     navBackground: darkGrayLight,
     headerColor: white,
-    helpButton: graySilver,
+    helpButton: grayDark,
     orLineColor: grayDarkStrong,
     orTextColor: grayDark,
     titleColor: white,

packages/shared/themes/globalColors.ts

@@ -79,34 +79,20 @@ export const globalColors = {
   darkToastWarning: "#E07751",
   //
 
-  whiteSolitude: "#E4E7EB",
   grayMaxLight: "#eeeeee",
-  graySilver: "#D8D8D8",
 
   shuttleGrey: "#63686A",
   veryLightGrey: "#CACACA",
-  darkSilver: "#bbb",
-  silver: "#CCCCCC",
 
   blueMain: "#2DA7DB",
-  blueHover: "#3DB8EC",
-  blueActive: "#1F97CA",
   blueDisabled: "#A6DCF2",
-  blueCharcoal: "#1F2933",
-  strongBlue: "#316AC5",
   blueMaya: "#4A8ACA",
-  blueSky: "#96C1EC",
 
   lightGrayishBlue: "#DEE2E6",
 
-  orangeHover: "#FF8932",
   orangePressed: "#C96C27",
-  orangeDisabled: "#FFCCA6",
   lightMediumGoldenrod: "#EFEFB2",
 
-  errorColor: "#C96C27",
-
   warningColor: "#f1ca92",
   red: "#c30",
-  darkRed: "#A60000",
 };