From c4ad2f2c1739ee6f27de18e222d455e2bb363144 Mon Sep 17 00:00:00 2001
From: Kevin Joshi <kevinjoshi46b@gmail.com>
Date: Mon, 24 Apr 2023 14:41:01 +0530
Subject: [PATCH 1/3] fix: visibility of icons in input
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- `#` in `Bytes32Input` & `BytesInput`, `*` in IntegerInput and `$, Ξ`
in `EtherInput` are now clearly visible even in dark mode and display
color set to `text-gray-400`
---
 packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx | 2 +-
 packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx   | 2 +-
 packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx   | 2 +-
 packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx b/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
index f2e16b112..69d8ecdb0 100644
--- a/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
@@ -22,7 +22,7 @@ export const Bytes32Input = ({ value, onChange, name, placeholder }: CommonInput
       onChange={onChange}
       suffix={
         <div
-          className="self-center cursor-pointer text-xl font-semibold px-4 text-accent"
+          className="self-center cursor-pointer text-xl font-semibold px-4 text-gray-400"
           onClick={convertStringToBytes32}
         >
           #
diff --git a/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx b/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
index 3493aeaa6..b18f1bbef 100644
--- a/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
@@ -19,7 +19,7 @@ export const BytesInput = ({ value, onChange, name, placeholder }: CommonInputPr
       onChange={onChange}
       suffix={
         <div
-          className="self-center cursor-pointer text-xl font-semibold px-4 text-accent"
+          className="self-center cursor-pointer text-xl font-semibold px-4 text-gray-400"
           onClick={convertStringToBytes}
         >
           #
diff --git a/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx b/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
index f0f8768e9..038f6c7b5 100644
--- a/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
@@ -93,7 +93,7 @@ export const EtherInput = ({ value, name, placeholder, onChange }: CommonInputPr
       value={displayValue}
       placeholder={placeholder}
       onChange={handleChangeNumber}
-      prefix={<span className="pl-4 -mr-2 text-primary self-center">{usdMode ? "$" : "Ξ"}</span>}
+      prefix={<span className="pl-4 -mr-2 text-gray-400 self-center">{usdMode ? "$" : "Ξ"}</span>}
       suffix={
         <button
           className="btn btn-primary h-[2.2rem] min-h-[2.2rem]"
diff --git a/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx b/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
index 84e72352f..40e37997a 100644
--- a/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
@@ -42,7 +42,7 @@ export const IntegerInput = ({
             className="space-x-4 flex tooltip tooltip-top tooltip-secondary before:content-[attr(data-tip)] before:right-[-10px] before:left-auto before:transform-none"
             data-tip="Multiply by 10^18 (wei)"
           >
-            <button className="cursor-pointer font-semibold px-4 text-accent" onClick={multiplyBy1e18}>
+            <button className="cursor-pointer font-semibold px-4 text-gray-400" onClick={multiplyBy1e18}>
               ∗
             </button>
           </div>

From b6b490babb1b8083335d891a5ed3d68ebf839cd7 Mon Sep 17 00:00:00 2001
From: Kevin Joshi <kevinjoshi46b@gmail.com>
Date: Tue, 25 Apr 2023 23:05:12 +0530
Subject: [PATCH 2/3] fix: visibility of icons in IntegerInput & revert

- Reverted rest of the changes and set IntegerInput icons to be
text-primary
---
 packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx | 2 +-
 packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx   | 2 +-
 packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx   | 2 +-
 packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx b/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
index 69d8ecdb0..1800ba21d 100644
--- a/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
@@ -22,7 +22,7 @@ export const Bytes32Input = ({ value, onChange, name, placeholder }: CommonInput
       onChange={onChange}
       suffix={
         <div
-          className="self-center cursor-pointer text-xl font-semibold px-4 text-gray-400"
+          className="self-center cursor-pointer text-xl font-semibold px-4 text-primary"
           onClick={convertStringToBytes32}
         >
           #
diff --git a/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx b/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
index b18f1bbef..a63715869 100644
--- a/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
@@ -19,7 +19,7 @@ export const BytesInput = ({ value, onChange, name, placeholder }: CommonInputPr
       onChange={onChange}
       suffix={
         <div
-          className="self-center cursor-pointer text-xl font-semibold px-4 text-gray-400"
+          className="self-center cursor-pointer text-xl font-semibold px-4 text-primary"
           onClick={convertStringToBytes}
         >
           #
diff --git a/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx b/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
index 038f6c7b5..f0f8768e9 100644
--- a/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
@@ -93,7 +93,7 @@ export const EtherInput = ({ value, name, placeholder, onChange }: CommonInputPr
       value={displayValue}
       placeholder={placeholder}
       onChange={handleChangeNumber}
-      prefix={<span className="pl-4 -mr-2 text-gray-400 self-center">{usdMode ? "$" : "Ξ"}</span>}
+      prefix={<span className="pl-4 -mr-2 text-primary self-center">{usdMode ? "$" : "Ξ"}</span>}
       suffix={
         <button
           className="btn btn-primary h-[2.2rem] min-h-[2.2rem]"
diff --git a/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx b/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
index 40e37997a..27e20883e 100644
--- a/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
@@ -42,7 +42,7 @@ export const IntegerInput = ({
             className="space-x-4 flex tooltip tooltip-top tooltip-secondary before:content-[attr(data-tip)] before:right-[-10px] before:left-auto before:transform-none"
             data-tip="Multiply by 10^18 (wei)"
           >
-            <button className="cursor-pointer font-semibold px-4 text-gray-400" onClick={multiplyBy1e18}>
+            <button className="cursor-pointer font-semibold px-4 text-primary" onClick={multiplyBy1e18}>
               ∗
             </button>
           </div>

From 0e3a10f4caba34fa020757c4eca0460eb85ca179 Mon Sep 17 00:00:00 2001
From: Kevin Joshi <kevinjoshi46b@gmail.com>
Date: Wed, 26 Apr 2023 00:17:07 +0530
Subject: [PATCH 3/3] fix: `text-primary` -> `text-accent`

---
 packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx | 2 +-
 packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx   | 2 +-
 packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx   | 2 +-
 packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx b/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
index 1800ba21d..f2e16b112 100644
--- a/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/Bytes32Input.tsx
@@ -22,7 +22,7 @@ export const Bytes32Input = ({ value, onChange, name, placeholder }: CommonInput
       onChange={onChange}
       suffix={
         <div
-          className="self-center cursor-pointer text-xl font-semibold px-4 text-primary"
+          className="self-center cursor-pointer text-xl font-semibold px-4 text-accent"
           onClick={convertStringToBytes32}
         >
           #
diff --git a/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx b/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
index a63715869..3493aeaa6 100644
--- a/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/BytesInput.tsx
@@ -19,7 +19,7 @@ export const BytesInput = ({ value, onChange, name, placeholder }: CommonInputPr
       onChange={onChange}
       suffix={
         <div
-          className="self-center cursor-pointer text-xl font-semibold px-4 text-primary"
+          className="self-center cursor-pointer text-xl font-semibold px-4 text-accent"
           onClick={convertStringToBytes}
         >
           #
diff --git a/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx b/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
index f0f8768e9..1228c35c2 100644
--- a/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/EtherInput.tsx
@@ -93,7 +93,7 @@ export const EtherInput = ({ value, name, placeholder, onChange }: CommonInputPr
       value={displayValue}
       placeholder={placeholder}
       onChange={handleChangeNumber}
-      prefix={<span className="pl-4 -mr-2 text-primary self-center">{usdMode ? "$" : "Ξ"}</span>}
+      prefix={<span className="pl-4 -mr-2 text-accent self-center">{usdMode ? "$" : "Ξ"}</span>}
       suffix={
         <button
           className="btn btn-primary h-[2.2rem] min-h-[2.2rem]"
diff --git a/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx b/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
index 27e20883e..84e72352f 100644
--- a/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
+++ b/packages/nextjs/components/scaffold-eth/Input/IntegerInput.tsx
@@ -42,7 +42,7 @@ export const IntegerInput = ({
             className="space-x-4 flex tooltip tooltip-top tooltip-secondary before:content-[attr(data-tip)] before:right-[-10px] before:left-auto before:transform-none"
             data-tip="Multiply by 10^18 (wei)"
           >
-            <button className="cursor-pointer font-semibold px-4 text-primary" onClick={multiplyBy1e18}>
+            <button className="cursor-pointer font-semibold px-4 text-accent" onClick={multiplyBy1e18}>
               ∗
             </button>
           </div>