From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 23 Mar 2024 18:00:49 +0000 (+0100)
Subject: CSS: Automatically stripe all tables
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=17ed2e345236b1aa762a345574db30d21d6c1303;p=people%2Fms%2Fipfire-2.x.git

CSS: Automatically stripe all tables

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/html/html/themes/ipfire/include/css/style.css b/html/html/themes/ipfire/include/css/style.css
index 51c30b73e..d8503c178 100644
--- a/html/html/themes/ipfire/include/css/style.css
+++ b/html/html/themes/ipfire/include/css/style.css
@@ -3,6 +3,8 @@
 	--color-green-invert : #ffffff;
 	--color-red          : #993333;
 	--color-red-invert   : #ffffff;
+	--color-grey         : #d6d6d6;
+	--color-light-grey   : #f0f0f0;
 }
 
 /* This controls the width of the fixed width layouts */
@@ -323,6 +325,14 @@ table {
 	text-align: left;
 }
 
+.tbl tr:nth-child(odd) td {
+	background-color: var(--color-grey);
+}
+
+.tbl tr:nth-child(even) td {
+	background-color: var(--color-light-grey);
+}
+
 .tbl th:first-child {
 	border-left: 1px solid #363636;
 	border-top: 1px solid #363636;