Fix contrast ratio on home page.

TODO.txt

@@ -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)

site/style.css

@@ -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);