ui(orderbook): improve readability with alternate colors for rows

joinmarket-webui · Nov 4, 2022 · e4c1124 · e4c1124
1 parent 669827c
commit e4c1124
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/Orderbook.module.css b/src/components/Orderbook.module.css
@@ -56,6 +56,14 @@
   border: none;
 }
 
-.highlighted td {
+.orderbookContainer tr:nth-child(2n) td {
+  background-color: var(--bs-gray-200);
+}
+
+:root[data-theme='dark'] .orderbookContainer tr:nth-child(2n) td {
+  background-color: var(--bs-gray-800);
+}
+
+.orderbookContainer tr.highlighted td {
   background-color: rgba(var(--bs-success-rgb), 0.33) !important;
 }