🐛 Fix code block style within links

CHANGELOG.md

@@ -23,6 +23,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 - Site logo image dimensions are unconstrained ([#19](https://github.com/jpanther/congo/issues/19))
 - Article summary styled incorrectly in dark mode
+- Links containing `code` blocks styled incorrectly
 
 ## [1.4.0] - 2021-10-20
 

assets/css/compiled/main.css

@@ -787,7 +787,7 @@ video {
 }
 
 .prose a code {
-  color: #111827;
+  color: var(--color-secondary-700);
 }
 
 .prose pre {
@@ -2457,6 +2457,11 @@ body a, body button {
           text-decoration-color: var(--color-neutral-500);
 }
 
+.dark .dark\:prose-light a:hover {
+  color: var(--color-neutral);
+  text-decoration: none;
+}
+
 .dark .dark\:prose-light strong {
   color: var(--color-neutral);
 }
@@ -2503,7 +2508,7 @@ body a, body button {
 }
 
 .dark .dark\:prose-light a code {
-  color: var(--color-neutral);
+  color: var(--color-secondary-400);
 }
 
 .dark .dark\:prose-light pre {

tailwind.config.js

@@ -111,6 +111,9 @@ module.exports = {
               code: {
                 color: theme("colors.secondary.700"),
               },
+              "a code": {
+                color: theme("colors.secondary.700"),
+              },
               "pre code": {
                 color: theme("colors.neutral.700"),
               },
@@ -150,6 +153,10 @@ module.exports = {
               a: {
                 color: theme("colors.primary.400"),
                 textDecorationColor: theme("colors.neutral.500"),
+                "&:hover": {
+                  color: theme("colors.neutral.DEFAULT"),
+                  textDecoration: "none",
+                },
               },
               strong: {
                 color: theme("colors.neutral.DEFAULT"),
@@ -186,7 +193,7 @@ module.exports = {
                 color: theme("colors.secondary.400"),
               },
               "a code": {
-                color: theme("colors.neutral.DEFAULT"),
+                color: theme("colors.secondary.400"),
               },
               pre: {
                 color: theme("colors.neutral.200"),