fix(a11y): address axe color-contrast violations on dark surface
This commit is contained in:
@@ -1,5 +1,11 @@
|
||||
/* Blog/post index listing styles */
|
||||
|
||||
/* Category pill on dark page surface — needs higher contrast than the default
|
||||
* --color-bodylinks (~3:1 against --color-page-base) for WCAG AA. */
|
||||
.post-list__category {
|
||||
color: var(--color-primary-87, #dce1ff);
|
||||
}
|
||||
|
||||
.post-list {
|
||||
/* Original styles, if needed
|
||||
* .post-list__posts {
|
||||
|
||||
@@ -333,7 +333,7 @@
|
||||
margin: 0;
|
||||
}
|
||||
.home-recent__view-all {
|
||||
color: var(--color-primary, #b6c4ff);
|
||||
color: var(--color-primary-87, #dce1ff);
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -24,5 +24,12 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Links inside sidebar widgets on dark page surface — bumped to --color-primary-87
|
||||
* to clear WCAG AA (the inherited global --color-bodylinks is only ~3:1). */
|
||||
a[data-type],
|
||||
a[data-id] {
|
||||
color: var(--color-primary-87, #dce1ff);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user