luci-mod-dashboard: partially invert the black SVG in dark mode

Signed-off-by: Paul Donald <[email protected]>
freifunk-berlin · Nov 30, 2024 · dfd802a · dfd802a
1 parent 523fcf4
commit dfd802a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css b/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css
@@ -192,6 +192,13 @@
 	border-bottom: 1px solid var(--border-color-medium, rgba(0, 0, 0, 0.1));
 }
 
+[data-darkmode="true"] {
+	/* invert black SVG line drawings in dark mode */
+	.Dashboard .svgmonotone {
+		filter: invert(.5);
+	}
+}
+
 /**
  * Responsive
  **/

diff --git a/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/include/10_router.js b/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/include/10_router.js
@@ -44,7 +44,7 @@ return baseclass.extend({
 				'src': L.resource('view/dashboard/icons/' + icon + '.svg'),
 				'width': 'router' == type ? 64 : 54,
 				'title': title,
-				'class': 'middle'
+				'class': (type == 'router' || icon == 'not-internet') ? 'middle svgmonotone' : 'middle'
 			}),
 			E('h3', title)
 		]));
@@ -320,7 +320,7 @@ return baseclass.extend({
 
 			release: {
 				title: _('Firmware Version'),
-				value: boardinfo.release.description
+				value: boardinfo?.release?.description
 			}
 		};
 

diff --git a/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/include/20_lan.js b/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/include/20_lan.js
@@ -40,7 +40,7 @@ return baseclass.extend({
 				'src': L.resource('view/dashboard/icons/devices.svg'),
 				'width': 55,
 				'title': this.title,
-				'class': 'middle'
+				'class': 'middle svgmonotone'
 			}),
 			E('h3', this.title)
 		]));

diff --git a/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/include/30_wifi.js b/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/include/30_wifi.js
@@ -41,7 +41,7 @@ return baseclass.extend({
 				'src': L.resource('view/dashboard/icons/wireless.svg'),
 				'width': 55,
 				'title': this.title,
-				'class': 'middle'
+				'class': 'middle svgmonotone'
 			}),
 			E('h3', this.title)
 		]));