From 4a58226c9a7403f88e1dc9775b44806c604cd7ec Mon Sep 17 00:00:00 2001
From: 0xallam <ahmed39652003@gmail.com>
Date: Fri, 9 Jan 2026 13:46:08 -0800
Subject: [PATCH] Modernize vulnerability detail dialog styling

---
 strix/interface/assets/tui_styles.tcss | 53 +++++++++++++++++---------
 strix/interface/tui.py                 |  2 +-
 2 files changed, 37 insertions(+), 18 deletions(-)

diff --git a/strix/interface/assets/tui_styles.tcss b/strix/interface/assets/tui_styles.tcss
index c4693c8..b322a73 100644
--- a/strix/interface/assets/tui_styles.tcss
+++ b/strix/interface/assets/tui_styles.tcss
@@ -96,29 +96,30 @@ Screen {
 
 VulnerabilityDetailScreen {
     align: center middle;
-    background: $background 60%;
+    background: #000000 80%;
 }
 
 #vuln_detail_dialog {
     grid-size: 1;
     grid-gutter: 1;
     grid-rows: 1fr auto;
-    padding: 1 2;
-    width: 80%;
-    max-width: 100;
-    height: 80%;
-    max-height: 40;
-    border: round #ea580c;
-    background: #0a0a0a 98%;
+    padding: 2 3;
+    width: 85%;
+    max-width: 110;
+    height: 85%;
+    max-height: 45;
+    border: solid #262626;
+    background: #0a0a0a;
 }
 
 #vuln_detail_scroll {
     height: 1fr;
     background: transparent;
     scrollbar-background: #0a0a0a;
-    scrollbar-color: #333333;
+    scrollbar-color: #404040;
     scrollbar-corner-color: #0a0a0a;
     scrollbar-size: 1 1;
+    padding-right: 1;
 }
 
 #vuln_detail_content {
@@ -130,26 +131,44 @@ VulnerabilityDetailScreen {
 #vuln_detail_buttons {
     width: 100%;
     height: auto;
-    align: center middle;
-    padding: 0;
+    align: right middle;
+    padding-top: 1;
     margin: 0;
+    border-top: solid #1a1a1a;
 }
 
-#copy_vuln_detail, #close_vuln_detail {
+#copy_vuln_detail {
     width: auto;
     min-width: 12;
-    height: 1;
-    min-height: 1;
+    height: auto;
     background: transparent;
-    color: #737373;
+    color: #525252;
     border: none;
     text-style: none;
     margin: 0 1;
+    padding: 0 2;
+}
+
+#close_vuln_detail {
+    width: auto;
+    min-width: 10;
+    height: auto;
+    background: transparent;
+    color: #a3a3a3;
+    border: none;
+    text-style: none;
+    margin: 0;
+    padding: 0 2;
+}
+
+#copy_vuln_detail:hover, #copy_vuln_detail:focus {
+    background: transparent;
+    color: #22c55e;
+    border: none;
 }
 
-#copy_vuln_detail:hover, #copy_vuln_detail:focus,
 #close_vuln_detail:hover, #close_vuln_detail:focus {
-    background: #262626;
+    background: transparent;
     color: #ffffff;
     border: none;
 }
diff --git a/strix/interface/tui.py b/strix/interface/tui.py
index 2414be6..61f5a16 100644
--- a/strix/interface/tui.py
+++ b/strix/interface/tui.py
@@ -275,7 +275,7 @@ class VulnerabilityDetailScreen(ModalScreen):  # type: ignore[misc]
             VerticalScroll(Static(content, id="vuln_detail_content"), id="vuln_detail_scroll"),
             Horizontal(
                 Button("Copy", variant="default", id="copy_vuln_detail"),
-                Button("Close", variant="default", id="close_vuln_detail"),
+                Button("Done", variant="default", id="close_vuln_detail"),
                 id="vuln_detail_buttons",
             ),
             id="vuln_detail_dialog",