Update additional colors and styling
All checks were successful
Deploy Jekyll site to Cloudflare Pages / build (push) Successful in 2m53s
All checks were successful
Deploy Jekyll site to Cloudflare Pages / build (push) Successful in 2m53s
This commit is contained in:
@@ -2,9 +2,10 @@
|
||||
--color-background-1: #f4f4f4;
|
||||
--color-background-2: #e4e4e4;
|
||||
--color-primary-1: #000000;
|
||||
--color-primary-2: #111111;
|
||||
--color-primary-2: #333333;
|
||||
--color-unhovered-link: var(--color-primary-2);
|
||||
--color-accent: #008891;
|
||||
--color-hovered-link: var(--color-accent);
|
||||
--color-accent: #205EA6;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
@@ -14,7 +15,8 @@
|
||||
--color-primary-1: #eeeeee;
|
||||
--color-primary-2: #aaaaaa;
|
||||
--color-unhovered-link: var(--color-primary-2);
|
||||
--color-accent: #00B7C3;
|
||||
--color-hovered-link: var(--color-accent);
|
||||
--color-accent: #4385BE;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -43,10 +43,11 @@ a {
|
||||
color: var(--color-unhovered-link);
|
||||
text-decoration-style: dashed;
|
||||
text-decoration-color: color-mix(in srgb, currentColor 80%, transparent);
|
||||
transition: color 0.2s ease, text-decoration-color 0.2s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--color-primary-1);
|
||||
color: var(--color-hovered-link);
|
||||
}
|
||||
|
||||
/* Improve readability for smaller text, especially in long paragraphs */
|
||||
|
||||
Reference in New Issue
Block a user