From 7a83e1d713346ca0412765170de044fecbc388ca Mon Sep 17 00:00:00 2001
From: gazizova-vlada <vlada.gazizova@onlyoffice.com>
Date: Thu, 18 Aug 2022 17:53:35 +0300
Subject: [PATCH] Web:Common:Changing badge styles.

---
 .../components/ColorTheme/styled/badge.js     | 41 ++++++++++++++++---
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/packages/common/components/ColorTheme/styled/badge.js b/packages/common/components/ColorTheme/styled/badge.js
index 986693c6f5..f478b81549 100644
--- a/packages/common/components/ColorTheme/styled/badge.js
+++ b/packages/common/components/ColorTheme/styled/badge.js
@@ -2,22 +2,53 @@ import styled, { css } from "styled-components";
 import {
   StyledBadge,
   StyledInner,
+  StyledText,
 } from "@docspace/components/badge/styled-badge";
+import Base from "@docspace/components/themes/base";
 
-const getDefaultStyles = ({ currentColorScheme }) =>
-  currentColorScheme &&
+const getDefaultStyles = ({
+  $currentColorScheme,
+  isVersionBadge,
+  backgroundColor,
+  color,
+  theme,
+}) =>
+  $currentColorScheme &&
+  !isVersionBadge &&
   css`
+    ${StyledText} {
+      color: ${color
+        ? color
+        : $currentColorScheme.id === 7 && !theme.isBase
+        ? "#444444"
+        : theme.badge.color} !important;
+    }
+
     ${StyledInner} {
-      background-color: ${currentColorScheme.accentColor};
+      background-color: ${backgroundColor
+        ? backgroundColor
+        : $currentColorScheme.id === 7 && !theme.isBase
+        ? "#ECEEF1"
+        : $currentColorScheme.accentColor};
 
       &:hover {
-        background-color: ${currentColorScheme.accentColor};
+        background-color: ${backgroundColor
+          ? backgroundColor
+          : $currentColorScheme.id === 7 && !theme.isBase
+          ? "#ECEEF1"
+          : $currentColorScheme.accentColor};
       }
     }
 
     &:hover {
-      border-color: ${currentColorScheme.accentColor};
+      border-color: ${backgroundColor
+        ? backgroundColor
+        : $currentColorScheme.id === 7 && !theme.isBase
+        ? "#ECEEF1"
+        : $currentColorScheme.accentColor};
     }
   `;
 
+StyledBadge.defaultProps = { theme: Base };
+
 export default styled(StyledBadge)(getDefaultStyles);