closes #16907: changed default widget color to primary color

netbox/extras/choices.py

@@ -276,6 +276,7 @@ class DashboardWidgetColorChoices(ChoiceSet):
     GRAY = 'gray'
     BLACK = 'black'
     WHITE = 'white'
+    NETBOXTEAL = 'primary'
 
     CHOICES = (
         (BLUE, _('Blue')),
@@ -291,6 +292,7 @@ class DashboardWidgetColorChoices(ChoiceSet):
         (GRAY, _('Gray')),
         (BLACK, _('Black')),
         (WHITE, _('White')),
+        (NETBOXTEAL, _('NetBox Teal')),
     )
 
 

netbox/extras/constants.py

@@ -26,7 +26,7 @@ DEFAULT_DASHBOARD = [
         'width': 4,
         'height': 5,
         'title': 'Bookmarks',
-        'color': 'orange',
+        'color': 'primary',
     },
     {
         'widget': 'extras.ObjectCountsWidget',
@@ -46,7 +46,7 @@ DEFAULT_DASHBOARD = [
         'width': 4,
         'height': 2,
         'title': 'Welcome!',
-        'color': 'green',
+        'color': 'primary',
         'config': {
             'content': (
                 'This is your personal dashboard. Feel free to customize it by rearranging, resizing, or removing '
@@ -128,7 +128,6 @@ DEFAULT_DASHBOARD = [
         'width': 12,
         'height': 5,
         'title': 'Change Log',
-        'color': 'blue',
         'config': {
             'model': 'core.objectchange',
             'page_size': 25,

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

@@ -45,6 +45,7 @@ pre {
   @include color-mode(dark, true) {
     --#{$prefix}alert-color: darken(var(--#{$prefix}warning),10%);
     --#{$prefix}link-color: #{$bright-teal};
+    --#{$prefix}primary-rgb: 0,242,212;
     --#{$prefix}secondary: #{$gray-400};
   }
 }
@@ -69,6 +70,16 @@ pre {
 // Dark mode overrides
 body[data-bs-theme=dark] {
 
+  // Change content color when primary teal changes with theme
+  .bg-primary, {
+    .card-title,a,i {
+      color: $rich-black!important;
+    }
+  }
+  .text-bg-primary {
+    color: $rich-black!important;
+  }
+
   // Altering background colors
   .card {
     background: $rich-black!important;

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

@@ -65,12 +65,9 @@ body[data-bs-theme=dark] {
 
   // Adjust dark table link color without affecting buttons and badges
   table {
-    a:not(.btn) {
+    a:not(.btn,.badge a) {
       color: $bright-teal;
     }
-    .badge a {
-      color: inherit;
-    }
     // Stops table headers from appearing as primary link color
     th.orderable a {
       color: var(--#{$prefix}body-color);
@@ -79,7 +76,7 @@ body[data-bs-theme=dark] {
 
   table.object-list {
     a {
-      color: var(--#{$prefix}body-color);
+      color: var(--#{$prefix}body-color)!important;
     }
   }
 }