From 7a07a455d24bbab30185aa48224bbd624897d231 Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Sun, 2 Feb 2025 15:26:11 -0500
Subject: [PATCH] more legible css in dark mode

---
 public/app.css | 8 ++++++--
 src/App.vue    | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/app.css b/public/app.css
index bd901b7..2d71e28 100644
--- a/public/app.css
+++ b/public/app.css
@@ -5,7 +5,7 @@ body {
 @media (prefers-color-scheme: dark) {
 	body {
 		background-color: black;
-		color: grey;
+		color: white;
 	}
 	a {
 		color:white;
@@ -18,9 +18,11 @@ td,th {
 }
 th {
 	background:lightgrey;
+	color:black;
 }
 tbody tr:nth-child(even) td{
 	background:#eeeeee;
+	color:black;
 }
 
 nav {
@@ -39,9 +41,11 @@ nav ul li {
 
 nav ul li a {
 	padding: 0.5em;
-	background-color:rgba(100,100,100, 0.8);
+	background-color:rgba(100,100,100, 1);
 	pointer-events:visible;
 	display:inline-block;
+	color:white;
+	border:1px solid black;
 }
 
 @media (min-width: 900px){
diff --git a/src/App.vue b/src/App.vue
index d2712a4..a8dad6b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -87,6 +87,7 @@
 }
 
 .timerRunning.micThresholdExceeded {
-	background:green;
+	background:darkgreen;
+	color:white;
 }
 </style>