Update colors and link styling
This commit is contained in:
@@ -2,8 +2,9 @@
|
|||||||
--color-background-1: #f4f4f4;
|
--color-background-1: #f4f4f4;
|
||||||
--color-background-2: #e4e4e4;
|
--color-background-2: #e4e4e4;
|
||||||
--color-primary-1: #000000;
|
--color-primary-1: #000000;
|
||||||
|
--color-primary-2: #111111;
|
||||||
|
--color-unhovered-link: var(--color-primary-2);
|
||||||
--color-accent: #008891;
|
--color-accent: #008891;
|
||||||
--color-accent-hover: #539397;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
@@ -11,8 +12,9 @@
|
|||||||
--color-background-1: #171616;
|
--color-background-1: #171616;
|
||||||
--color-background-2: #222222;
|
--color-background-2: #222222;
|
||||||
--color-primary-1: #eeeeee;
|
--color-primary-1: #eeeeee;
|
||||||
|
--color-primary-2: #aaaaaa;
|
||||||
|
--color-unhovered-link: var(--color-primary-2);
|
||||||
--color-accent: #00B7C3;
|
--color-accent: #00B7C3;
|
||||||
--color-accent-hover: #70c1c6;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -40,11 +40,12 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--color-accent);
|
color: var(--color-unhovered-link);
|
||||||
|
text-decoration-style: dashed;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: var(--color-accent-hover);
|
color: var(--color-primary-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Improve readability for smaller text, especially in long paragraphs */
|
/* Improve readability for smaller text, especially in long paragraphs */
|
||||||
|
|||||||
Reference in New Issue
Block a user