From f8b90ea3ba87a0877ecd8bb57360b0bd285bbc63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Mon, 8 May 2023 22:24:36 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Links=20become=20white=20on=20ho?=
 =?UTF-8?q?ver=20in=20light=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/compiled/main.css | 8 ++++++--
 tailwind.config.js           | 7 +++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index df31a4c8..5c631c5d 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -748,7 +748,7 @@ select {
 }
 
 .prose :where(a):not(:where([class~="not-prose"] *)):hover {
-  color: rgba(var(--color-neutral), 1);
+  color: rgba(var(--color-primary-600), 1);
   text-decoration: none;
   border-radius: 0.09rem;
 }
@@ -1066,7 +1066,7 @@ select {
   --tw-prose-body: rgba(var(--color-neutral-700), 1);
   --tw-prose-headings: rgba(var(--color-neutral-800), 1);
   --tw-prose-lead: rgba(var(--color-neutral-500), 1);
-  --tw-prose-links: rgba(var(--color-primary-700), 1);
+  --tw-prose-links: rgba(var(--color-primary-600), 1);
   --tw-prose-bold: rgba(var(--color-neutral-900), 1);
   --tw-prose-counters: rgba(var(--color-neutral-800), 1);
   --tw-prose-bullets: rgba(var(--color-neutral-500), 1);
@@ -5384,6 +5384,10 @@ body:has(#menu-controller:checked) {
   text-decoration-color: rgba(var(--color-neutral-600), 1);
 }
 
+:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"] *)):hover {
+  color: rgba(var(--color-primary-400), 1);
+}
+
 :is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"] *)) {
   color: rgba(var(--color-neutral-200), 1);
   background-color: rgba(var(--color-neutral-700), 1);
diff --git a/tailwind.config.js b/tailwind.config.js
index 7fef20f5..8bb82eb2 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -62,7 +62,7 @@ module.exports = {
             "--tw-prose-body": theme("colors.neutral.700 / 1"),
             "--tw-prose-headings": theme("colors.neutral.800 / 1"),
             "--tw-prose-lead": theme("colors.neutral.500 / 1"),
-            "--tw-prose-links": theme("colors.primary.700 / 1"),
+            "--tw-prose-links": theme("colors.primary.600 / 1"),
             "--tw-prose-bold": theme("colors.neutral.900 / 1"),
             "--tw-prose-counters": theme("colors.neutral.800 / 1"),
             "--tw-prose-bullets": theme("colors.neutral.500 / 1"),
@@ -96,7 +96,7 @@ module.exports = {
               textDecorationColor: theme("colors.primary.300 / 1"),
               fontWeight: "500",
               "&:hover": {
-                color: theme("colors.neutral.DEFAULT / 1"),
+                color: theme("colors.primary.600 / 1"),
                 textDecoration: "none",
                 borderRadius: "0.09rem",
               },
@@ -149,6 +149,9 @@ module.exports = {
           css: {
             a: {
               textDecorationColor: theme("colors.neutral.600 / 1"),
+              "&:hover": {
+                color: theme("colors.primary.400 / 1"),
+              },
             },
             kbd: {
               color: theme("colors.neutral.200 / 1"),