diff --git a/fhem/www/pgm2/darksmallscreenstyle.css b/fhem/www/pgm2/darksmallscreenstyle.css
index abfd7b9d5..e0bc38919 100644
--- a/fhem/www/pgm2/darksmallscreenstyle.css
+++ b/fhem/www/pgm2/darksmallscreenstyle.css
@@ -78,7 +78,8 @@ select {  margin-left:5px; margin-right:5px; }
 .downText,.makeSelect select { margin:0.7em; }
 
 
-svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; }
+svg { height:32px; width:32px; vertical-align:middle; margin:2px 0; }
+svg:not([fill]) { fill:#fff; }
 g.on { fill:red; }
 
 /* next lines are for remotecontrol */
diff --git a/fhem/www/pgm2/darkstyle.css b/fhem/www/pgm2/darkstyle.css
index 4578c02bb..29f087adf 100644
--- a/fhem/www/pgm2/darkstyle.css
+++ b/fhem/www/pgm2/darkstyle.css
@@ -103,7 +103,8 @@ span.sort-item-delete-link {
 .ui-state-highlight { height: 1.1em; line-height: 1.1em; } 
 
 
-svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; }
+svg { height:32px; width:32px; vertical-align:middle; margin:2px 0; }
+svg:not([fill]) { fill:#fff; }
 g.on { fill:red; }
 
 /* next lines are for remotecontrol */
diff --git a/fhem/www/pgm2/defaultCommon.css b/fhem/www/pgm2/defaultCommon.css
index 9a4187a80..f923a7a26 100644
--- a/fhem/www/pgm2/defaultCommon.css
+++ b/fhem/www/pgm2/defaultCommon.css
@@ -77,8 +77,9 @@ span.sort-item-delete-link {
 .set .set { margin-bottom:2px; margin-top:3px; }             /* timepicker */
 
 pre { white-space: pre-wrap; }
-svg { height:32px; width:32px; 
-      fill:#278727; vertical-align:middle; margin:2px 0; }
+svg { height:32px; width:32px; vertical-align:middle; margin:2px 0; }
+svg:not([fill]) { fill:#278727; };
+
 svg.on,svg.FS20_on { fill:orange; }
 
 /* next lines are for remotecontrol */