#6797: Improve home page shading

netbox-community · Jul 24, 2021 · 7d5f647 · 7d5f647
1 parent 0572d03
commit 7d5f647
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 4 deletions.
diff --git a/netbox/project-static/dist/netbox-dark.css b/netbox/project-static/dist/netbox-dark.css
diff --git a/netbox/project-static/dist/netbox-light.css b/netbox/project-static/dist/netbox-light.css
diff --git a/netbox/project-static/styles/netbox.scss b/netbox/project-static/styles/netbox.scss
@@ -920,3 +920,19 @@ div.card > div.card-header > div.table-controls {
   background-color: $tab-content-bg;
   border-bottom: 1px solid $nav-tabs-border-color;
 }
+
+// Shade the home page content background-color.
+body {
+  &[data-netbox-path='/'] {
+    .content-container,
+    .search {
+      background-color: $gray-100;
+    }
+    &[data-netbox-color-mode='dark'] {
+      .content-container,
+      .search {
+        background-color: $darkest;
+      }
+    }
+  }
+}
diff --git a/netbox/templates/base/base.html b/netbox/templates/base/base.html
@@ -1,6 +1,5 @@
 {# Base template for (almost) all NetBox pages #}
 {% load static %}
-{% load static %}
 {% load helpers %}
 <!DOCTYPE html>
 <html lang="en">
@@ -47,6 +46,7 @@
     {% if preferences|get_key:'ui.colormode' == 'dark'%} data-netbox-color-mode="dark"
     {% else %} data-netbox-color-mode="light"
     {% endif %}
+    data-netbox-path="{{ request.path }}"
   >
 
     {# Page layout #}

diff --git a/netbox/templates/home.html b/netbox/templates/home.html
@@ -24,7 +24,7 @@ <h6 class="alert-heading">
 {% block title %}Home{% endblock %}
 
 {% block content-wrapper %}
-  <div class="tab-content">
+  <div class="p-3">
     {# General stats #}
     <div class="row masonry">
       {% for section, items, icon in stats %}