fixes #16649: feedback changes

netbox/project-static/styles/_variables.scss

@@ -31,3 +31,6 @@ $bright-teal: #00F2D4;
 $dark-teal: #00857D;
 
 $primary: $dark-teal;
+
+// Navbar active dropdown border color
+$navbar-active-border-color: $bright-teal;

netbox/project-static/styles/overrides/_tabler.scss

@@ -35,13 +35,8 @@ pre {
   display: inline-block;;
 }
 
-table {
-  a {
-    color: $dark-teal;
-  }
-  th.orderable a {
+table th.orderable a {
   color: var(--#{$prefix}body-color);
-  }
 }
 
 // Override background color alpha value
@@ -49,17 +44,6 @@ table {
   background-color: rgba(var(--tblr-primary-rgb),.48)
 }
 
-// Side navigation
-.navbar-vertical {
-  background-color: $rich-black;
-  .dropdown-item {
-    color: white!important;
-  }
-  .text-secondary {
-    color: $gray-400!important;
-  }
-}
-
 // Dark mode colors
 @if $enable-dark-mode {
   @include color-mode(dark, true) {
@@ -74,10 +58,17 @@ table {
   background: var(--#{$prefix}bg-surface);
 }
 
-//
+// Altering background colors
 .page, .page-tabs .nav-tabs .nav-link.active {
   background-color: var(--#{$prefix}bg-surface-tertiary)!important;
 }
+.page-body .card .card-header {
+  background: var(--tblr-bg-surface-secondary)!important;
+}
+
+.footer .text-primary {
+  color: $rich-black!important;
+}
 
 // Dark mode overrides
 body[data-bs-theme=dark] {
@@ -102,9 +93,6 @@ body[data-bs-theme=dark] {
     .btn {
       color: var(--#{$prefix}body-color);
     }
-    th.orderable a {
-      color: var(--#{$prefix}body-color);
-    }
   }
 
   // Adjusting text colors
@@ -116,4 +104,7 @@ body[data-bs-theme=dark] {
       color: $gray-400!important;
     }
   }
+  .footer .text-primary {
+    color: white!important;
+  }
 }

netbox/project-static/styles/transitional/_navigation.scss

@@ -1,5 +1,13 @@
 // Navbar styling
 .navbar-vertical.navbar-expand-lg {
+  background-color: $rich-black;
+  .dropdown-item {
+    color: white!important;
+  }
+  .text-secondary {
+    color: $bright-teal!important;
+  }
+
   .navbar-collapse {
     .dropdown-menu {
       .dropdown-item {