1 files changed, 34 insertions, 44 deletions

diff --git a/src/vtt_publish/tui.py b/src/vtt_publish/tui.py
index 1b86a37..05665e0 100644
--- a/src/vtt_publish/tui.py
+++ b/src/vtt_publish/tui.py
@@ -163,83 +163,74 @@ class PublisherApp(App):
     CSS = """
     Screen {
         layout: vertical;
-        background: #0f1f18;  /* Deep dark green background */
+        background: #05100c;
     }
 
-    /* HEADER & FOOTER */
     Header {
         dock: top;
         background: #1a3b2e;
-        color: #4caf50;
+        color: #a5d6a7;
     }
     Footer {
         dock: bottom;
-        background: #1a3b2e;
-        color: #4caf50;
+        # background: #1a3b2e;
+        # color: #4caf50;
     }
 
-    /* MAIN CONTAINER */
     #main_container {
-        height: 70%;
         layout: horizontal;
-        border-bottom: solid #4caf50;
+        height: 1fr;
     }
 
-    /* LEFT PANE (Directory) */
     #left_pane {
         width: 30%;
         height: 100%;
-        border-right: solid #4caf50;
-        background: #0f1f18;
-    }
-
-    /* STYLE CLASS FOR THE STATIC HEADER */
-    .pane-header {
-        background: #4caf50;
-        color: #0f1f18; /* Dark text on green background (Reverse look) */
-        text-style: bold;
-        padding-left: 1;
-    }
-
-    DirectoryTree {
-        background: #0f1f18;
-        color: #8bc34a; /* Light green text */
-        border: hidden; /* We use the container for the border */
-    }
-
-    DirectoryTree:focus {
-        background: #162d23;
+        border-right: solid #1a3b2e;
     }
 
-    /* RIGHT PANE (Table) */
     #right_pane {
         width: 70%;
         height: 100%;
-        background: #0f1f18;
     }
 
-    DataTable {
-        background: #0f1f18;
-        color: #a5d6a7;
-        scrollbar-gutter: stable;
+    CampaignTree, FileTable {
+        height: 1fr;
+        background: #0f1f18;  /* Dark Green */
+        color: #4caf50;       /* Dim Green Text */
+        border: heavy #1a3b2e; /* Dim Border */
+        padding: 0 1;
+    }
+
+    CampaignTree:focus {
+        background: #162d23;    /* Slightly Lighter */
+        color: #ffffff;         /* Text pops to white */
+        border: heavy #4caf50;  /* Bright Neon Border */
     }
 
-    DataTable:focus {
-        border: solid #4caf50; /* Highlight when active */
+    FileTable:focus {
+        background: #162d23;    /* Matches Tree Focus */
+        border: heavy #4caf50;  /* Bright Neon Border */
     }
 
-    /* Highlight the selected row in the table */
-    DataTable > .datatable--cursor {
-        background: #2e7d32;
+    FileTable > .datatable--cursor {
+        background: #2e7d32;    /* Distinct Highlighting Green */
         color: white;
+        text-style: bold;
+    }
+
+    FileTable > .datatable--header {
+        background: #1a3b2e;
+        color: #81c784;
+        text-style: bold;
     }
 
-    /* LOG PANE */
     #log_pane {
-        height: 30%;
+        height: 20%;
+        border-top: solid #4caf50;
         background: #0a1410;
         color: #81c784;
-        padding: 1;
+        text-wrap: wrap;
+        scrollbar-size: 0 0;
     }
     """
 
@@ -269,7 +260,6 @@ class PublisherApp(App):
         with Container(id="main_container"):
             # Left Pane: Directory Tree
             with Container(id="left_pane"):
-                yield Static(" Directory Browser", classes="pane-header")
                 # Start at current directory or mock directory
                 start_path = "./mock_campaign" if os.path.exists("./mock_campaign") else "."
                 yield CampaignTree(start_path, id="tree_view")