diff --git a/CHANGELOG.md b/CHANGELOG.md index 405c7fb8..666f21c2 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index d4b87fe5..71794fb9 100644 --- a/assets/css/compiled/main.css +++ b/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 { diff --git a/tailwind.config.js b/tailwind.config.js index 5c1de438..43b53067 100644 --- a/tailwind.config.js +++ b/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"),