From cf071c4c5e90e0a09933f3a663d9e0b30bc8b453 Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Wed, 20 Nov 2024 14:36:38 +0100
Subject: [PATCH 01/11] fix: color of copy button

---
 .../nextjs/app/blockexplorer/_components/TransactionHash.tsx  | 4 ++--
 packages/nextjs/app/debug/_components/contract/TxReceipt.tsx  | 4 ++--
 packages/nextjs/components/scaffold-eth/Address/Address.tsx   | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx b/packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx
index eae13d132..48615e0dc 100644
--- a/packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx
+++ b/packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx
@@ -15,7 +15,7 @@ export const TransactionHash = ({ hash }: { hash: string }) => {
       </Link>
       {addressCopied ? (
         <CheckCircleIcon
-          className="ml-1.5 text-xl font-normal text-sky-600 h-5 w-5 cursor-pointer"
+          className="ml-1.5 text-xl font-normal text-base-content h-5 w-5 cursor-pointer"
           aria-hidden="true"
         />
       ) : (
@@ -29,7 +29,7 @@ export const TransactionHash = ({ hash }: { hash: string }) => {
           }}
         >
           <DocumentDuplicateIcon
-            className="ml-1.5 text-xl font-normal text-sky-600 h-5 w-5 cursor-pointer"
+            className="ml-1.5 text-xl font-normal text-base-content h-5 w-5 cursor-pointer"
             aria-hidden="true"
           />
         </CopyToClipboard>
diff --git a/packages/nextjs/app/debug/_components/contract/TxReceipt.tsx b/packages/nextjs/app/debug/_components/contract/TxReceipt.tsx
index 824eb8f7b..c140e3d40 100644
--- a/packages/nextjs/app/debug/_components/contract/TxReceipt.tsx
+++ b/packages/nextjs/app/debug/_components/contract/TxReceipt.tsx
@@ -13,7 +13,7 @@ export const TxReceipt = ({ txResult }: { txResult: TransactionReceipt }) => {
       <div className="mt-1 pl-2">
         {txResultCopied ? (
           <CheckCircleIcon
-            className="ml-1.5 text-xl font-normal text-sky-600 h-5 w-5 cursor-pointer"
+            className="ml-1.5 text-xl font-normal text-base-content h-5 w-5 cursor-pointer"
             aria-hidden="true"
           />
         ) : (
@@ -27,7 +27,7 @@ export const TxReceipt = ({ txResult }: { txResult: TransactionReceipt }) => {
             }}
           >
             <DocumentDuplicateIcon
-              className="ml-1.5 text-xl font-normal text-sky-600 h-5 w-5 cursor-pointer"
+              className="ml-1.5 text-xl font-normal text-base-content h-5 w-5 cursor-pointer"
               aria-hidden="true"
             />
           </CopyToClipboard>
diff --git a/packages/nextjs/components/scaffold-eth/Address/Address.tsx b/packages/nextjs/components/scaffold-eth/Address/Address.tsx
index 28011d51b..53147f764 100644
--- a/packages/nextjs/components/scaffold-eth/Address/Address.tsx
+++ b/packages/nextjs/components/scaffold-eth/Address/Address.tsx
@@ -177,7 +177,7 @@ export const Address = ({
             </AddressLinkWrapper>
           </span>
           <AddressCopyIcon
-            className={`ml-1 text-sky-600 ${copyIconSizeMap[addressSize]} cursor-pointer`}
+            className={`ml-1 text-base-content ${copyIconSizeMap[addressSize]} cursor-pointer`}
             address={checkSumAddress}
           />
         </div>

From 5930f5c65c9ff3b9c58235f3fc4859223ae22a5f Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Wed, 20 Nov 2024 14:41:05 +0100
Subject: [PATCH 02/11] fix: debug page DisplayVariable styles

---
 .../nextjs/app/debug/_components/contract/DisplayVariable.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/app/debug/_components/contract/DisplayVariable.tsx b/packages/nextjs/app/debug/_components/contract/DisplayVariable.tsx
index bf7fe3f45..acd5ab674 100644
--- a/packages/nextjs/app/debug/_components/contract/DisplayVariable.tsx
+++ b/packages/nextjs/app/debug/_components/contract/DisplayVariable.tsx
@@ -69,7 +69,7 @@ export const DisplayVariable = ({
         </button>
         <InheritanceTooltip inheritedFrom={inheritedFrom} />
       </div>
-      <div className="text-gray-500 font-medium flex flex-col items-start">
+      <div className="text-base-content/80 flex flex-col items-start">
         <div>
           <div
             className={`break-all block transition bg-transparent ${

From 5a64fd76addeb2bd6cc944871fdb4e9d795a4123 Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Wed, 20 Nov 2024 15:02:26 +0100
Subject: [PATCH 03/11] fix: InputBase colors

---
 packages/nextjs/components/scaffold-eth/Input/InputBase.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/components/scaffold-eth/Input/InputBase.tsx b/packages/nextjs/components/scaffold-eth/Input/InputBase.tsx
index cf57692f7..45529879f 100644
--- a/packages/nextjs/components/scaffold-eth/Input/InputBase.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/InputBase.tsx
@@ -50,7 +50,7 @@ export const InputBase = <T extends { toString: () => string } | undefined = str
     <div className={`flex border-2 border-base-300 bg-base-200 rounded-full text-accent ${modifier}`}>
       {prefix}
       <input
-        className="input input-ghost focus-within:border-transparent focus:outline-none focus:bg-transparent focus:text-gray-400 h-[2.2rem] min-h-[2.2rem] px-4 border w-full font-medium placeholder:text-accent/50 text-gray-400"
+        className="input input-ghost focus-within:border-transparent focus:outline-none focus:bg-transparent h-[2.2rem] min-h-[2.2rem] px-4 border w-full font-medium placeholder:text-accent/80 text-base-content/90 focus:text-base-content/90"
         placeholder={placeholder}
         name={name}
         value={value?.toString()}

From ad07cb70283c3e108fbbc97ee46a7ea687b248f4 Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Wed, 20 Nov 2024 15:05:50 +0100
Subject: [PATCH 04/11] fix: searchbar placeholder

---
 packages/nextjs/app/blockexplorer/_components/SearchBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/app/blockexplorer/_components/SearchBar.tsx b/packages/nextjs/app/blockexplorer/_components/SearchBar.tsx
index e602096d3..9bd7618c0 100644
--- a/packages/nextjs/app/blockexplorer/_components/SearchBar.tsx
+++ b/packages/nextjs/app/blockexplorer/_components/SearchBar.tsx
@@ -35,7 +35,7 @@ export const SearchBar = () => {
   return (
     <form onSubmit={handleSearch} className="flex items-center justify-end mb-5 space-x-3 mx-5">
       <input
-        className="border-primary bg-base-100 text-base-content p-2 mr-2 w-full md:w-1/2 lg:w-1/3 rounded-md shadow-md focus:outline-none focus:ring-2 focus:ring-accent"
+        className="border-primary bg-base-100 text-base-content placeholder:text-base-content/50 p-2 mr-2 w-full md:w-1/2 lg:w-1/3 rounded-md shadow-md focus:outline-none focus:ring-2 focus:ring-accent"
         type="text"
         value={searchInput}
         placeholder="Search by hash or address"

From aa67f3d1172ba6319ec9e9d4a731c0c71dbc205e Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Wed, 20 Nov 2024 16:59:56 +0100
Subject: [PATCH 05/11] fix: switch theme toggle color

---
 packages/nextjs/components/SwitchTheme.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/components/SwitchTheme.tsx b/packages/nextjs/components/SwitchTheme.tsx
index 4dc20af90..d06e0f332 100644
--- a/packages/nextjs/components/SwitchTheme.tsx
+++ b/packages/nextjs/components/SwitchTheme.tsx
@@ -29,7 +29,7 @@ export const SwitchTheme = ({ className }: { className?: string }) => {
       <input
         id="theme-toggle"
         type="checkbox"
-        className="toggle toggle-primary bg-primary hover:bg-primary border-primary"
+        className="toggle bg-base-content focus:bg-base-content border-base-content"
         onChange={handleToggle}
         checked={isDarkMode}
       />

From d9e60ae2d7d771ebbc1196c8a54edee0c1aff48d Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Wed, 20 Nov 2024 17:04:19 +0100
Subject: [PATCH 06/11] fix: blockexplorer pagination button

---
 .../nextjs/app/blockexplorer/_components/PaginationButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/app/blockexplorer/_components/PaginationButton.tsx b/packages/nextjs/app/blockexplorer/_components/PaginationButton.tsx
index 77aefbc14..15a4f62a6 100644
--- a/packages/nextjs/app/blockexplorer/_components/PaginationButton.tsx
+++ b/packages/nextjs/app/blockexplorer/_components/PaginationButton.tsx
@@ -12,8 +12,8 @@ export const PaginationButton = ({ currentPage, totalItems, setCurrentPage }: Pa
   const isPrevButtonDisabled = currentPage === 0;
   const isNextButtonDisabled = currentPage + 1 >= Math.ceil(totalItems / ITEMS_PER_PAGE);
 
-  const prevButtonClass = isPrevButtonDisabled ? "bg-gray-200 cursor-default" : "btn btn-primary";
-  const nextButtonClass = isNextButtonDisabled ? "bg-gray-200 cursor-default" : "btn btn-primary";
+  const prevButtonClass = isPrevButtonDisabled ? "btn-disabled cursor-default" : "btn-primary";
+  const nextButtonClass = isNextButtonDisabled ? "btn-disabled cursor-default" : "btn-primary";
 
   if (isNextButtonDisabled && isPrevButtonDisabled) return null;
 

From 84ce64ef81aeb9defda724f098461d954be08ba1 Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Wed, 20 Nov 2024 17:07:07 +0100
Subject: [PATCH 07/11] fix: balance error border

---
 packages/nextjs/components/scaffold-eth/Balance.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/components/scaffold-eth/Balance.tsx b/packages/nextjs/components/scaffold-eth/Balance.tsx
index 948fa0abd..9f96de9d0 100644
--- a/packages/nextjs/components/scaffold-eth/Balance.tsx
+++ b/packages/nextjs/components/scaffold-eth/Balance.tsx
@@ -43,7 +43,7 @@ export const Balance = ({ address, className = "", usdMode }: BalanceProps) => {
 
   if (isError) {
     return (
-      <div className={`border-2 border-gray-400 rounded-md px-2 flex flex-col items-center max-w-fit cursor-pointer`}>
+      <div className="border-2 border-base-content/30 rounded-md px-2 flex flex-col items-center max-w-fit cursor-pointer">
         <div className="text-warning">Error</div>
       </div>
     );

From 7c43cd94ebaea1a00ca1d50b6d9985877ef5ba95 Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Wed, 20 Nov 2024 17:10:40 +0100
Subject: [PATCH 08/11] fix: utilsDisplay text color

---
 packages/nextjs/app/debug/_components/contract/utilsDisplay.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/app/debug/_components/contract/utilsDisplay.tsx b/packages/nextjs/app/debug/_components/contract/utilsDisplay.tsx
index 4c5ab2007..73bfb678d 100644
--- a/packages/nextjs/app/debug/_components/contract/utilsDisplay.tsx
+++ b/packages/nextjs/app/debug/_components/contract/utilsDisplay.tsx
@@ -85,7 +85,7 @@ export const ObjectFieldDisplay = ({
 }) => {
   return (
     <div className={`flex flex-row items-baseline ${leftPad ? "ml-4" : ""}`}>
-      <span className="text-gray-500 dark:text-gray-400 mr-2">{name}:</span>
+      <span className="text-base-content/60 mr-2">{name}:</span>
       <span className="text-base-content">{displayTxResult(value, size)}</span>
     </div>
   );

From 155418fd7084cb85214c743b4615474e7be276ac Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Thu, 21 Nov 2024 15:50:01 +0100
Subject: [PATCH 09/11] fix: hardcoded colors for copy icon

---
 .../nextjs/app/blockexplorer/_components/TransactionHash.tsx | 5 +----
 packages/nextjs/app/debug/_components/contract/TxReceipt.tsx | 5 +----
 packages/nextjs/components/scaffold-eth/Address/Address.tsx  | 2 +-
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx b/packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx
index 48615e0dc..2a6ae76f5 100644
--- a/packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx
+++ b/packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx
@@ -28,10 +28,7 @@ export const TransactionHash = ({ hash }: { hash: string }) => {
             }, 800);
           }}
         >
-          <DocumentDuplicateIcon
-            className="ml-1.5 text-xl font-normal text-base-content h-5 w-5 cursor-pointer"
-            aria-hidden="true"
-          />
+          <DocumentDuplicateIcon className="ml-1.5 text-xl font-normal h-5 w-5 cursor-pointer" aria-hidden="true" />
         </CopyToClipboard>
       )}
     </div>
diff --git a/packages/nextjs/app/debug/_components/contract/TxReceipt.tsx b/packages/nextjs/app/debug/_components/contract/TxReceipt.tsx
index c140e3d40..d2895facf 100644
--- a/packages/nextjs/app/debug/_components/contract/TxReceipt.tsx
+++ b/packages/nextjs/app/debug/_components/contract/TxReceipt.tsx
@@ -26,10 +26,7 @@ export const TxReceipt = ({ txResult }: { txResult: TransactionReceipt }) => {
               }, 800);
             }}
           >
-            <DocumentDuplicateIcon
-              className="ml-1.5 text-xl font-normal text-base-content h-5 w-5 cursor-pointer"
-              aria-hidden="true"
-            />
+            <DocumentDuplicateIcon className="ml-1.5 text-xl font-normal h-5 w-5 cursor-pointer" aria-hidden="true" />
           </CopyToClipboard>
         )}
       </div>
diff --git a/packages/nextjs/components/scaffold-eth/Address/Address.tsx b/packages/nextjs/components/scaffold-eth/Address/Address.tsx
index 53147f764..6fcd5d002 100644
--- a/packages/nextjs/components/scaffold-eth/Address/Address.tsx
+++ b/packages/nextjs/components/scaffold-eth/Address/Address.tsx
@@ -177,7 +177,7 @@ export const Address = ({
             </AddressLinkWrapper>
           </span>
           <AddressCopyIcon
-            className={`ml-1 text-base-content ${copyIconSizeMap[addressSize]} cursor-pointer`}
+            className={`ml-1 ${copyIconSizeMap[addressSize]} cursor-pointer`}
             address={checkSumAddress}
           />
         </div>

From 86a82adef7954d506e585f660ef8790cb849f58e Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Thu, 21 Nov 2024 15:55:24 +0100
Subject: [PATCH 10/11] fix: input color

---
 packages/nextjs/components/scaffold-eth/Input/InputBase.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/components/scaffold-eth/Input/InputBase.tsx b/packages/nextjs/components/scaffold-eth/Input/InputBase.tsx
index 45529879f..8f46a15cb 100644
--- a/packages/nextjs/components/scaffold-eth/Input/InputBase.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/InputBase.tsx
@@ -50,7 +50,7 @@ export const InputBase = <T extends { toString: () => string } | undefined = str
     <div className={`flex border-2 border-base-300 bg-base-200 rounded-full text-accent ${modifier}`}>
       {prefix}
       <input
-        className="input input-ghost focus-within:border-transparent focus:outline-none focus:bg-transparent h-[2.2rem] min-h-[2.2rem] px-4 border w-full font-medium placeholder:text-accent/80 text-base-content/90 focus:text-base-content/90"
+        className="input input-ghost focus-within:border-transparent focus:outline-none focus:bg-transparent h-[2.2rem] min-h-[2.2rem] px-4 border w-full font-medium placeholder:text-accent/70 text-base-content/70 focus:text-base-content/70"
         placeholder={placeholder}
         name={name}
         value={value?.toString()}

From 21133704253ddec64e966c6f534bfe64bc96fb92 Mon Sep 17 00:00:00 2001
From: Rinat <rinat@hey.com>
Date: Thu, 21 Nov 2024 15:57:10 +0100
Subject: [PATCH 11/11] Revert "fix: switch theme toggle color"

This reverts commit aa67f3d1172ba6319ec9e9d4a731c0c71dbc205e.
---
 packages/nextjs/components/SwitchTheme.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/components/SwitchTheme.tsx b/packages/nextjs/components/SwitchTheme.tsx
index d06e0f332..4dc20af90 100644
--- a/packages/nextjs/components/SwitchTheme.tsx
+++ b/packages/nextjs/components/SwitchTheme.tsx
@@ -29,7 +29,7 @@ export const SwitchTheme = ({ className }: { className?: string }) => {
       <input
         id="theme-toggle"
         type="checkbox"
-        className="toggle bg-base-content focus:bg-base-content border-base-content"
+        className="toggle toggle-primary bg-primary hover:bg-primary border-primary"
         onChange={handleToggle}
         checked={isDarkMode}
       />