🐛 Links become white on hover in light theme

This commit is contained in:
Nuno Coração 2023-05-08 22:24:36 +01:00
parent 5cf45863cb
commit f8b90ea3ba
2 changed files with 11 additions and 4 deletions

View file

@ -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);

View file

@ -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"),