Merge pull request #929 from ONLYOFFICE/bugfix/fixed-selector-add-button-styles

Web: Files: fixed selector-add-button theme styles

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

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import Base from "../themes/base";
 
 const StyledButton = styled.div`
@@ -13,21 +13,25 @@ const StyledButton = styled.div`
 
   cursor: ${(props) => (!props.isDisabled ? "pointer" : "default")};
 
-  path {
-    ${(props) =>
-      !props.isDisabled &&
-      `
-    fill: ${props.theme.selectorAddButton.color} !important;
-    `}
-  }
-
-  &:hover {
+  svg {
     path {
       ${(props) =>
         !props.isDisabled &&
-        `
-    fill: ${props.theme.selectorAddButton.hoverColor} !important;
-    `}
+        css`
+          fill: ${props.theme.selectorAddButton.color};
+        `}
+    }
+  }
+
+  &:hover {
+    svg {
+      path {
+        ${(props) =>
+          !props.isDisabled &&
+          css`
+            fill: ${props.theme.selectorAddButton.hoverColor};
+          `}
+      }
     }
   }
 

packages/components/themes/base.js

@@ -389,7 +389,7 @@ const Base = {
     height: " 32px",
     width: "32px",
     padding: "10px",
-    color: black,
+    color: grayMain,
     hoverColor: black,
   },
 

packages/components/themes/dark.js

@@ -386,9 +386,9 @@ const Dark = {
     borderRadius: "3px",
     height: " 32px",
     width: "32px",
-    padding: "9px",
+    padding: "10px",
     color: "#858585",
-    hoverColor: "#858585",
+    hoverColor: grayMaxLight,
   },
 
   saveCancelButtons: {