From 1771291c0889340532a8fea37449a6376f492665 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Wed, 23 Nov 2022 22:21:18 +0800
Subject: [PATCH] fix: link color

---
 README.md                    | 2 +-
 components/nav/NavFooter.vue | 2 +-
 components/nav/NavTitle.vue  | 4 ++--
 styles/global.css            | 2 +-
 styles/vars.css              | 2 --
 unocss.config.ts             | 5 ++++-
 6 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 4f51d7ba..1411be7e 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 # Elk
 
-A Mastodon web client made with 💚.
+A Mastodon web client made with 💛.
 
 > Very WIP.
diff --git a/components/nav/NavFooter.vue b/components/nav/NavFooter.vue
index 60cb89dc..c65a343d 100644
--- a/components/nav/NavFooter.vue
+++ b/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>
diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index 2b81060a..6df498ae 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -1,6 +1,6 @@
 <template>
-  <NuxtLink flex text-2xl gap-2 to="/">
-    <img aria-label="Elk Logo" src="/logo.svg" width="25" height="25">
+  <NuxtLink flex items-center text-2xl gap-2 to="/">
+    <img aria-label="Elk Logo" src="/logo.svg" w-10 h-10>
     <div>
       Elk <sup text-sm italic op50 mt-1>alpha</sup>
     </div>
diff --git a/styles/global.css b/styles/global.css
index c920ffa9..7441eb18 100644
--- a/styles/global.css
+++ b/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;
     }
diff --git a/styles/vars.css b/styles/vars.css
index 1673bced..e38e7a1a 100644
--- a/styles/vars.css
+++ b/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;
diff --git a/unocss.config.ts b/unocss.config.ts
index f8ef7c1d..073680ea 100644
--- a/unocss.config.ts
+++ b/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)',
+      },
     },
   },
 })