diff --git a/assets/css/colors.css b/assets/css/colors.css index 7befcaf..fb0a9af 100644 --- a/assets/css/colors.css +++ b/assets/css/colors.css @@ -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; } } diff --git a/assets/css/global.css b/assets/css/global.css index 128bc79..5b17e2a 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -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 */