From 59997d1d2c5e92de5ad156263203a642de82d775 Mon Sep 17 00:00:00 2001
From: gopienkonikita <nikita.gopienko@onlyoffice.com>
Date: Wed, 19 Oct 2022 12:29:01 +0300
Subject: [PATCH] Web: Files: fixed selector-add-button theme styles

---
 .../styled-selector-add-button.js             | 30 +++++++++++--------
 packages/components/themes/base.js            |  2 +-
 packages/components/themes/dark.js            |  4 +--
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/packages/components/selector-add-button/styled-selector-add-button.js b/packages/components/selector-add-button/styled-selector-add-button.js
index 6c73846aaa..47a71f312e 100644
--- a/packages/components/selector-add-button/styled-selector-add-button.js
+++ b/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};
+          `}
+      }
     }
   }
 
diff --git a/packages/components/themes/base.js b/packages/components/themes/base.js
index 7228d9a1f9..d73453589e 100644
--- a/packages/components/themes/base.js
+++ b/packages/components/themes/base.js
@@ -389,7 +389,7 @@ const Base = {
     height: " 32px",
     width: "32px",
     padding: "10px",
-    color: black,
+    color: grayMain,
     hoverColor: black,
   },
 
diff --git a/packages/components/themes/dark.js b/packages/components/themes/dark.js
index e864ebb3fa..15281451cb 100644
--- a/packages/components/themes/dark.js
+++ b/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: {