From c4dfeca90d1fa3e6de5b99cdbe3611c6d159c4e7 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Thu, 13 Jun 2024 16:52:02 +0500
Subject: [PATCH] Management: use colors from theme

---
 .../src/categories/spaces/StyledSpaces.tsx           |  7 +++++++
 .../spaces/sub-components/ConfigurationSection.tsx   |  6 +++---
 .../dialogs/ChangeDomainDialog/index.tsx             |  6 +++++-
 .../dialogs/CreatePortalDialog/index.tsx             | 12 ++++++++++--
 4 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/packages/management/src/categories/spaces/StyledSpaces.tsx b/packages/management/src/categories/spaces/StyledSpaces.tsx
index ef5e132402..82c3c9c6d2 100644
--- a/packages/management/src/categories/spaces/StyledSpaces.tsx
+++ b/packages/management/src/categories/spaces/StyledSpaces.tsx
@@ -79,6 +79,13 @@ const ConfigurationWrapper = styled.div`
     &-configuration-title {
       padding-bottom: 8px;
     }
+    &-input-subheader {
+      color: ${({ theme }) => theme.management.textColor};
+    }
+  }
+
+  .error-text {
+    color: ${({ theme }) => theme.management.errorColor};
   }
 `;
 
diff --git a/packages/management/src/categories/spaces/sub-components/ConfigurationSection.tsx b/packages/management/src/categories/spaces/sub-components/ConfigurationSection.tsx
index b7e5ad6b0c..79bb29135c 100644
--- a/packages/management/src/categories/spaces/sub-components/ConfigurationSection.tsx
+++ b/packages/management/src/categories/spaces/sub-components/ConfigurationSection.tsx
@@ -140,7 +140,7 @@ const ConfigurationSection = ({ t }: TConfigurationSection): JSX.Element => {
             >
               {t("Common:Domain")}
             </Text>
-            <Text color="#A3A9AE">(example.com)</Text>
+            <Text className="spaces-input-subheader">(example.com)</Text>
           </div>
 
           <TextInput
@@ -155,10 +155,10 @@ const ConfigurationSection = ({ t }: TConfigurationSection): JSX.Element => {
             {domainNameError &&
               domainNameError.map((err, index) => (
                 <Text
+                  className="error-text"
                   key={index}
                   fontSize="12px"
                   fontWeight="400"
-                  color="#F24724"
                 >
                   {err}
                 </Text>
@@ -178,7 +178,7 @@ const ConfigurationSection = ({ t }: TConfigurationSection): JSX.Element => {
             tabIndex={2}
           />
           <div>
-            <Text fontSize="12px" fontWeight="400" color="#F24724">
+            <Text className="error-text" fontSize="12px" fontWeight="400">
               {portalNameError || checkDomainError}
             </Text>
           </div>
diff --git a/packages/management/src/categories/spaces/sub-components/dialogs/ChangeDomainDialog/index.tsx b/packages/management/src/categories/spaces/sub-components/dialogs/ChangeDomainDialog/index.tsx
index 4aa6842758..785bb481c3 100644
--- a/packages/management/src/categories/spaces/sub-components/dialogs/ChangeDomainDialog/index.tsx
+++ b/packages/management/src/categories/spaces/sub-components/dialogs/ChangeDomainDialog/index.tsx
@@ -44,6 +44,10 @@ const StyledModal = styled(ModalDialogContainer)`
   .create-docspace-input {
     width: 100%;
   }
+
+  .error-text {
+    color: ${({ theme }) => theme.management.errorColor};
+  }
 `;
 
 const ChangeDomainDialogComponent = () => {
@@ -121,10 +125,10 @@ const ChangeDomainDialogComponent = () => {
             {domainNameError &&
               domainNameError.map((err, index) => (
                 <Text
+                  className="error-text"
                   key={index}
                   fontSize="12px"
                   fontWeight="400"
-                  color="#F24724"
                 >
                   {err}
                 </Text>
diff --git a/packages/management/src/categories/spaces/sub-components/dialogs/CreatePortalDialog/index.tsx b/packages/management/src/categories/spaces/sub-components/dialogs/CreatePortalDialog/index.tsx
index 1bd8327cb9..555aa02e55 100644
--- a/packages/management/src/categories/spaces/sub-components/dialogs/CreatePortalDialog/index.tsx
+++ b/packages/management/src/categories/spaces/sub-components/dialogs/CreatePortalDialog/index.tsx
@@ -63,6 +63,14 @@ const StyledModal = styled(ModalDialogContainer)`
   .create-docspace-input {
     width: 100%;
   }
+
+  .error-text {
+    color: ${({ theme }) => theme.management.errorColor};
+  }
+
+  .sub-text {
+    color: ${({ theme }) => theme.management.textColor};
+  }
 `;
 
 const CreatePortalDialog = () => {
@@ -169,15 +177,15 @@ const CreatePortalDialog = () => {
             className="create-docspace-input"
           />
           <div>
-            <Text fontSize="12px" fontWeight="400" color="#F24724">
+            <Text className="error-text" fontSize="12px" fontWeight="400">
               {registerError}
             </Text>
           </div>
           <div style={{ marginTop: "6px", wordWrap: "break-word" }}>
             <Text
+              className="sub-text"
               fontSize="12px"
               fontWeight="400"
-              color="#A3A9AE"
             >{`${name}.${baseDomain}`}</Text>
           </div>
         </div>