From 9c2682263cd69d470f7b89b86bb43bc7220d5a28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Mon, 11 Mar 2024 09:13:15 +0100
Subject: [PATCH 1/3] fix: update vscode config

---
 .vscode/settings.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 6fef09de22..3d4368bcbc 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,7 +1,7 @@
 {
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "source.organizeImports": true
+    "source.organizeImports": "explicit"
   },
   "typescript.preferences.importModuleSpecifier": "non-relative",
   "editor.defaultFormatter": "esbenp.prettier-vscode"

From 6356cf30e0df64a29865d24a34e1566ce0104326 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Mon, 11 Mar 2024 14:33:03 +0100
Subject: [PATCH 2/3] fix: update navbar colors

---
 src/app/components/Navbar/NavbarLink.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/Navbar/NavbarLink.tsx b/src/app/components/Navbar/NavbarLink.tsx
index 2d3cecea9c..7ada7e45dc 100644
--- a/src/app/components/Navbar/NavbarLink.tsx
+++ b/src/app/components/Navbar/NavbarLink.tsx
@@ -18,8 +18,8 @@ function NavbarLink({ children, end = false, href, target }: Props) {
         classNames(
           "flex items-center font-semibold hover:text-gray-600 dark:hover:text-neutral-400 transition px-1 text-md",
           isActive
-            ? " text-gray-800 dark:text-neutral-200"
-            : " text-gray-400 dark:text-gray-600"
+            ? "text-gray-800 dark:text-neutral-200"
+            : "text-gray-400 dark:text-neutral-600"
         )
       }
     >

From 2d826a45c26cf6c6a01aefba73086c5dd2ba6ee5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Mon, 11 Mar 2024 16:33:16 +0100
Subject: [PATCH 3/3] fix: adjust border color

---
 src/app/components/IconLinkCard/IconLinkCard.tsx | 8 ++++----
 src/app/screens/Home/DefaultView/index.tsx       | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/components/IconLinkCard/IconLinkCard.tsx b/src/app/components/IconLinkCard/IconLinkCard.tsx
index 1a7a284343..7c5da442bf 100644
--- a/src/app/components/IconLinkCard/IconLinkCard.tsx
+++ b/src/app/components/IconLinkCard/IconLinkCard.tsx
@@ -1,4 +1,4 @@
-import { CaretRightIcon } from "@bitcoin-design/bitcoin-icons-react/outline";
+import { PopiconsChevronRightSolid } from "@popicons/react";
 
 export type IconLinkCardProps = {
   title: string;
@@ -15,7 +15,7 @@ export function IconLinkCard({
 }: IconLinkCardProps) {
   return (
     <div
-      className="border border-gray-300 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-surface-01dp hover:bg-gray-50 dark:hover:bg-surface-02dp text-gray-800 dark:text-neutral-200 cursor-pointer flex flex-row items-center gap-3"
+      className="border border-gray-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-surface-01dp hover:bg-gray-50 dark:hover:bg-surface-02dp text-gray-800 dark:text-neutral-200 cursor-pointer flex flex-row items-center gap-3"
       onClick={onClick}
     >
       <div className="flex-shrink-0 flex justify-center md:px-3">{icon}</div>
@@ -27,8 +27,8 @@ export function IconLinkCard({
           {description}
         </div>
       </div>
-      <div className="flex-shrink-0 flex justify-end text-gray-400 dark:text-neutral-500 ">
-        <CaretRightIcon className="w-8" />
+      <div className="flex-shrink-0 flex justify-end text-gray-400 dark:text-neutral-600 ">
+        <PopiconsChevronRightSolid className="w-5" />
       </div>
     </div>
   );
diff --git a/src/app/screens/Home/DefaultView/index.tsx b/src/app/screens/Home/DefaultView/index.tsx
index 5c4261be98..a9f81cbe63 100644
--- a/src/app/screens/Home/DefaultView/index.tsx
+++ b/src/app/screens/Home/DefaultView/index.tsx
@@ -300,7 +300,7 @@ const HomeButton = ({
   onClick: () => void;
 }) => (
   <button
-    className="bg-white dark:bg-surface-01dp hover:bg-amber-50 dark:hover:bg-surface-02dp text-gray-800 dark:text-neutral-200 rounded-xl border border-gray-300 dark:border-neutral-800 hover:border-primary dark:hover:border-primary flex flex-col flex-1 justify-center items-center pt-[18px] pb-3 px-[14px] text-xs font-medium gap-2"
+    className="bg-white dark:bg-surface-01dp hover:bg-amber-50 dark:hover:bg-surface-02dp text-gray-800 dark:text-neutral-200 rounded-xl border border-gray-200 dark:border-neutral-800 hover:border-primary dark:hover:border-primary flex flex-col flex-1 justify-center items-center pt-[18px] pb-3 px-[14px] text-xs font-medium gap-2"
     onClick={onClick}
   >
     {icon}