From 8d99bec996a9cb0db8b55bbf207628e18c99ce6e Mon Sep 17 00:00:00 2001
From: superxlbot <299163732+superxlbot@users.noreply.github.com>
Date: Thu, 2 Jul 2026 23:51:55 +0800
Subject: [PATCH] style(tui): restyle DataTable with zebra rows and themed
 scrollbar

Give the results table a transparent, muted header, a bold accent cursor,
alternating even/odd row shading, and a themed scrollbar that brightens on
hover and while active.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/tju/tui/app.tcss | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/tju/tui/app.tcss b/src/tju/tui/app.tcss
index 4a5bc4f..9e5e2d6 100644
--- a/src/tju/tui/app.tcss
+++ b/src/tju/tui/app.tcss
@@ -150,22 +150,42 @@ MainScreen {
     margin-bottom: 1;
 }
 
-/* ── DataTable ──────────────────────────────────────────────────────────── */
+/* ══════ DataTable ══════════════════════════════════════════════════════════ */
+
 DataTable {
     height: auto;
     max-height: 100%;
     background: transparent;
+    scrollbar-size: 1 1;
+    scrollbar-color: $primary-darken-2;
+    scrollbar-color-hover: $primary;
+    scrollbar-color-active: $accent;
 }
 
 DataTable > .datatable--header {
-    background: $surface;
-    color: $accent;
+    background: transparent;
+    color: $text-muted;
+    text-style: bold;
+}
+
+DataTable > .datatable--header-cursor {
+    background: transparent;
+    color: $text-muted;
     text-style: bold;
 }
 
 DataTable > .datatable--cursor {
     background: $accent;
     color: $background;
+    text-style: bold;
+}
+
+DataTable > .datatable--even-row {
+    background: $surface 40%;
+}
+
+DataTable > .datatable--odd-row {
+    background: transparent;
 }
 
 /* ── Parameter bar (semester) ───────────────────────────────────────────── */