From 63fa837e67f0511c68a8ee5175be2e5c04097e0f Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Fri, 14 Jun 2024 13:13:32 +0500
Subject: [PATCH] Client: use colors from theme

---
 .../src/components/dialogs/DeleteProfileEverDialog/index.js   | 2 +-
 .../client/src/components/panels/EditLinkPanel/LinkBlock.js   | 4 +---
 .../components/panels/EditLinkPanel/StyledEditLinkPanel.js    | 4 +++-
 .../categories/common/Customization/StyledSettings.js         | 4 ++++
 .../categories/common/Customization/dns-settings.js           | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/client/src/components/dialogs/DeleteProfileEverDialog/index.js b/packages/client/src/components/dialogs/DeleteProfileEverDialog/index.js
index 4d2e474a88..1288e28844 100644
--- a/packages/client/src/components/dialogs/DeleteProfileEverDialog/index.js
+++ b/packages/client/src/components/dialogs/DeleteProfileEverDialog/index.js
@@ -69,7 +69,7 @@ const StyledModalDialogContainer = styled(ModalDialogContainer)`
   }
 
   .text-warning {
-    color: #f24724;
+    color: ${(props) => props.theme.peopleDialogs.deleteUser.textColor};
     font-size: 16px;
     font-weight: 700;
     line-height: 22px;
diff --git a/packages/client/src/components/panels/EditLinkPanel/LinkBlock.js b/packages/client/src/components/panels/EditLinkPanel/LinkBlock.js
index 9fd03df8a2..5910d1d40a 100644
--- a/packages/client/src/components/panels/EditLinkPanel/LinkBlock.js
+++ b/packages/client/src/components/panels/EditLinkPanel/LinkBlock.js
@@ -51,9 +51,7 @@ const LinkBlock = (props) => {
       <Text className="edit-link-text" fontSize="16px" fontWeight={600}>
         {t("LinkName")}
       </Text>
-      <Text className="edit-link_required-icon" color="#F24724">
-        *
-      </Text>
+      <Text className="edit-link_required-icon">*</Text>
 
       <TextInput
         scale
diff --git a/packages/client/src/components/panels/EditLinkPanel/StyledEditLinkPanel.js b/packages/client/src/components/panels/EditLinkPanel/StyledEditLinkPanel.js
index 7fd02a7b2e..bb68bca775 100644
--- a/packages/client/src/components/panels/EditLinkPanel/StyledEditLinkPanel.js
+++ b/packages/client/src/components/panels/EditLinkPanel/StyledEditLinkPanel.js
@@ -64,6 +64,8 @@ const StyledEditLinkPanel = styled(ModalDialog)`
 
       .edit-link_required-icon {
         display: inline-flex;
+        color: ${(props) => props.theme.editLink.requiredColor};
+
         ${(props) =>
           props.theme.interfaceDirection === "rtl"
             ? css`
@@ -71,7 +73,7 @@ const StyledEditLinkPanel = styled(ModalDialog)`
               `
             : css`
                 margin-left: 2px;
-              `}
+              `};
       }
 
       .edit-link_link-input {
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/StyledSettings.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/StyledSettings.js
index fdec1ceae7..94990ecaf5 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/StyledSettings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/StyledSettings.js
@@ -86,6 +86,10 @@ const StyledSettingsComponent = styled.div`
     ${(props) => props.standalone && "margin-top: 14px"};
   }
 
+  .dns-error-text {
+    color: ${(props) => props.theme.client.settings.common.dns.errorColor};
+  }
+
   .combo-button-label {
     max-width: 100%;
     font-weight: 400;
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
index e3d09aa775..5ef40044f7 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
@@ -210,10 +210,10 @@ const DNSSettings = (props) => {
             {errorText &&
               errorText.map((err, index) => (
                 <Text
+                  className="dns-error-text"
                   key={index}
                   fontSize="12px"
                   fontWeight="400"
-                  color="#F24724"
                 >
                   {err}
                 </Text>