Fix contrast ratio on home page.

This commit is contained in:
Jordan Bancino 2022-09-28 16:25:49 -04:00
parent 0ec976d1dd
commit 13fa07bfcc
3 changed files with 17 additions and 9 deletions

View file

@ -5,6 +5,7 @@ Key:
[ ] Not Started
[x] Done
[~] In Progress
[!] Won't Fix
Phase 1: Getting off the ground
@ -45,8 +46,8 @@ Phase 2: Building a foundation
[x] Implement a simple HTTP server
[ ] Implement param parser
[x] URL encoder/decoder
[ ] Design server architecture
[ ] Route requests
[~] Design server architecture
[x] Route requests
[x] Handle requests
[ ] Data abstraction layer
[x] Error generation
@ -88,10 +89,10 @@ Documentation
[x] Add contributors list
[x] Add list of make.sh recipes and what they do
[ ] Improve Google Lighthouse score on website
[ ] Image elements do not have explicit width and height
[ ] Background and foreground colors do not have sufficient contrast ratio (msg-error div)
[!] Image elements do not have explicit width and height
[x] Background and foreground colors do not have sufficient contrast ratio (msg-error div)
[x] Lists do not contain only <li> elements
[ ] Add other message divs for notes and warnings
[!] Add other message divs for notes and warnings
[x] Convert documentation to man pages
[x] Clean up dark mode in man page CSS (links)

View file

@ -9,8 +9,8 @@
--color-table-border: #d0d7de;
--color-table-accent: #f6f8fa;
--color-error-bg: #ffdce0;
--color-error: #bd181e;
--color-error-bg: #f44336;
--color-error: white;
}
@media(prefers-color-scheme: dark) {
@ -23,7 +23,8 @@
--color-table-border: #30363d;
--color-table-accent: #161b22;
--color-error-bg: #3f1e23;
--color-error-bg: #b71c1c;
--color-error: white;
}
}
@ -45,6 +46,12 @@ body {
padding: 20px;
}
.msg-error a {
color: var(--color-error);
font-weight: bold;
text-decoration: underline
}
.code {
background-color: var(--color-snippet);
border-radius: var(--border-radius);