From 278f4a35535aed22142dd554265a4bc6136449f7 Mon Sep 17 00:00:00 2001
From: Rithvik-padma <rithvik.padma@gmail.com>
Date: Mon, 18 Sep 2023 08:14:52 +0530
Subject: [PATCH 1/2] fix: change the font styling for the galoy connector
 screens in dark theme mode

---
 src/app/components/ConnectorForm/index.tsx    |  4 +-
 .../screens/connectors/ConnectGaloy/index.tsx | 39 +++++++++++--------
 2 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/app/components/ConnectorForm/index.tsx b/src/app/components/ConnectorForm/index.tsx
index dd800c30dc..598a03856e 100644
--- a/src/app/components/ConnectorForm/index.tsx
+++ b/src/app/components/ConnectorForm/index.tsx
@@ -56,7 +56,7 @@ function ConnectorForm({
 
   return (
     <form onSubmit={onSubmit}>
-      <div className="max-w-xl mx-auto mt-6 relative bg-white dark:bg-surface-02dp p-7 shadow rounded-lg">
+      <div className="max-w-xl mx-auto mt-6 relative bg-white dark:bg-transparent dark:bg-surface-02dp p-7 shadow rounded-lg">
         <div className="flex items-center mb-4">
           {logo && <img src={logo} className="w-16 mr-4 rounded-lg" />}
           {/*
@@ -72,7 +72,7 @@ function ConnectorForm({
         </div>
         {media}
         {description && (
-          <div className="text-gray-500 dark:text-neutral-400 whitespace-pre-line">
+          <div className="text-gray-500 dark:text-white whitespace-pre-line">
             {typeof description === "string" ? (
               <p className="mb-6">{description}</p>
             ) : (
diff --git a/src/app/screens/connectors/ConnectGaloy/index.tsx b/src/app/screens/connectors/ConnectGaloy/index.tsx
index 2846baad8c..b8698b0326 100644
--- a/src/app/screens/connectors/ConnectGaloy/index.tsx
+++ b/src/app/screens/connectors/ConnectGaloy/index.tsx
@@ -170,26 +170,31 @@ export default function ConnectGaloy(props: Props) {
       submitLabel={t("galoy.actions.login")}
       submitLoading={loading}
       onSubmit={loginWithJwt}
+      description={
+        <Trans
+          i18nKey={"galoy.token.info"}
+          t={t}
+          values={{ label }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <a
+              href="https://wallet.mainnet.galoy.io"
+              className="underline"
+            ></a>,
+            // eslint-disable-next-line react/jsx-key
+            <br />,
+            // eslint-disable-next-line react/jsx-key
+            <b></b>,
+          ]}
+        />
+      }
     >
       {
         <div className="mt-6">
-          <Trans
-            i18nKey={"galoy.token.info"}
-            t={t}
-            values={{ label }}
-            components={[
-              // eslint-disable-next-line react/jsx-key
-              <a
-                href="https://wallet.mainnet.galoy.io"
-                className="underline"
-              ></a>,
-              // eslint-disable-next-line react/jsx-key
-              <br />,
-              // eslint-disable-next-line react/jsx-key
-              <b></b>,
-            ]}
-          />
-          <label htmlFor="jwt" className="block font-medium text-gray-700">
+          <label
+            htmlFor="jwt"
+            className="block font-medium text-gray-800 dark:text-white"
+          >
             {t("galoy.token.label")}
           </label>
           <div className="mt-1">

From 3e0ce870be327cf99c60eda117eb407a9c00fa1c Mon Sep 17 00:00:00 2001
From: Rithvik-padma <rithvik.padma@gmail.com>
Date: Tue, 19 Sep 2023 14:47:30 +0530
Subject: [PATCH 2/2] fix: remove redundant changes

---
 src/app/components/ConnectorForm/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/ConnectorForm/index.tsx b/src/app/components/ConnectorForm/index.tsx
index 598a03856e..920aa8caa9 100644
--- a/src/app/components/ConnectorForm/index.tsx
+++ b/src/app/components/ConnectorForm/index.tsx
@@ -56,7 +56,7 @@ function ConnectorForm({
 
   return (
     <form onSubmit={onSubmit}>
-      <div className="max-w-xl mx-auto mt-6 relative bg-white dark:bg-transparent dark:bg-surface-02dp p-7 shadow rounded-lg">
+      <div className="max-w-xl mx-auto mt-6 relative bg-white dark:bg-surface-02dp p-7 shadow rounded-lg">
         <div className="flex items-center mb-4">
           {logo && <img src={logo} className="w-16 mr-4 rounded-lg" />}
           {/*