diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 72e5cb7..d0f7750 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -73,7 +73,7 @@ defineShortcuts({
           :icon="nav.icon"
           :target="nav.target ? nav.target : '_self'"
           :to="nav.to"
-          color="gray"
+          color="white"
           size="sm"
           label=""
           variant="solid"
@@ -83,7 +83,7 @@ defineShortcuts({
         <UTooltip text="switch theme">
           <UButton
             :icon="isDark ? 'i-ph-moon-duotone' : 'i-ph-sun-duotone'"
-            color="black"
+            color="white"
             size="sm"
             variant="solid"
             @click="toggleTheme()"
diff --git a/app/pages/writings/[slug].vue b/app/pages/writings/[slug].vue
index 82a63b9..c48f121 100644
--- a/app/pages/writings/[slug].vue
+++ b/app/pages/writings/[slug].vue
@@ -66,7 +66,7 @@ useHead({
         </p>
         <div class="flex gap-4 items-center">
           <UButton
-            color="black"
+            color="white"
             icon="i-ph-arrow-fat-lines-up-duotone"
             label="Go to top"
             size="lg"
@@ -84,7 +84,7 @@ useHead({
           />
           <UButton
             v-else
-            color="black"
+            color="white"
             icon="i-ph-square-duotone"
             label="Copy link"
             size="lg"