Improve link colors for readability

This commit is contained in:
Hugo Locurcio
2020-02-26 22:05:46 +01:00
parent ba82f1edb5
commit afd26a5038

View File

@@ -1,12 +1,14 @@
:root {
--body-background-color: hsl(0, 0%, 100%);
--body-color: hsl(0, 0%, 25%);
--link-color: hsl(210, 90%, 50%);
}
@media (prefers-color-scheme: dark) {
:root {
--body-background-color: hsl(0, 0%, 20%);
--body-color: hsl(0, 0%, 85%);
--link-color: hsl(210, 100%, 80%);
}
}
@@ -17,6 +19,15 @@ body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
table {
border-collapse: collapse;
}