fix: link color

README.md

@@ -1,5 +1,5 @@
 # Elk
 
-A Mastodon web client made with 💚.
+A Mastodon web client made with 💛.
 
 > Very WIP.

components/nav/NavFooter.vue

@@ -8,7 +8,7 @@ const buildTimeAgo = useTimeAgo(buildTime)
 <template>
   <div p4 text-sm op25 flex="~ col">
     <button i-ri-sun-line dark:i-ri-moon-line text-lg mb4 @click="toggleDark()" />
-    <div>A Mastodon client made with 💚</div>
+    <div>A Mastodon client made with 💛</div>
     <div>Built <span :title="buildTime">{{ buildTimeAgo }}</span> · <a href="https://github.com/antfu/elk" target="_blank">GitHub</a></div>
   </div>
 </template>

components/nav/NavTitle.vue

@@ -1,6 +1,6 @@
 <template>
-  <NuxtLink flex text-2xl gap-2 to="/">
+  <NuxtLink flex items-center text-2xl gap-2 to="/">
-    <img aria-label="Elk Logo" src="/logo.svg" width="25" height="25">
+    <img aria-label="Elk Logo" src="/logo.svg" w-10 h-10>
     <div>
       Elk <sup text-sm italic op50 mt-1>alpha</sup>
     </div>

styles/global.css

@@ -38,7 +38,7 @@ html {
 
 .rich-content {
   a {
-    --at-apply: text-primary hover:underline;
+    --at-apply: text-primary hover:underline hover:text-primary-active;
     .invisible {
       --at-apply: hidden;
     }

styles/vars.css

@@ -9,8 +9,6 @@
 }
 
 .dark {
-  --c-primary: #C16929;
-  --c-primary-active: #EA9E44;
   --c-bg-base: #111;
   --c-bg-active: #151515;
   --c-text-base: #fff;

unocss.config.ts

@@ -46,7 +46,10 @@ export default defineConfig({
   ],
   theme: {
     colors: {
-      primary: 'var(--c-primary)',
+      primary: {
+        DEFAULT: 'var(--c-primary)',
+        active: 'var(--c-primary-active)',
+      },
     },
   },
 })