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

Signed-off-by: Paul Donald <newtwen+github@gmail.com>
This commit is contained in:
Paul Donald
2024-11-30 23:46:07 +01:00
parent 523fcf4815
commit dfd802abdc
4 changed files with 11 additions and 4 deletions
@@ -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
**/
@@ -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
}
};
@@ -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)
]));
@@ -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)
]));