prime8dev

commit e187752c1ccafba9ae888b1c5f50c857b98a4334
parent 871b71073a2dad118a019eeabc6abd1535546573
Author: Damian Myrda <damian@prime8.dev>
Date:   Mon, 26 Oct 2026 23:58:48 +0000

web: help overlay in the site palette (accent border and keys, bar background)

Diffstat:
M
internal/web/styles/layout.css
 | 
13
++++++++-----

1 file changed, 8 insertions(+), 5 deletions(-)
diff --git a/internal/web/styles/layout.css b/internal/web/styles/layout.css
@@ -252,7 +252,7 @@ a:hover {
   left: 0;
   width: 100vw;
   height: 100vh;
-  background: rgba(0, 0, 0, 0.8);
+  background: rgba(13, 13, 13, 0.85); /* --bg */
   z-index: 9998;
   display: flex;
   align-items: center;
@@ -267,9 +267,12 @@ a:hover {
   visibility: visible;
 }
 
+/* the site palette, like the TUI help panel: an accent-bordered box on the
+   bar background, accent title and keys, plain descriptions */
 .help-modal {
-  background: var(--bg);
-  border: 1px solid var(--border);
+  background: var(--bg-alt);
+  color: var(--fg);
+  border: 1px solid var(--accent);
   padding: 20px 24px;
   min-width: 280px;
   max-width: 90vw;
@@ -308,8 +311,8 @@ a:hover {
 }
 
 .help-key {
-  color: var(--cyan);
-  font-family: "JetBrains Mono", monospace;
+  color: var(--accent);
+  font-weight: 700;
   font-size: var(--fs-12);
   min-width: 60px;
 }