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

View file

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