Merge pull request #72 from Dprof-in-tech/main

updated the theme for buttons and text from blue to orange
horuslabsio · May 6, 2024 · 84c5539 · 84c5539
2 parents e510d2e + f32762a
commit 84c5539
Show file tree

Hide file tree

Showing 9 changed files with 1,487 additions and 1,601 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/frontend/src/app/components/AddressBar.tsx b/frontend/src/app/components/AddressBar.tsx
@@ -98,7 +98,7 @@ export const UserModal = ({
               disconnect();
               e.stopPropagation();
             }}
-            className="p-3 w-full rounded-lg bg-blue-500  "
+            className="p-3 w-full rounded-lg bg-[#f77448]  "
           >
             Disconnect
           </button>
@@ -129,7 +129,7 @@ const AddressBar = ({
   return (
     <button
       onClick={toggleModal}
-      className="bg-blue-500 py-2 px-4 text-white rounded-full transition duration-300"
+      className="bg-[#f77448] py-2 px-4 text-white rounded-full transition duration-300"
     >
       {
         <span className="flex items-center">

diff --git a/frontend/src/app/components/Burner/Burner.tsx b/frontend/src/app/components/Burner/Burner.tsx
@@ -112,7 +112,7 @@ const Burners: React.FC = () => {
             <BurnerWallet key={index} wallet={wallet} />
           ))}
           <button
-            className="mt-4 p-2 bg-blue-500 text-white rounded"
+            className="mt-4 p-2 bg-[#f77448] text-white rounded"
             onClick={handleCreate}
           >
             Generate Wallet

diff --git a/frontend/src/app/components/BurnerWallet/BurnerWallet.tsx b/frontend/src/app/components/BurnerWallet/BurnerWallet.tsx
@@ -115,23 +115,23 @@ function BurnerWallet({ wallet }: { wallet: IWallet }) {
           <>
             {ethBalance != 0 && strkBalance != 0 && (
               <button
-                className=" px-6 py-4 bg-blue-500 text-white rounded-[5px] disabled:cursor-not-allowed w-[200px] font-semibold"
+                className=" px-6 py-4 bg-[#f77448] text-white rounded-[5px] disabled:cursor-not-allowed w-[200px] font-semibold"
                 disabled={!eth || !strk}
                 onClick={() => setIsSending(true)}
               >
                 SEND
               </button>
             )}
             <button
-              className=" px-6 py-4 bg-blue-500 text-white rounded-[5px] w-[200px] font-semibold disabled:cursor-not-allowed"
+              className=" px-6 py-4 bg-[#f77448] text-white rounded-[5px] w-[200px] font-semibold disabled:cursor-not-allowed"
               disabled={!eth || !strk}
             >
               EXECUTE
             </button>
           </>
         ) : (
           <button
-            className=" px-6 py-4 bg-blue-500 disabled:cursor-not-allowed text-white rounded-[5px] w-[200px] font-semibold"
+            className=" px-6 py-4 bg-[#f77448] disabled:cursor-not-allowed text-white rounded-[5px] w-[200px] font-semibold"
             onClick={() => setIsConnecting(true)}
             disabled={!eth || !strk}
           >

diff --git a/frontend/src/app/components/Header.tsx b/frontend/src/app/components/Header.tsx
@@ -119,7 +119,7 @@ const Header = () => {
             <div className="flex justify-end">
               <AddressBar setOpenConnectedModal={setOpenConnectedModal} />
               <button
-                className="mx-3 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full transition duration-300"
+                className="mx-3 bg-[#f77448] hover:bg-[#f77448] text-white font-bold py-2 px-4 rounded-full transition duration-300"
                 onClick={handleOpenTransactionListClick}
               >
                 <LibraryBig className="h-full w-full" />
@@ -128,7 +128,7 @@ const Header = () => {
           ) : (
             <button
               onClick={toggleModal}
-              className="hidden md:block bg-blue-500 hover:bg-blue-700 text-white  py-2 px-4 rounded-full transition duration-300"
+              className="hidden md:block bg-[#f77448] hover:bg-[#f77448] text-white  py-2 px-4 rounded-full transition duration-300"
             >
               Connect
             </button>
@@ -178,7 +178,7 @@ const Header = () => {
                 <div className="flex justify-end">
                   <AddressBar setOpenConnectedModal={setOpenConnectedModal} />
                   <button
-                    className="mx-3 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full transition duration-300"
+                    className="mx-3 bg-[#f77448] hover:bg-[#f77448] text-white font-bold py-2 px-4 rounded-full transition duration-300"
                     onClick={handleOpenTransactionListClick}
                   >
                     <LibraryBig className="h-full w-full" />
@@ -187,7 +187,7 @@ const Header = () => {
               ) : (
                 <button
                   onClick={toggleModal}
-                  className="bg-blue-500 hover:bg-blue-700 text-white py-2 px-4 rounded-full transition duration-300"
+                  className="bg-[#f77448] hover:bg-[#f77448] text-white py-2 px-4 rounded-full transition duration-300"
                 >
                   Connect
                 </button>

diff --git a/frontend/src/app/components/ScaffoldDeployer/ScaffoldDeployer.tsx b/frontend/src/app/components/ScaffoldDeployer/ScaffoldDeployer.tsx
@@ -127,7 +127,7 @@ function ScaffoldDeployer() {
               </button>
             </div>
           )}
-          <button className="bg-blue-500 py-3 px-4 rounded-[5px] w-[200px] text-white">
+          <button className="bg-[#f77448] py-3 px-4 rounded-[5px] w-[200px] text-white">
             Declare
           </button>
         </form>
@@ -157,7 +157,7 @@ function ScaffoldDeployer() {
           <button
             type="submit"
             disabled={disableButton}
-            className="bg-blue-500 py-3 px-4 rounded-[5px] w-[200px] text-white disabled:bg-slate-300 disabled:cursor-not-allowed"
+            className="bg-[#f77448] py-3 px-4 rounded-[5px] w-[200px] text-white disabled:bg-slate-300 disabled:cursor-not-allowed"
           >
             Deploy
           </button>

diff --git a/frontend/src/app/components/TransactionList/TransactionItem.tsx b/frontend/src/app/components/TransactionList/TransactionItem.tsx
@@ -15,7 +15,7 @@ const TransactionItem = ({ transaction }: { transaction: Transaction }) => {
       break;
     case Status.Pending:
       Icon = Clock;
-      color = "text-blue-500";
+      color = "text-[#f77448]";
       break;
     case Status.Rejected:
       Icon = AlertCircle;
@@ -30,7 +30,7 @@ const TransactionItem = ({ transaction }: { transaction: Transaction }) => {
       <div className="flex items-center">
         {Icon && <Icon className={`${color} mr-2`} />}
         <div>
-          <p className="text-blue-600 font-semibold">{transaction.title}</p>
+          <p className="text-[#f77448] font-semibold">{transaction.title}</p>
           <p className="text-gray-700 text-sm">{transaction.text}</p>
         </div>
       </div>
@@ -39,7 +39,7 @@ const TransactionItem = ({ transaction }: { transaction: Transaction }) => {
           {formatDate(transaction.createdAt)}
         </p>
 
-        <button className="text-blue-600 hover:text-blue-800 text-xs font-semibold">
+        <button className="text-[#f77448] hover:text-[#f77448] text-xs font-semibold">
           <a
             href={`https://starkscan.co/tx/${transaction.txHash}`}
             target="_blank"

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
@@ -33,7 +33,6 @@ export default function Home() {
             <br />
           </p>
         </a>
-
         <a
           href="https://starknet-faucet.vercel.app"
           className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,7 +33,6 @@ export default function Home() { @@
                 <br />
               </p>
             </a>
             <a
               href="https://starknet-faucet.vercel.app"
               className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
@@ Expand Down @@