more legible css in dark mode

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

src/App.vue

@@ -87,6 +87,7 @@
 }
 
 .timerRunning.micThresholdExceeded {
-	background:green;
+	background:darkgreen;
+	color:white;
 }
 </style>