From e4c1124fd2842aee784b0285dab347a325a2a67c Mon Sep 17 00:00:00 2001 From: theborakompanioni Date: Fri, 4 Nov 2022 13:22:33 +0100 Subject: [PATCH] ui(orderbook): improve readability with alternate colors for rows --- src/components/Orderbook.module.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/Orderbook.module.css b/src/components/Orderbook.module.css index 5ce8962a7..551829aad 100644 --- 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; }