From a74cde38db8123c6ba4d1c396d2aa0b982d064e9 Mon Sep 17 00:00:00 2001
From: Johannes Kimmel <fff@bareminimum.eu>
Date: Fri, 24 Feb 2023 15:23:10 +0100
Subject: [PATCH] use dimmed background for table headers

Currently all even table rows are dimmed down to help the reader's
orientation. The problem is that <tr> elements within a table are
further split into sections of <thead> and <tbody>. As a result, the
counter is not the some for all <tr> in the table, but there are two
separate counters for elements within <thead> and <tbody> respectively.

This can be visually distracting since the table appears to start with 2
light rows and only then the pattern of alternating backgrounds begins.

For most cases dimming the table headers works fine to help with this
issue.

Fixes: #23
---
 assets/_custom.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/_custom.scss b/assets/_custom.scss
index 0ed45bd..067f94c 100644
--- a/assets/_custom.scss
+++ b/assets/_custom.scss
@@ -36,3 +36,7 @@
 summary:focus {
 	outline: none;
 }
+
+.markdown table th {
+	background: var(--gray-100);
+}