all repos — aaoth.xyz @ 1f26e4981ecd89ace20d9e329a629fd63dfc269a

aaoth.xyz website

tweak css to improve contrast and accesibility
la-ninpre leobrekalini@gmail.com
Wed, 15 Sep 2021 18:48:05 +0300
commit

1f26e4981ecd89ace20d9e329a629fd63dfc269a

parent

f6137e439613a588b1e69cff25344ed110865fdc

1 files changed, 15 insertions(+), 2 deletions(-)

jump to
M _sass/main.scss_sass/main.scss

@@ -6,9 +6,12 @@ $color-main-grey: #e1e1e1;

$color-main-grey-dark: #c4c4c4; $color-dark-grey: #1f1f1f; $color-darker-grey: #101010; -$color-link-idle: #707070; +$color-link-idle: #2e4054; +$color-link-idle-dark: #999999; $color-link-hover: #999999; -$color-nav-current: #333333; +$color-link-hover-dark: #707070; +$color-nav-current: #19212a; +$color-nav-current-dark: #999999; $nav-alpha: 0.95; $body-width: 835px; $border-main: 5px solid;

@@ -34,6 +37,7 @@

a { color: $color-link-idle; text-decoration: none; + transition: 0.2s ease-in-out; &:hover { color: $color-link-hover; }

@@ -488,8 +492,17 @@ }

body { color: $color-main-bg; } + a { + color: $color-link-idle-dark; + &:hover { + color: $color-link-hover-dark; + } + } nav { background: rgba($color-dark-bg, $nav-alpha); + a.current { + color: $color-nav-current-dark; + } ul { border-bottom: $border-dark; }