From 1a60d4ed39393b75de070392ec8d34aff7bbf9ae Mon Sep 17 00:00:00 2001
From: Tatiana Lopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Mon, 5 Dec 2022 14:07:35 +0300
Subject: [PATCH] Web: PortalSettings: Backup: Fixed styles.

---
 .../categories/data-management/backup/StyledBackup.js        | 5 ++---
 packages/components/themes/base.js                           | 1 +
 packages/components/themes/dark.js                           | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/data-management/backup/StyledBackup.js b/packages/client/src/pages/PortalSettings/categories/data-management/backup/StyledBackup.js
index 32bfa2fb91..ac5677300a 100644
--- a/packages/client/src/pages/PortalSettings/categories/data-management/backup/StyledBackup.js
+++ b/packages/client/src/pages/PortalSettings/categories/data-management/backup/StyledBackup.js
@@ -29,7 +29,6 @@ const commonStyles = css`
   }
   .radio-button_text {
     margin-right: 7px;
-    margin-left: 4px;
     font-size: 13px;
     font-weight: 600;
   }
@@ -185,7 +184,7 @@ const StyledRestoreBackup = styled.div`
     margin-top: 24px;
     margin-bottom: 8px;
     font-size: 16px;
-    color: #f21c0e;
+    color: ${(props) => props.theme.client.settings.backup.warningColor};
   }
   .restore-backup_warning-link {
     margin: 16px 0 24px 0;
@@ -232,7 +231,7 @@ const StyledModules = styled.div`
   margin-bottom: 24px;
   .backup-description {
     ${(props) => props.isDisabled && `color: #A3A9AE`};
-    margin-left: 29px;
+    margin-left: 25px;
     max-width: 700px;
   }
 `;
diff --git a/packages/components/themes/base.js b/packages/components/themes/base.js
index 9488d6c978..87ea7139dc 100644
--- a/packages/components/themes/base.js
+++ b/packages/components/themes/base.js
@@ -2919,6 +2919,7 @@ const Base = {
       backup: {
         rectangleBackgroundColor: "#f8f9f9",
         separatorBorder: "1px solid #eceef1",
+        warningColor: "#f21c0e",
       },
 
       payment: {
diff --git a/packages/components/themes/dark.js b/packages/components/themes/dark.js
index f50df0a42b..3f46c8aa0c 100644
--- a/packages/components/themes/dark.js
+++ b/packages/components/themes/dark.js
@@ -2921,6 +2921,7 @@ const Dark = {
       backup: {
         rectangleBackgroundColor: "#292929",
         separatorBorder: "1px solid #474747",
+        warningColor: "#E06451",
       },
 
       payment: {