Fix dark mode (#90)

* fixed dark mode
netbox-community · Mar 10, 2022 · b792128 · b792128
1 parent f5d9f58
commit b792128
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 5 deletions.
diff --git a/netbox_topology_views/__init__.py b/netbox_topology_views/__init__.py
@@ -4,7 +4,7 @@ class TopologyViewsConfig(PluginConfig):
     name = 'netbox_topology_views'
     verbose_name = 'Topology views'
     description = 'An plugin to render topology maps'
-    version = '1.0.1'
+    version = '1.0.2'
     author = 'Mattijs Vanhaverbeke'
     author_email = 'author@example.com'
     base_url = 'netbox_topology_views'

diff --git a/netbox_topology_views/static/netbox_topology_views/js/app.js b/netbox_topology_views/static/netbox_topology_views/js/app.js
diff --git a/netbox_topology_views/static_dev/js/home.js b/netbox_topology_views/static_dev/js/home.js
@@ -35,6 +35,7 @@ var options = {
 var selected_regions = [];
 var selected_sites = [];
 var coord_save_checkbox = null;
+var htmlElement = null;
 
 function getCookie(name) {
     var cookieValue = null;
@@ -73,6 +74,7 @@ function iniPlotboxIndex() {
     document.addEventListener('DOMContentLoaded', function () {
         csrftoken = getCookie('csrftoken');
         container = document.getElementById('visgraph');
+        htmlElement = document.getElementsByTagName("html")[0];
         handleLoadData();
         downloadButton = document.getElementById('btnDownloadImage');
         btnFullView = document.getElementById('btnFullView');
@@ -82,6 +84,11 @@ function iniPlotboxIndex() {
 
 function handleLoadData() {
     if (topology_data !== null) {
+
+        if (htmlElement.dataset.netboxColorMode == "dark") {
+            options.nodes.font.color = "#fff";
+        }
+
         graph = null;
         nodes = new vis.DataSet();
         edges = new vis.DataSet();

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "netbox_topology_views",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "scripts": {
     "resources": "gulp build",
     "resources_dev": "gulp build_dev"

diff --git a/setup.py b/setup.py
@@ -3,7 +3,7 @@
 
 setup(
     name='netbox-topology-views',
-    version='1.0.1',
+    version='1.0.2',
     description='An NetBox plugin to create Topology maps',
     url='https://github.com/mattieserver/netbox-topology-views',
     author='Mattijs Vanhaverbeke',