fix: link color changes

aswathy-deriv · Dec 6, 2023 · ef1e7a1 · ef1e7a1
1 parent 8395d8f
commit ef1e7a1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/features/pages/signup/form-container/index.tsx b/src/features/pages/signup/form-container/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { signup_form_container, signup_form_line } from '../signup.module.scss'
+import { signup_form_container, signup_form_line, link_text } from '../signup.module.scss'
 import FormSocialButtons from './form-social-buttons'
 import SignUpPageForm from './signup-page-form'
 import Flex from 'features/components/atoms/flex-box'
@@ -39,7 +39,8 @@ const SignUpFormContainer = () => {
                     translate_text="_t_By pressing “Create demo account”, you confirm that you are 18 or older. You understand that we may use your email address to send you information about Deriv products and services as well as market news. You can always unsubscribe from these emails in your account settings. For more information, please take a look at Deriv’s <0>Security and privacy</0>._t_"
                     components={[
                         <Link
-                            textcolor="brand"
+                            className={link_text}
+                            textcolor="primary"
                             key={0}
                             url={{
                                 target: '_blank',

diff --git a/src/features/pages/signup/form-container/signup-page-form.tsx b/src/features/pages/signup/form-container/signup-page-form.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import { link_text } from '../signup.module.scss'
 import Flex from 'features/components/atoms/flex-box'
 import { TString } from 'types/generics'
 import Button from 'features/components/atoms/button'
@@ -42,7 +43,8 @@ const SignUpPageForm = () => {
                         translate_text="_t_I agree to the <0>terms and conditions</0>_t_"
                         components={[
                             <Link
-                                textcolor="brand"
+                                className={link_text}
+                                textcolor="primary"
                                 key={0}
                                 target="_blank"
                                 url={{

diff --git a/src/features/pages/signup/signup.module.scss b/src/features/pages/signup/signup.module.scss
@@ -27,3 +27,10 @@
 .signup_apple_btn {
     background-color: #000000;
 }
+.link_text {
+    text-decoration: underline;
+}
+:hover .link_text {
+    text-decoration-color: #000000;
+    color: $text-color-primary;
+}