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 4bb36391ebe129a7a0bf773adb7e8d6d2459d438..2cd47cfac7cb271a78a9deebe6220ee322668e13 100644 (file)
--- a/html/html/themes/ipfire/include/css/style.css
+++ b/html/html/themes/ipfire/include/css/style.css
@@ -1,3 +1,11 @@
+:root {
+       --color-green        : #339933;
+       --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 */
 
@@ -290,6 +298,18 @@ table {
        padding-right: 0.5em;
 }
 
+.tbl th[scope=row] {
+       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;