Checkpoint

ui/src/styles/theme/_bootstrap-overrides.scss

@@ -0,0 +1,69 @@
+// Bootstrap font size overrides for smaller default text
+html, body {
+  font-size: 14px;
+}
+
+// Optionally, adjust headings and other elements if needed
+h1 { font-size: 2rem; }
+h2 { font-size: 1.5rem; }
+h3 { font-size: 1.17rem; }
+h4 { font-size: 1rem; }
+h5 { font-size: 0.83rem; }
+h6 { font-size: 0.67rem; }
+
+// Bootstrap utility classes
+.small, .text-small, .form-text, .form-label, .form-control, .btn, .nav-link, .dropdown-item {
+  font-size: 0.92em;
+}
+
+// Bootstrap table color variable overrides for dark blue theme
+:root, .table {
+  --bs-table-bg: #162447;
+  --bs-table-striped-bg: #1f4068;
+  --bs-table-striped-color: #f8f9fa;
+  --bs-table-active-bg: #23395d;
+  --bs-table-active-color: #f8f9fa;
+  --bs-table-hover-bg: #23395d;
+  --bs-table-hover-color: #f8f9fa;
+  --bs-table-border-color: #23395d;
+  --bs-table-color: #f8f9fa;
+}
+
+// Default table style for dark blue theme
+table {
+  background-color: #162447;
+  color: #f8f9fa;
+}
+
+th, td {
+  background-color: inherit;
+  color: inherit;
+}
+
+thead {
+  background-color: #1f4068;
+}
+
+tbody tr {
+  border-bottom: 1px solid #23395d;
+}
+
+// Make bootstrap monospace utility and code elements slightly smaller
+.font-monospace,
+code,
+kbd,
+samp {
+  font-size: 0.75rem;
+  line-height: 1;
+  vertical-align: middle;
+  color: var(--app-accent);
+}
+
+pre {
+  font-size: 0.75rem;
+  line-height: 1.2;
+}
+
+.main-content a {
+  color: var(--app-accent-yellow) !important;
+}

ui/src/styles/theme/_charts.scss

@@ -0,0 +1,47 @@
+/* ============================================
+   CHARTS - Global defaults for MUI X Charts
+   ============================================ */
+
+.MuiChartsSurface-root,
+.MuiChartsWrapper-root {
+  color: var(--app-text-muted) !important;
+}
+
+.MuiChartsAxis-line,
+.MuiChartsAxis-tick,
+.MuiChartsGrid-line {
+  stroke: rgba(173, 205, 255, 0.32) !important;
+}
+
+.MuiChartsAxis-tickLabel,
+.MuiChartsLegend-label,
+.MuiChartsAxis-label,
+.MuiChartsLabel-root {
+  fill: var(--app-text-muted) !important;
+}
+
+.MuiChartsTooltip-root,
+.MuiChartsTooltip-paper,
+.MuiChartsTooltip-table,
+.MuiChartsTooltip-row,
+.MuiChartsTooltip-cell,
+.MuiChartsTooltip-labelCell,
+.MuiChartsTooltip-valueCell,
+.MuiChartsTooltip-axisValueCell {
+  color: var(--app-text-muted) !important;
+}
+
+.MuiChartsLegend-root {
+  background: rgba(11, 39, 82, 0.45);
+  border: 1px solid rgba(173, 205, 255, 0.2);
+  border-radius: 8px;
+  padding: 0.35rem 0.5rem;
+}
+
+.MuiChartsLegend-series {
+  margin-right: 0.75rem;
+}
+
+.MuiChartsLegend-mark {
+  filter: drop-shadow(0 0 3px rgba(2, 10, 26, 0.6));
+}

ui/src/styles/theme/_tables.scss

@@ -32,42 +32,5 @@
 }
 
 .data-table {
-  color: var(--app-text);
-
-  thead th {
-    position: sticky;
-    top: 0;
-    z-index: 2;
-    background: rgba(13, 36, 82, 0.95);
-    border-color: rgba(173, 205, 255, 0.18);
-    color: var(--app-text);
-  }
-
-  td {
-    border-color: rgba(173, 205, 255, 0.12);
-    vertical-align: middle;
-    cursor: pointer;
-  }
-
-  tr.is-selected td {
-    background: rgba(102, 157, 255, 0.34);
-    color: #f2f7ff;
-  }
-
-  tr.is-selected a,
-  tr.is-selected a:hover {
-    color: var(--app-accent-yellow);
-  }
-
-  tr:hover td {
-    background: rgba(102, 157, 255, 0.08);
-    color: var(--app-text);
-  }
-
-  tr:hover .callsign {
-    color: var(--app-accent-yellow);
-    background-color: var(--app-blue-dark);
-    border-color: var(--app-accent-yellow);
-  }
-
+  /* Color and background overrides removed to use default/inherited styles */
 }