Web:Components:Selector-Add-Button Fixed the color theme

packages/components/selector-add-button/styled-selector-add-button.js

@@ -18,27 +18,38 @@ const StyledButton = styled.div`
       ${(props) =>
         !props.isDisabled &&
         css`
-          fill: ${props.theme.selectorAddButton.color};
+          fill: ${props.theme.selectorAddButton.iconColor};
         `}
     }
   }
 
   &:hover {
+    background: ${(props) =>
+      !props.isDisabled && props.theme.selectorAddButton.hoverBackground};
+
     svg {
       path {
         ${(props) =>
           !props.isDisabled &&
           css`
-            fill: ${props.theme.selectorAddButton.hoverColor};
+            fill: ${props.theme.selectorAddButton.iconColorHover};
           `}
       }
     }
   }
 
   &:active {
-    ${(props) =>
-      !props.isDisabled &&
-      `background-color: ${props.theme.selectorAddButton.activeBackground};`}
+    background: ${(props) =>
+      !props.isDisabled && props.theme.selectorAddButton.activeBackground};
+    svg {
+      path {
+        ${(props) =>
+          !props.isDisabled &&
+          css`
+            fill: ${props.theme.selectorAddButton.iconColorActive};
+          `}
+      }
+    }
   }
 
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

packages/components/themes/base.js

@@ -383,7 +383,12 @@ const Base = {
   },
   selectorAddButton: {
     background: grayLightMid,
-    activeBackground: grayLightMid,
+    hoverBackground: lightGrayishStrongBlue,
+    activeBackground: grayMid,
+
+    iconColor: grayMain,
+    iconColorHover: grayMain,
+    iconColorActive: grayMain,
 
     border: `none`,
     boxSizing: "border-box",

packages/components/themes/dark.js

@@ -376,8 +376,13 @@ const Dark = {
 
   iconButton: { color: "#858585", hoverColor: grayMaxLight },
   selectorAddButton: {
-    background: "#292929",
-    activeBackground: "#292929",
+    background: "#242424",
+    hoverBackground: "#282828",
+    activeBackground: "#242424",
+
+    iconColor: "#858585",
+    iconColorHover: "#FFFFFF",
+    iconColorActive: "#CCCCCC",
 
     border: `none`,
     boxSizing: "border-box",