Change button style

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()"

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"