️ style: increase contrast for link hover

This commit is contained in:
welpo 2023-03-06 21:57:29 +01:00
parent 283f3d3934
commit e51f5318d6
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
3 changed files with 4 additions and 3 deletions

View File

@ -72,6 +72,7 @@
--bg-0: #2f2f2f; --bg-0: #2f2f2f;
--bg-1: rgba(133, 133, 133, 0.5); --bg-1: rgba(133, 133, 133, 0.5);
--bg-2: rgba(23, 23, 23, 100%); --bg-2: rgba(23, 23, 23, 100%);
--hover-color: black;
--primary-color: #7cc4d1; --primary-color: #7cc4d1;
--secondary-color: #4a4a4a; --secondary-color: #4a4a4a;
--links: #8fdfe5; --links: #8fdfe5;

View File

@ -55,7 +55,7 @@ footer nav {
.social { .social {
&:hover { &:hover {
&>img { &>img {
filter: invert(1); filter: invert(0);
} }
} }

View File

@ -111,7 +111,7 @@ a {
} }
a:hover { a:hover {
background-color: var(--primary-color); background-color: var(--accent-color);
color: var(--hover-color); color: var(--hover-color);
} }
@ -123,7 +123,7 @@ a:not(.no-hover-padding, .zola-anchor)::before {
left: -0.15em; left: -0.15em;
right: -0.15em; right: -0.15em;
z-index: -1; z-index: -1;
background-color: var(--primary-color); background-color: var(--accent-color);
opacity: 0; opacity: 0;
} }