diff options
Diffstat (limited to 'src/app.css')
| -rw-r--r-- | src/app.css | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/src/app.css b/src/app.css index c522036..1c34312 100644 --- a/src/app.css +++ b/src/app.css @@ -65,6 +65,11 @@ } @utility quicklink { @apply text-accent-primary transition-all afterunderline-accent-primary hover:afterunderline-hoverstate active:afterunderline-hoverstate focus:afterunderline-hoverstate hover:text-white active:text-white focus:text-white outline-0; + /* a11y: primary is not perfectly visible in light theme under AA/AAA, let's fix that by giving it more artificial contrast */ + [data-blog-theme="light"] &:not(:active):not(:hover):not(:focus) { + /* remember we're inverted in light theme */ + text-shadow: 0px 0px 1.2px #fff8; + } } @utility internal-header-active { @@ -227,6 +232,8 @@ } [data-blog-theme=light] { @apply invert hue-rotate-180; + /* minor change to barely get into AA for headlines */ + --color-accent-primary: #f46061; } [data-blog-theme] { transition-property: filter; |