Client: PortalSettings: fix link color

packages/client/src/pages/PortalSettings/categories/security/access-portal/adminMessage.js

@@ -36,6 +36,7 @@ const AdminMessage = (props) => {
     initSettings,
     isInit,
     helpLink,
+    currentColorScheme,
   } = props;
   const [type, setType] = useState("");
   const [showReminder, setShowReminder] = useState(false);
@@ -124,7 +125,7 @@ const AdminMessage = (props) => {
       <LearnMoreWrapper>
         <Text className="page-subtitle">{t("AdminsMessageHelper")}</Text>
         <Link
-          color="#316DAA"
+          color={currentColorScheme.main.accent}
           target="_blank"
           isHovered
           href={`${helpLink}/administration/configuration.aspx#ChangingSecuritySettings_block`}
@@ -170,7 +171,12 @@ const AdminMessage = (props) => {
 };
 
 export default inject(({ auth, setup }) => {
-  const { enableAdmMess, setMessageSettings, helpLink } = auth.settingsStore;
+  const {
+    enableAdmMess,
+    setMessageSettings,
+    helpLink,
+    currentColorScheme,
+  } = auth.settingsStore;
   const { initSettings, isInit } = setup;
 
   return {
@@ -179,5 +185,6 @@ export default inject(({ auth, setup }) => {
     initSettings,
     isInit,
     helpLink,
+    currentColorScheme,
   };
 })(withTranslation(["Settings", "Common"])(withRouter(observer(AdminMessage))));

packages/client/src/pages/PortalSettings/categories/security/access-portal/passwordStrength.js

@@ -46,6 +46,7 @@ const PasswordStrength = (props) => {
     initSettings,
     isInit,
     helpLink,
+    currentColorScheme,
   } = props;
 
   const [passwordLen, setPasswordLen] = useState(8);
@@ -188,7 +189,7 @@ const PasswordStrength = (props) => {
           {t("SettingPasswordStrengthHelper")}
         </Text>
         <Link
-          color="#316DAA"
+          color={currentColorScheme.main.accent}
           target="_blank"
           isHovered
           href={`${helpLink}/administration/configuration.aspx#ChangingSecuritySettings_block`}
@@ -261,6 +262,7 @@ export default inject(({ auth, setup }) => {
     setPortalPasswordSettings,
     passwordSettings,
     helpLink,
+    currentColorScheme,
   } = auth.settingsStore;
   const { initSettings, isInit } = setup;
 
@@ -270,6 +272,7 @@ export default inject(({ auth, setup }) => {
     initSettings,
     isInit,
     helpLink,
+    currentColorScheme,
   };
 })(
   withTranslation(["Settings", "Common"])(

packages/client/src/pages/PortalSettings/categories/security/access-portal/tfa.js

@@ -23,7 +23,15 @@ const MainContainer = styled.div`
 `;
 
 const TwoFactorAuth = (props) => {
-  const { t, history, initSettings, isInit, setIsInit, helpLink } = props;
+  const {
+    t,
+    history,
+    initSettings,
+    isInit,
+    setIsInit,
+    helpLink,
+    currentColorScheme,
+  } = props;
   const [type, setType] = useState("none");
 
   const [smsDisabled, setSmsDisabled] = useState(false);
@@ -125,7 +133,7 @@ const TwoFactorAuth = (props) => {
       <LearnMoreWrapper>
         <Text className="learn-subtitle">{t("TwoFactorAuthHelper")}</Text>
         <Link
-          color="#316DAA"
+          color={currentColorScheme.main.accent}
           target="_blank"
           isHovered
           href={`${helpLink}/administration/two-factor-authentication.aspx`}
@@ -187,7 +195,7 @@ export default inject(({ auth, setup }) => {
   } = auth.tfaStore;
 
   const { isInit, initSettings, setIsInit } = setup;
-  const { helpLink } = auth.settingsStore;
+  const { helpLink, currentColorScheme } = auth.settingsStore;
 
   return {
     setTfaSettings,
@@ -199,6 +207,7 @@ export default inject(({ auth, setup }) => {
     initSettings,
     setIsInit,
     helpLink,
+    currentColorScheme,
   };
 })(
   withTranslation(["Settings", "Common"])(withRouter(observer(TwoFactorAuth)))

packages/client/src/pages/PortalSettings/categories/security/access-portal/trustedMail.js

@@ -36,6 +36,7 @@ const TrustedMail = (props) => {
     trustedDomains,
     setMailDomainSettings,
     helpLink,
+    currentColorScheme,
   } = props;
 
   const regexp = /^[a-zA-Z0-9][a-zA-Z0-9-]{0,61}[a-zA-Z0-9](?:\.[a-zA-Z]{1,})+/; //check domain name valid
@@ -161,7 +162,7 @@ const TrustedMail = (props) => {
       <LearnMoreWrapper>
         <Text className="learn-subtitle">{t("TrustedMailHelper")}</Text>
         <Link
-          color="#316DAA"
+          color={currentColorScheme.main.accent}
           target="_blank"
           isHovered
           href={`${helpLink}/administration/configuration.aspx#ChangingSecuritySettings_block`}
@@ -228,6 +229,7 @@ export default inject(({ auth }) => {
     trustedDomains,
     setMailDomainSettings,
     helpLink,
+    currentColorScheme,
   } = auth.settingsStore;
 
   return {
@@ -235,5 +237,6 @@ export default inject(({ auth }) => {
     trustedDomains,
     setMailDomainSettings,
     helpLink,
+    currentColorScheme,
   };
 })(withTranslation(["Settings", "Common"])(withRouter(observer(TrustedMail))));