pretty good

analyzer/tui/textual/styles/streamlens_v2.tcss

@@ -1,88 +1,72 @@
-/* StreamLens V2 - TipTop-Inspired Styling */
-
-/* Color Scheme - Dark theme with vibrant accents */
-$primary: #0080ff;
-$primary-lighten-1: #3399ff;
-$primary-lighten-2: #66b3ff;
-$primary-lighten-3: #99ccff;
-
-$accent: #00ffcc;
-$success: #00ff88;
-$warning: #ffcc00;
-$error: #ff3366;
-
-$surface: #1a1a1a;
-$surface-lighten-1: #262626;
-$surface-lighten-2: #333333;
-$background: #0d0d0d;
-$text: #ffffff;
-$text-muted: #999999;
+/* StreamLens V2 - Compact Styling */
 
 /* Main Application Layout */
 Screen {
-    background: $background;
+    background: #0d0d0d;
 }
 
 #main-container {
     height: 1fr;
-    background: $background;
+    background: #0d0d0d;
 }
 
-/* Metrics Bar - Horizontal compact display at top */
+/* Metrics Bar - Ultra compact display at top */
 #metrics-bar {
-    height: 7;
-    padding: 1;
-    background: $surface;
-    border-bottom: thick $primary;
+    height: 3;
+    padding: 0;
+    background: #1a1a1a;
+    border-bottom: solid #0080ff;
     align: center middle;
 }
 
 MetricCard {
     width: 1fr;
-    height: 5;
-    margin: 0 1;
-    max-width: 20;
-    border: tall $primary-lighten-2;
-    padding: 0 1;
+    height: 3;
+    margin: 0;
+    max-width: 18;
+    border: none;
+    padding: 0;
     align: center middle;
 }
 
-/* Content Area - Three column layout */
+/* Content Area - Maximized for grid */
 #content-area {
     height: 1fr;
-    padding: 1;
+    padding: 0;
 }
 
-/* Panel Styling */
+/* Panel Styling - Minimal borders */
 .panel {
-    border: solid $primary-lighten-3;
-    padding: 1;
-    margin: 0 1;
+    border: solid #99ccff;
+    padding: 0;
+    margin: 0;
 }
 
 .panel-wide {
-    border: solid $primary-lighten-3;
-    padding: 1;
-    margin: 0 1;
+    border: solid #99ccff;
+    padding: 0;
+    margin: 0;
 }
 
 .panel-header {
     text-align: center;
     text-style: bold;
-    color: $accent;
+    color: #00ffcc;
     margin-bottom: 1;
 }
 
-/* Left Panel - Main Flow Table (expanded) */
+/* Left Panel - Main Flow Table (maximized) */
 #left-panel {
-    width: 70%;
-    background: $surface;
+    width: 75%;
+    background: #1a1a1a;
+    padding: 0;
 }
 
-/* Right Panel - Details */
+/* Right Panel - Details (compact) */
 #right-panel {
-    width: 30%;
-    background: $surface;
+    width: 25%;
+    background: #1a1a1a;
+    padding: 0;
 }
 
 /* Sparkline Charts */
@@ -95,114 +79,118 @@ SparklineWidget {
 /* Enhanced Flow Table */
 #flows-data-table {
     height: 1fr;
-    scrollbar-background: $surface-lighten-1;
-    scrollbar-color: $primary;
+    scrollbar-background: #262626;
+    scrollbar-color: #0080ff;
     scrollbar-size: 1 1;
 }
 
 #flows-data-table > .datatable--header {
-    background: $surface-lighten-2;
-    color: $accent;
+    background: #333333;
+    color: #00ffcc;
     text-style: bold;
 }
 
 #flows-data-table > .datatable--cursor {
-    background: $primary 30%;
-    color: $text;
+    background: #0080ff 30%;
+    color: #ffffff;
 }
 
 #flows-data-table > .datatable--hover {
-    background: $primary 20%;
+    background: #0080ff 20%;
 }
 
 #flows-data-table > .datatable--odd-row {
-    background: $surface;
+    background: #1a1a1a;
 }
 
 #flows-data-table > .datatable--even-row {
-    background: $surface-lighten-1;
+    background: #262626;
 }
 
-/* Flow Details Panel */
+/* Flow Details Panel - Compact */
 FlowDetailsPanel {
-    padding: 1;
+    padding: 0;
 }
 
 FlowDetailsPanel Panel {
-    margin-bottom: 1;
+    margin-bottom: 0;
 }
 
 /* Status Colors */
 .status-normal {
-    color: $success;
+    color: #00ff88;
 }
 
 .status-warning {
-    color: $warning;
+    color: #ffcc00;
 }
 
 .status-error {
-    color: $error;
+    color: #ff3366;
 }
 
 .status-enhanced {
-    color: $accent;
+    color: #00ffcc;
     text-style: bold;
 }
 
 /* Quality Indicators */
 .quality-high {
-    color: $success;
+    color: #00ff88;
 }
 
 .quality-medium {
-    color: $warning;
+    color: #ffcc00;
 }
 
 .quality-low {
-    color: $error;
+    color: #ff3366;
 }
 
 /* Animations and Transitions */
 .updating {
-    background: $primary 10%;
+    background: #0080ff 10%;
     transition: background 200ms;
 }
 
-/* Header and Footer */
+/* Header and Footer - Ultra compact */
 Header {
-    background: $surface;
-    color: $text;
-    border-bottom: solid $primary;
+    background: #1a1a1a;
+    color: #ffffff;
+    border-bottom: solid #0080ff;
+    height: 1;
+    padding: 0;
 }
 
 Footer {
-    background: $surface;
-    color: $text-muted;
-    border-top: solid $primary;
+    background: #1a1a1a;
+    color: #999999;
+    border-top: solid #0080ff;
+    height: 1;
+    padding: 0;
 }
 
 /* Scrollbars */
 Vertical {
     scrollbar-size: 1 1;
-    scrollbar-background: $surface-lighten-1;
-    scrollbar-color: $primary;
+    scrollbar-background: #262626;
+    scrollbar-color: #0080ff;
 }
 
 Horizontal {
     scrollbar-size: 1 1;
-    scrollbar-background: $surface-lighten-1;
-    scrollbar-color: $primary;
+    scrollbar-background: #262626;
+    scrollbar-color: #0080ff;
 }
 
 /* Focus States */
 DataTable:focus {
-    border: solid $accent;
+    border: solid #00ffcc;
 }
 
 /* Panel Borders */
 Static {
-    border: round $primary;
+    border: round #0080ff;
 }
 
 /* End of styles */