Skip to content

Commit 95a9d8d

Browse files
naorpeledclaude
andauthored
docs: fix banner accessibility and hover color contrast (qodo-ai#2245)
Apply WCAG AA compliant colors for the announcement banner: - Light mode: #1d4ed8 (6.70:1 contrast with white text) - Dark mode: #2563eb (5.17:1 contrast with white text, 3.31:1 vs header) - Fix link hover color inheriting accent color instead of staying white Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
1 parent df36de3 commit 95a9d8d

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

docs/docs/css/custom.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,3 +105,18 @@
105105
border-color: rgba(226, 232, 240, 0.2);
106106
outline-color: rgba(226, 232, 240, 0.3);
107107
}
108+
109+
.md-banner {
110+
background-color: #1d4ed8;
111+
}
112+
113+
[data-md-color-scheme="slate"] .md-banner {
114+
background-color: #2563eb;
115+
}
116+
117+
.md-banner .md-typeset a,
118+
.md-banner .md-typeset a:hover,
119+
.md-banner .md-typeset a:focus {
120+
color: currentColor;
121+
text-decoration: underline;
122+
}

0 commit comments

Comments
 (0)