From a5eb193ec53fb6cf44fc8e6902a9256bdc4129ed 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): add Footer theming

Add a dedicated Footer block so the key bindings bar matches the dark
theme: surface background with a top border, accent-colored keys, muted
descriptions, and an accent highlight for the active binding.

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

diff --git a/src/tju/tui/app.tcss b/src/tju/tui/app.tcss
index 4a5bc4f..33ad0b3 100644
--- a/src/tju/tui/app.tcss
+++ b/src/tju/tui/app.tcss
@@ -223,3 +223,32 @@ LoadingIndicator {
     height: 3;
     background: transparent;
 }
+
+/* ══════ Footer ═════════════════════════════════════════════════════════════ */
+
+Footer {
+    background: $surface;
+    color: $text-muted;
+    border-top: solid $primary-darken-2;
+}
+
+Footer > .footer--key {
+    background: transparent;
+    color: $accent;
+    text-style: bold;
+}
+
+Footer > .footer--description {
+    color: $text-muted;
+}
+
+Footer > .footer--highlight {
+    background: $accent;
+    color: $background;
+}
+
+Footer > .footer--highlight-key {
+    background: $accent-darken-1;
+    color: $background;
+    text-style: bold;
+}