diff --git a/public/images/tools/call_dark.png b/public/images/tools/call_dark.png
new file mode 100644
index 0000000..81ef54a
Binary files /dev/null and b/public/images/tools/call_dark.png differ
diff --git a/public/images/tools/call_light.png b/public/images/tools/call_light.png
new file mode 100644
index 0000000..56e0240
Binary files /dev/null and b/public/images/tools/call_light.png differ
diff --git a/public/images/tools/care_instructions_dark.png b/public/images/tools/care_instructions_dark.png
new file mode 100644
index 0000000..ea1a8be
Binary files /dev/null and b/public/images/tools/care_instructions_dark.png differ
diff --git a/public/images/tools/care_instructions_light.png b/public/images/tools/care_instructions_light.png
new file mode 100644
index 0000000..68bfc67
Binary files /dev/null and b/public/images/tools/care_instructions_light.png differ
diff --git a/public/images/tools/contacts_dark.png b/public/images/tools/contacts_dark.png
new file mode 100644
index 0000000..592582a
Binary files /dev/null and b/public/images/tools/contacts_dark.png differ
diff --git a/public/images/tools/contacts_light.png b/public/images/tools/contacts_light.png
new file mode 100644
index 0000000..bbd5bf3
Binary files /dev/null and b/public/images/tools/contacts_light.png differ
diff --git a/public/images/tools/medications_dark.png b/public/images/tools/medications_dark.png
new file mode 100644
index 0000000..4712790
Binary files /dev/null and b/public/images/tools/medications_dark.png differ
diff --git a/public/images/tools/medications_light.png b/public/images/tools/medications_light.png
new file mode 100644
index 0000000..ffccc84
Binary files /dev/null and b/public/images/tools/medications_light.png differ
diff --git a/public/images/tools/pro_dark.png b/public/images/tools/pro_dark.png
new file mode 100644
index 0000000..acd5c3f
Binary files /dev/null and b/public/images/tools/pro_dark.png differ
diff --git a/public/images/tools/pro_light.png b/public/images/tools/pro_light.png
new file mode 100644
index 0000000..3febc13
Binary files /dev/null and b/public/images/tools/pro_light.png differ
diff --git a/public/images/tools/resources_dark.png b/public/images/tools/resources_dark.png
new file mode 100644
index 0000000..cff3043
Binary files /dev/null and b/public/images/tools/resources_dark.png differ
diff --git a/public/images/tools/resources_light.png b/public/images/tools/resources_light.png
new file mode 100644
index 0000000..dfb270e
Binary files /dev/null and b/public/images/tools/resources_light.png differ
diff --git a/public/images/tools/settings_dark.png b/public/images/tools/settings_dark.png
new file mode 100644
index 0000000..a1a6239
Binary files /dev/null and b/public/images/tools/settings_dark.png differ
diff --git a/public/images/tools/settings_light.png b/public/images/tools/settings_light.png
new file mode 100644
index 0000000..3544e9c
Binary files /dev/null and b/public/images/tools/settings_light.png differ
diff --git a/src-tauri/icons/128x128.png b/src-tauri/icons/128x128.png
index 0dcb261..9137113 100644
Binary files a/src-tauri/icons/128x128.png and b/src-tauri/icons/128x128.png differ
diff --git a/src-tauri/icons/128x128@2x.png b/src-tauri/icons/128x128@2x.png
index 375eea2..8f6bc14 100644
Binary files a/src-tauri/icons/128x128@2x.png and b/src-tauri/icons/128x128@2x.png differ
diff --git a/src-tauri/icons/32x32.png b/src-tauri/icons/32x32.png
index 30a254f..b47199b 100644
Binary files a/src-tauri/icons/32x32.png and b/src-tauri/icons/32x32.png differ
diff --git a/src-tauri/icons/64x64.png b/src-tauri/icons/64x64.png
new file mode 100644
index 0000000..62e9304
Binary files /dev/null and b/src-tauri/icons/64x64.png differ
diff --git a/src-tauri/icons/Square107x107Logo.png b/src-tauri/icons/Square107x107Logo.png
index a100e07..9c0741b 100644
Binary files a/src-tauri/icons/Square107x107Logo.png and b/src-tauri/icons/Square107x107Logo.png differ
diff --git a/src-tauri/icons/Square142x142Logo.png b/src-tauri/icons/Square142x142Logo.png
index b0b9259..fb6777a 100644
Binary files a/src-tauri/icons/Square142x142Logo.png and b/src-tauri/icons/Square142x142Logo.png differ
diff --git a/src-tauri/icons/Square150x150Logo.png b/src-tauri/icons/Square150x150Logo.png
index 0e1d077..cdb6664 100644
Binary files a/src-tauri/icons/Square150x150Logo.png and b/src-tauri/icons/Square150x150Logo.png differ
diff --git a/src-tauri/icons/Square284x284Logo.png b/src-tauri/icons/Square284x284Logo.png
index 2dacb1f..9330c68 100644
Binary files a/src-tauri/icons/Square284x284Logo.png and b/src-tauri/icons/Square284x284Logo.png differ
diff --git a/src-tauri/icons/Square30x30Logo.png b/src-tauri/icons/Square30x30Logo.png
index 9dba88e..c45acad 100644
Binary files a/src-tauri/icons/Square30x30Logo.png and b/src-tauri/icons/Square30x30Logo.png differ
diff --git a/src-tauri/icons/Square310x310Logo.png b/src-tauri/icons/Square310x310Logo.png
index 7a74789..da83d4c 100644
Binary files a/src-tauri/icons/Square310x310Logo.png and b/src-tauri/icons/Square310x310Logo.png differ
diff --git a/src-tauri/icons/Square44x44Logo.png b/src-tauri/icons/Square44x44Logo.png
index 47357ae..88b397a 100644
Binary files a/src-tauri/icons/Square44x44Logo.png and b/src-tauri/icons/Square44x44Logo.png differ
diff --git a/src-tauri/icons/Square71x71Logo.png b/src-tauri/icons/Square71x71Logo.png
index 3e97ec5..70ec26d 100644
Binary files a/src-tauri/icons/Square71x71Logo.png and b/src-tauri/icons/Square71x71Logo.png differ
diff --git a/src-tauri/icons/Square89x89Logo.png b/src-tauri/icons/Square89x89Logo.png
index d79a907..0f344ed 100644
Binary files a/src-tauri/icons/Square89x89Logo.png and b/src-tauri/icons/Square89x89Logo.png differ
diff --git a/src-tauri/icons/StoreLogo.png b/src-tauri/icons/StoreLogo.png
index 6b5004b..5efa6d2 100644
Binary files a/src-tauri/icons/StoreLogo.png and b/src-tauri/icons/StoreLogo.png differ
diff --git a/src-tauri/icons/icon.icns b/src-tauri/icons/icon.icns
index 29701b3..ee3076d 100644
Binary files a/src-tauri/icons/icon.icns and b/src-tauri/icons/icon.icns differ
diff --git a/src-tauri/icons/icon.ico b/src-tauri/icons/icon.ico
index 1773035..f424ed4 100644
Binary files a/src-tauri/icons/icon.ico and b/src-tauri/icons/icon.ico differ
diff --git a/src-tauri/icons/icon.png b/src-tauri/icons/icon.png
index 5736351..de190d5 100644
Binary files a/src-tauri/icons/icon.png and b/src-tauri/icons/icon.png differ
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 830c40e..4cf6fff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ import { getConfig, setAppearanceConfig } from "@/utils/settings";
 import { setupOnboarding } from "@/utils/onboarding";
 
 export default function Hub() {
-  const [onboardingCompleted, setOnboardingCompleted] = useState(false);
+  const [config, setConfig] = useState<Config | null>(null);
   const [availableTools, setAvailableTools] = useState<HubTool[]>(hubTools);
   const router = useRouter();
 
@@ -47,7 +47,7 @@ export default function Hub() {
       try {
         await setupOnboarding();
         const c = await getConfig();
-        setOnboardingCompleted(c.onboarding_completed);
+        setConfig(c);
 
         if (!c.onboarding_completed) {
           router.push("/onboarding");
@@ -68,7 +68,8 @@ export default function Hub() {
   }, []);
 
   return (
-    onboardingCompleted && (
+    config &&
+    config.onboarding_completed && (
       <main>
         <HubHeader></HubHeader>
         <section className={styles.sectionTools}>
@@ -78,7 +79,11 @@ export default function Hub() {
               <HubToolButton
                 key={hubTool.name}
                 link={hubTool.link}
-                icon={hubTool.icon}
+                icon={
+                  config.appearance === "dark"
+                    ? hubTool.icon
+                    : hubTool.icon.replace("light", "dark")
+                }
                 name={hubTool.name}
               />
             ))}
diff --git a/src/utils/hub.ts b/src/utils/hub.ts
index 3f8a65f..43517d9 100644
--- a/src/utils/hub.ts
+++ b/src/utils/hub.ts
@@ -10,37 +10,37 @@ export const hubTools: HubTool[] = [
   {
     link: "./resources",
     name: "Resources",
-    icon: "/images/tools/resources.png",
+    icon: "/images/tools/resources_light.png",
   },
   {
     link: "./care-instructions",
     name: "Care Instructions",
-    icon: "/images/tools/care-instructions.png",
+    icon: "/images/tools/care_instructions_light.png",
   },
   {
     link: "./pro",
     name: "Survey",
-    icon: "/images/tools/pro.png",
+    icon: "/images/tools/pro_light.png",
   },
   {
     link: "./medications",
     name: "Medications",
-    icon: "/images/tools/medications.png",
+    icon: "/images/tools/medications_light.png",
   },
   {
     link: "./call",
     name: "Video",
-    icon: "/images/tools/call.png",
+    icon: "/images/tools/call_light.png",
   },
   {
     link: "./settings/device",
     name: "Settings",
-    icon: "/images/tools/settings.png",
+    icon: "/images/tools/settings_light.png",
   },
   {
     link: "./contacts",
     name: "Contacts",
-    icon: "/images/tools/contacts.png",
+    icon: "/images/tools/contacts_light.png",
   },
 ].sort((a, b) => {
   // Sorts list by HubTool.name