style: fix table style in light mode

Fixes #55
jonbiemond · Oct 21, 2023 · 6cd884f · 6cd884f
1 parent 572b469
commit 6cd884f
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/bcitflex/static/style.css b/bcitflex/static/style.css
@@ -4,6 +4,11 @@ h1 { font-family: serif; color: #125738; margin: 1rem 0; }
 a { color: #125738; }
 hr { border: none; border-top: 1px solid lightgray; }
 nav { background: #125738; color: #E7E8EB; display: flex; align-items: center; padding: 0 0.5rem;}
+table { width: 100%; }
+table td { text-align: center; }
+table tbody td { padding: 0.5em 0; }
+table tbody tr:nth-child(even) { background-color: #d3d3d3; }
+table tbody tr:hover { background-color: #125738b8; }
 @media (prefers-color-scheme: dark) {
   html {
     background-color: #3d3d3d;
@@ -17,6 +22,7 @@ nav { background: #125738; color: #E7E8EB; display: flex; align-items: center; p
   a { color: #8ac99e; }
   .content > header h1 { color: #8ac99e; }
   .content input, .content textarea { background: #2a2a2a; color: #E7E8EB; }
+  table tbody tr:nth-child(even) { background-color: #212125; }
 }
 @media (prefers-color-scheme: light) {
   nav h1 { color: #E7E8EB; }
@@ -41,9 +47,4 @@ nav ul li a, nav ul li span, header .action { display: block; padding: 0.5rem; }
 .content input, .content textarea { margin-bottom: 1em; }
 .content textarea { min-height: 12em; resize: vertical; }
 input.danger { color: #cc2f2e; }
-input[type=submit] { align-self: start; min-width: 10em; }
-table { width: 100%; }
-table td { text-align: center; }
-table tbody td { padding: 0.5em 0; }
-table tbody tr:nth-child(even) { background-color: #212125; }
-table tbody tr:hover { background-color: #125738b8; }
+input[type=submit] { align-self: start; min-width: 10em; }