From a64e9194fdb2621e3f3bc56ec79ffb12ad656f42 Mon Sep 17 00:00:00 2001
From: kemuru <102478601+kemuru@users.noreply.github.com>
Date: Sat, 12 Oct 2024 00:17:47 +0200
Subject: [PATCH 1/2] fix: small color bug

---
 src/app/[pohid]/[chain]/[request]/Challenge.tsx |  2 +-
 src/app/[pohid]/[chain]/[request]/Funding.tsx   |  2 +-
 src/app/[pohid]/[chain]/[request]/Vouch.tsx     |  4 ++--
 src/app/[pohid]/[chain]/[request]/page.tsx      |  2 +-
 src/app/[pohid]/claim/page.tsx                  |  2 +-
 src/app/[pohid]/page.tsx                        |  2 +-
 src/app/globals.css                             | 10 +---------
 7 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/app/[pohid]/[chain]/[request]/Challenge.tsx b/src/app/[pohid]/[chain]/[request]/Challenge.tsx
index 83cb5eb..9e1ee71 100644
--- a/src/app/[pohid]/[chain]/[request]/Challenge.tsx
+++ b/src/app/[pohid]/[chain]/[request]/Challenge.tsx
@@ -145,7 +145,7 @@ export default function Challenge({
       <div className="p-4 flex flex-wrap flex-col items-center">
         <ALink className="flex" href={ipfs(arbitrationInfo.policy)}>
           <DocumentIcon className="fill-theme w-6 h-6" />
-          <strong className="mr-1 text-theme font-semibold">
+          <strong className="mr-1 text-orange font-semibold">
             Registration Policy
           </strong>
           (at the time of submission)
diff --git a/src/app/[pohid]/[chain]/[request]/Funding.tsx b/src/app/[pohid]/[chain]/[request]/Funding.tsx
index cebfd93..713774b 100644
--- a/src/app/[pohid]/[chain]/[request]/Funding.tsx
+++ b/src/app/[pohid]/[chain]/[request]/Funding.tsx
@@ -45,7 +45,7 @@ const FundButton: React.FC<FundButtonProps> = ({
         <div className="w-full p-4 flex justify-center rounded font-bold">
           <span
             onClick={() => addedFund$.set(formatEth(totalCost - funded))}
-            className="mx-1 text-theme font-semibold underline underline-offset-2 cursor-pointer"
+            className="mx-1 text-orange font-semibold underline underline-offset-2 cursor-pointer"
           >
             {formatEther(totalCost - funded)}
           </span>{" "}
diff --git a/src/app/[pohid]/[chain]/[request]/Vouch.tsx b/src/app/[pohid]/[chain]/[request]/Vouch.tsx
index f8b6ee2..bf450dd 100644
--- a/src/app/[pohid]/[chain]/[request]/Vouch.tsx
+++ b/src/app/[pohid]/[chain]/[request]/Vouch.tsx
@@ -109,14 +109,14 @@ export default function Vouch({ pohId, claimer, web3Loaded, me, chain, address }
         </span>
         <button
           className={cn(
-            "p-2 outline -outline-offset-4 outline-theme mt-4 text-theme text-xl font-medium rounded hover:btn-main hover:outline-0"
+            "p-2 outline -outline-offset-4 outline-theme mt-4 text-orange text-xl font-medium rounded hover:btn-main hover:outline-0"
           )}
           onClick={gaslessVouch}
         >
           VOUCH
         </button>
         <span
-          className="mt-4 text-theme text-sm cursor-pointer underline underline-offset-2"
+          className="mt-4 text-orange text-sm cursor-pointer underline underline-offset-2"
           onClick={addVouch}
         >
           or vouch on chain
diff --git a/src/app/[pohid]/[chain]/[request]/page.tsx b/src/app/[pohid]/[chain]/[request]/page.tsx
index 2dac252..903b0dc 100644
--- a/src/app/[pohid]/[chain]/[request]/page.tsx
+++ b/src/app/[pohid]/[chain]/[request]/page.tsx
@@ -318,7 +318,7 @@ export default async function Request({ params }: PageProps) {
               </span>
             </div>
 
-            <div className="mb-8 flex font-medium text-theme flex-wrap gap-x-[8px] gap-y-[8px]" >
+            <div className="mb-8 flex font-medium text-orange flex-wrap gap-x-[8px] gap-y-[8px]" >
               <div className="flex flex-row flex-wrap gap-x-[8px]">
                 <Image
                 alt="poh id"
diff --git a/src/app/[pohid]/claim/page.tsx b/src/app/[pohid]/claim/page.tsx
index 4e3c673..7ce488a 100644
--- a/src/app/[pohid]/claim/page.tsx
+++ b/src/app/[pohid]/claim/page.tsx
@@ -25,7 +25,7 @@ export default async function Claim({ params: { pohid } }: PageProps) {
     return (
       <div className="m-auto flex flex-col text-center">
         <span className="font-semibold">Invalid Proof of Humanity ID:</span>
-        <span className="text-6xl font-light text-theme">{pohid}</span>
+        <span className="text-6xl font-light text-orange">{pohid}</span>
       </div>
     );
 
diff --git a/src/app/[pohid]/page.tsx b/src/app/[pohid]/page.tsx
index 8ee3812..551bc63 100644
--- a/src/app/[pohid]/page.tsx
+++ b/src/app/[pohid]/page.tsx
@@ -282,7 +282,7 @@ async function Profile({ params: { pohid } }: PageProps) {
             />
         ) : (
           <>
-            <span className="mb-6 text-theme">Not claimed</span>
+            <span className="mb-6 text-orange">Not claimed</span>
             <Link className="btn-main w-48 mb-6" href={`/${pohId}/claim`}>
               Claim humanity
             </Link>
diff --git a/src/app/globals.css b/src/app/globals.css
index 3e665d0..c1a16c7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -46,7 +46,7 @@
   }
 
   .btn-sec {
-    @apply centered p-2 border-2 border-theme rounded-sm text-theme font-semibold uppercase disabled:opacity-40;
+    @apply centered p-2 border-2 border-theme rounded-sm text-orange font-semibold uppercase disabled:opacity-40;
   }
 
   .backdrop {
@@ -133,14 +133,6 @@
     color: theme("colors.dark.orange");
   }
 
-  .text-theme {
-    color: theme("colors.light.theme");
-  }
-
-  .dark .text-theme {
-    color: theme("colors.dark.theme");
-  }
-
   .text-status-vouching {
     color: theme("colors.light.status.vouching");
   }

From cfe6e057e839575c0cbee451286987c51c191320 Mon Sep 17 00:00:00 2001
From: kemuru <102478601+kemuru@users.noreply.github.com>
Date: Mon, 14 Oct 2024 16:56:33 +0200
Subject: [PATCH 2/2] fix: few more text color issues

---
 src/app/[pohid]/CrossChain.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/[pohid]/CrossChain.tsx b/src/app/[pohid]/CrossChain.tsx
index b9e3f1d..b39f22b 100644
--- a/src/app/[pohid]/CrossChain.tsx
+++ b/src/app/[pohid]/CrossChain.tsx
@@ -299,7 +299,7 @@ export default withClientConnected<CrossChainProps>(function CrossChain({
         trigger={<button className="text-sky-500">Update state</button>}
       >
         <div className="p-4">
-          <span className="txt m-2">
+          <span className="txt m-2 text-primaryText">
             Update humanity state on another chain. If you use wallet contract
             make sure it has same address on both chains.
           </span>
@@ -308,10 +308,10 @@ export default withClientConnected<CrossChainProps>(function CrossChain({
             {supportedChains.map((chain) => (
               <div
                 key={chain.id}
-                className="m-2 p-2 flex items-center justify-between border"
+                className="m-2 p-2 flex items-center justify-between border text-primaryText"
               >
                 <div className="flex items-center">
-                  <ChainLogo chainId={chain.id} className="w-4 h-4 mr-1" />
+                  <ChainLogo chainId={chain.id} className="w-4 h-4 mr-1 fill-primaryText" />
                   {chain.name}{" "}
                   {chain === homeChain ||
                   humanity[chain.id].crossChainRegistration ||