@import url("/assets/md.css")canary: clarify, mention mvps

@import url("/assets/md.css")

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;