/meshcore/nodes: update table

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

@@ -67,3 +67,81 @@ pre {
 .main-content a {
   color: var(--app-accent-yellow) !important;
 }
+
+// Dropdown overrides to match global app theme
+.dropdown,
+.dropup,
+.dropleft,
+.dropright {
+  // ensure dropdown toggles use accent color for icons/links
+  .dropdown-toggle {
+    color: var(--app-accent-primary);
+    &:hover,
+    &:focus {
+      color: var(--app-accent-blue);
+      background: transparent;
+      text-decoration: none;
+    }
+  }
+}
+
+.dropdown-menu {
+  background-color: var(--app-bg-elevated);
+  color: var(--app-text);
+  border: 1px solid var(--app-border-color);
+  box-shadow: 0 6px 18px rgba(2,10,26,0.6);
+  min-width: 10rem;
+  padding: 0.25rem 0;
+}
+
+.dropdown-item {
+  color: var(--app-text);
+  padding: 0.375rem 1rem;
+  font-size: 0.92em;
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus,
+.dropdown-item.active {
+  background-color: var(--app-button-hover);
+  color: var(--app-text);
+}
+
+// Ensure svg icons inside dropdown toggles inherit theme color
+.dropdown-toggle svg {
+  color: currentColor;
+  fill: currentColor;
+}
+
+// Smaller caret spacing for compact header controls
+.data-table-header .dropdown-toggle {
+  padding: 0 0.25rem;
+  color: var(--app-accent-yellow);
+}
+
+.data-table-header .dropdown-toggle:hover,
+.data-table-header .dropdown-toggle:focus {
+  color: var(--app-accent-yellow-muted);
+}
+
+/* Some Dropdown.Toggle instances use custom bsPrefix and don't include
+   the `dropdown-toggle` class. Target the header button by id and title
+   so the icon and button color are always visible. */
+.data-table-header button#type-filter-toggle-header,
+.data-table-header button#type-filter-toggle,
+.data-table-header button[title="Filter by type"] {
+  color: var(--app-accent-yellow) !important;
+}
+
+.data-table-header button#type-filter-toggle-header:hover,
+.data-table-header button#type-filter-toggle:hover,
+.data-table-header button[title="Filter by type"]:hover {
+  color: var(--app-accent-yellow-muted) !important;
+}
+
+.data-table-header button#type-filter-toggle-header svg,
+.data-table-header button#type-filter-toggle svg,
+.data-table-header button[title="Filter by type"] svg {
+  color: currentColor;
+  fill: currentColor;
+}