🐛 Fixes arrow link color

app/components/ArrowLink.vue

@@ -1,16 +1,21 @@
 <template>
     <NuxtLink :to="props.link" target="_blank">
-        <img
-            :src="props.icon ?? '/icons/arrow-up-right-from-square.svg'"
-            alt="Arrow going to the top right from the center of a square, representing a link"
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 512 512"
+            width="16"
+            height="16"
             class="w-4 h-4 fill-ctp-text"
-        />
+        >
+            <path
+                d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"
+            />
+        </svg>
     </NuxtLink>
 </template>
 
 <script lang="ts" setup>
 const props = defineProps<{
     link: string;
-    icon?: string;
 }>();
 </script>

app/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="w-screen h-full flex items-center justify-start flex-col font-mono bg-ctp-base text-ctp-text mocha">
+    <div class="w-screen h-full flex items-center justify-start flex-col font-mono">
         <div class="w-1 h-10 shrink-10" />
 
         <div