Fix .pane-header text and background colors

war/src/main/less/abstracts/theme.less

@@ -140,9 +140,9 @@
   // Table
   --even-row-color: var(--lightest-grey);
   --bigtable-border-width: var(--pane-border-width);
-  --bigtable-header-bg: var(--pane-header-bg);
+  --bigtable-header-bg: var(--dark-grey);
   --bigtable-header-font-weight: bold; // Does specifying this make sense
-  --bigtable-header-text-color: var(--pane-header-text-color);
+  --bigtable-header-text-color: var(--white);
   --bigtable-row-border-color: var(--medium-grey);
   --bigtable-cell-padding-x: 0.75rem;
   --bigtable-cell-padding-y: 0.5rem;
@@ -170,12 +170,12 @@
 
   // Pane
   --pane-border-width: 1px;
-  --pane-header-text-color: var(--white);
-  --pane-header-bg: var(--dark-grey);
+  --pane-header-text-color: var(--text-color);
+  --pane-header-bg: var(--light-grey);
   --pane-header-border-color: var(--light-grey);
   --pane-header-font-weight: bold;
   --pane-border-color: var(--light-grey);
-  --pane-text-color: #3b3b3b;
+  --pane-text-color: var(--text-color);
   --pane-link-color: black;
   --pane-link-color--visited: black;
 
@@ -194,8 +194,8 @@
   --tab-link-text-color--active: var(--tab-link-text-color); // Redundant?
   --tab-link-bg--active: var(--light-grey);
   --tab-link-border-color--active: var(--tab-link-checked-bg); // Redundant?
-  --tab-link-checked-text-color: var(--pane-header-text-color);
-  --tab-link-checked-bg: var(--pane-header-bg);
+  --tab-link-checked-text-color: var(--white);
+  --tab-link-checked-bg: var(--dark-grey);
   --tab-link-checked-border-color: var(--tab-link-checked-bg);
   // Tabbar baseline
   --tab-baseline-width: 2px;

war/src/main/less/modules/panes-and-bigtable.less

@@ -7,11 +7,15 @@
 
 .pane-header, .pane-footer {
   padding: 8px 0px;
-  color: var(--pane-header-color);
+  color: var(--pane-header-text-color);
   background: var(--pane-header-bg);
   border: var(--pane-border-width) solid var(--pane-header-border-color);
   border-left: none;
   border-right: none;
+  color: var(--pane-header-text-color);
+}
+
+.pane {
   color: var(--pane-text-color);
 }
 
@@ -132,13 +136,13 @@ table.bigtable {
 table.sortable a.sortheader {
   text-decoration: none;
   display: block;
-  color: var(--pane-header-color);
+  color: var(--pane-header-text-color);
   font-weight: var(--pane-header-font-weight);  // Should we use the bigtable one here?
 }
 
 table.sortable span.sortarrow {
   text-decoration: none;
-  color: var(--pane-header-color);
+  color: var(--pane-header-text-color);
   font-weight: var(--pane-header-font-weight); // Should we use the bigtable one here?
 }