add option to force light icons

src/SideMenu.vue

@@ -41,7 +41,8 @@ export default {
     data() {
         return {
             apps: [],
-            logo: null
+            logo: null,
+			forceLightIcon: false,
         }
     },
     methods: {
@@ -60,6 +61,10 @@ export default {
 						.replace('id="invertMenuMain', 'id="invertSideMenu')
 						.replace('url(#invertMenuMain', 'url(#invertSideMenu')
 
+					if (this.forceLightIcon) {
+						svg = svg.replace(/filter="url[^"]+"/, '')
+					}
+
                     this.apps.push({
                         href: href,
                         name: element.querySelector('span').innerHTML,
@@ -90,16 +95,17 @@ export default {
             }
         },
     },
-    created() {
-        this.retrieveApps();
-        this.retrieveLogo();
+    mounted() {
+        this.retrieveApps()
+        this.retrieveLogo()
+		this.forceLightIcon = document.querySelector('#side-menu-container').getAttribute('data-forcelighticon') == 1;
 
         const menu = document.querySelector('#appmenu')
 
         if (menu) {
-            const config = {attributes: true, childList: true, subtree: true};
-            const observer = new MutationObserver(this.retrieveApps);
-            observer.observe(menu, config);
+            const config = {attributes: true, childList: true, subtree: true}
+            const observer = new MutationObserver(this.retrieveApps)
+            observer.observe(menu, config)
         }
     }
 }

src/admin.js

@@ -20,6 +20,7 @@ const elements = [
     'side-menu-background-color-to',
     'side-menu-current-app-background-color',
     'side-menu-text-color',
+    'side-menu-force-light-icon',
     'side-menu-opener',
     'side-menu-opener-position',
     'side-menu-opener-hover',