From f7a98597e3fcf6cdbc636167a63b178706108537 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Thu, 6 Dec 2018 22:33:54 +0300
Subject: [PATCH] Implemented menu of the showcase

---
 src/AppMenu.vue                              | 101 ++++++++++++++++++-
 src/assets/images/menu/charts-active.svg     |   2 +-
 src/assets/images/menu/data-active.svg       |   2 +-
 src/assets/images/menu/dragdrop-active.svg   |   2 +-
 src/assets/images/menu/file-active.svg       |   2 +-
 src/assets/images/menu/menu-active.svg       |   2 +-
 src/assets/images/menu/message-active.svg    |   2 +-
 src/assets/images/menu/misc-active.svg       |   2 +-
 src/assets/images/menu/multimedia-active.svg |   2 +-
 src/assets/images/menu/multimedia.svg        |   2 +-
 src/assets/images/menu/overlay-active.svg    |   2 +-
 src/assets/images/menu/panel-active.svg      |   2 +-
 12 files changed, 111 insertions(+), 12 deletions(-)

diff --git a/src/AppMenu.vue b/src/AppMenu.vue
index 8bd057e4b..8565ff775 100644
--- a/src/AppMenu.vue
+++ b/src/AppMenu.vue
@@ -22,6 +22,105 @@
                     <router-link to="/button">&#9679; Button</router-link>
                 </div>
             </div>
+
+            <a @click="toggleMenu($event, 2)" :class="{'active-menuitem': activeMenuIndex === 2}">
+                <img alt="data" class="layout-menu-icon-inactive" src="./assets/images/menu/data.svg" />
+                <img alt="data" class="layout-menu-icon-active" src="./assets/images/menu/data-active.svg" />
+                <span>Data</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 2, 'submenushow': activeMenuIndex === 2}">
+                <div>
+                    <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
+
+            <a @click="toggleMenu($event, 3)" :class="{'active-menuitem': activeMenuIndex === 3}">
+                <img alt="panel" class="layout-menu-icon-inactive" src="./assets/images/menu/panel.svg" />
+                <img alt="panel" class="layout-menu-icon-active" src="./assets/images/menu/panel-active.svg" />
+                <span>Panel</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 3, 'submenushow': activeMenuIndex === 3}">
+                <div>
+                    <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
+
+            <a @click="toggleMenu($event, 4)" :class="{'active-menuitem': activeMenuIndex === 4}">
+                <img alt="overlay" class="layout-menu-icon-inactive" src="./assets/images/menu/overlay.svg" />
+                <img alt="overlay" class="layout-menu-icon-active" src="./assets/images/menu/overlay-active.svg" />
+                <span>Overlay</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 4, 'submenushow': activeMenuIndex === 4}">
+                <div>
+                    <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
+
+            <a @click="toggleMenu($event, 5)" :class="{'active-menuitem': activeMenuIndex === 5}">
+                <img alt="file" class="layout-menu-icon-inactive" src="./assets/images/menu/file.svg" />
+                <img alt="file" class="layout-menu-icon-active" src="./assets/images/menu/file-active.svg" />
+                <span>File</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 5, 'submenushow': activeMenuIndex === 5}">
+                <div>
+                    <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
+
+            <a @click="toggleMenu($event, 6)" :class="{'active-menuitem': activeMenuIndex === 6}">
+                <img alt="menu" class="layout-menu-icon-inactive" src="./assets/images/menu/menu.svg" />
+                <img alt="menu" class="layout-menu-icon-active" src="./assets/images/menu/menu-active.svg" />
+                <span>Menu</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 6, 'submenushow': activeMenuIndex === 6}">
+                <div>
+                   <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
+
+            <a @click="toggleMenu($event, 7)" :class="{'active-menuitem': activeMenuIndex === 7}">
+                <img alt="charts" class="layout-menu-icon-inactive" src="./assets/images/menu/charts.svg" />
+                <img alt="charts" class="layout-menu-icon-active" src="./assets/images/menu/charts-active.svg" />
+                <span>Chart</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 7, 'submenushow': activeMenuIndex === 7}">
+                <div>
+                    <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
+
+            <a @click="toggleMenu($event, 8)" :class="{'active-menuitem': activeMenuIndex === 8}">
+                <img alt="message" class="layout-menu-icon-inactive" src="./assets/images/menu/message.svg" />
+                <img alt="message" class="layout-menu-icon-active" src="./assets/images/menu/message-active.svg" />
+                <span>Messages</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 8, 'submenushow': activeMenuIndex === 8}">
+                <div>
+                    <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
+
+            <a @click="toggleMenu($event, 9)" :class="{'active-menuitem': activeMenuIndex === 9}">
+                <img alt="dragdrop" class="layout-menu-icon-inactive" src="./assets/images/menu/dragdrop.svg" />
+                <img alt="dragdrop" class="layout-menu-icon-active" src="./assets/images/menu/dragdrop-active.svg" />
+                <span>DragDrop</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 9, 'submenushow': activeMenuIndex === 9}">
+                <div>
+                    <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
+
+            <a @click="toggleMenu($event, 10)" :class="{'active-menuitem': activeMenuIndex === 10}">
+                <img alt="misc" class="layout-menu-icon-inactive" src="./assets/images/menu/misc.svg" />
+                <img alt="misc" class="layout-menu-icon-active" src="./assets/images/menu/misc-active.svg" />
+                <span>Misc</span>
+            </a>
+            <div :class="{'submenuhide': activeMenuIndex !== 10, 'submenushow': activeMenuIndex === 10}">
+                <div>
+                    <router-link to="/">&#9679; Link</router-link>
+                </div>
+            </div>
         </div>
     </div>
 </template>
@@ -35,7 +134,7 @@ export default {
     },
     methods: {
         toggleMenu(event, index) {
-            this.activeMenuIndex = index;
+            this.activeMenuIndex = (this.activeMenuIndex === index) ? null : index;
         }
     }
 }
diff --git a/src/assets/images/menu/charts-active.svg b/src/assets/images/menu/charts-active.svg
index c4aa690b8..d31e2b1d4 100644
--- a/src/assets/images/menu/charts-active.svg
+++ b/src/assets/images/menu/charts-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m68.851 20.514v23.34h.124l18.323 14.267c-4.269 5.511-10.935 9.074-18.447 9.074-12.892 0-23.34-10.449-23.34-23.341 0-12.891 10.449-23.34 23.34-23.34z"/><path d="m.019 36.949h11.045v30.207h-11.045z"/><path d="m14.788 16.216h11.045v50.939h-11.045z"/><path d="m29.556 27.008h11.045v40.147h-11.045z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m68.851 20.514v23.34h.124l18.323 14.267c-4.269 5.511-10.935 9.074-18.447 9.074-12.892 0-23.34-10.449-23.34-23.341 0-12.891 10.449-23.34 23.34-23.34z"/><path d="m.019 36.949h11.045v30.207h-11.045z"/><path d="m14.788 16.216h11.045v50.939h-11.045z"/><path d="m29.556 27.008h11.045v40.147h-11.045z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/data-active.svg b/src/assets/images/menu/data-active.svg
index bc3c052b6..b3b5a1cf7 100644
--- a/src/assets/images/menu/data-active.svg
+++ b/src/assets/images/menu/data-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><ellipse cx="43.659" cy="22.15" rx="43.616" ry="16.3"/><path d="m.043 29.25s6.548 14.195 43.616 14.195c37.067 0 43.616-14.195 43.616-14.195v8.218s-7.969 14.195-43.616 14.195c-35.646 0-43.616-13.946-43.616-13.946v-8.467z"/><path d="m.043 42.199s6.548 14.195 43.616 14.195c37.067 0 43.616-14.195 43.616-14.195v8.219s-7.969 14.193-43.616 14.193c-35.646 0-43.616-13.945-43.616-13.945v-8.467z"/><path d="m.043 55.149s6.548 14.193 43.616 14.193c37.067 0 43.616-14.193 43.616-14.193v8.219s-7.969 14.193-43.616 14.193c-35.646 0-43.616-13.945-43.616-13.945v-8.467z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><ellipse cx="43.659" cy="22.15" rx="43.616" ry="16.3"/><path d="m.043 29.25s6.548 14.195 43.616 14.195c37.067 0 43.616-14.195 43.616-14.195v8.218s-7.969 14.195-43.616 14.195c-35.646 0-43.616-13.946-43.616-13.946v-8.467z"/><path d="m.043 42.199s6.548 14.195 43.616 14.195c37.067 0 43.616-14.195 43.616-14.195v8.219s-7.969 14.193-43.616 14.193c-35.646 0-43.616-13.945-43.616-13.945v-8.467z"/><path d="m.043 55.149s6.548 14.193 43.616 14.193c37.067 0 43.616-14.193 43.616-14.193v8.219s-7.969 14.193-43.616 14.193c-35.646 0-43.616-13.945-43.616-13.945v-8.467z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/dragdrop-active.svg b/src/assets/images/menu/dragdrop-active.svg
index b766b70ce..d6d1f6779 100644
--- a/src/assets/images/menu/dragdrop-active.svg
+++ b/src/assets/images/menu/dragdrop-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m47.303 33.088h-9.331v3.109h8.293v.572h3.111v-1.608h-2.074v-2.073zm-13.478 0h-9.33v3.109h9.33zm-13.477 0h-9.331v3.109h9.331zm-13.476 0h-4.697c-1.146 0-2.074.928-2.074 2.073v1.375h3.109v-.339h3.662zm-3.662 7.594h-3.109v9.331h3.109zm0 13.479h-3.109v9.33h3.109zm0 13.477h-3.109v9.331h3.109zm-1.035 12.653-1.914.803c.178.421.488.77.878.996.002.001.007.003.01.004.002.002.005.004.007.005.005.004.01.006.015.009.012.006.022.013.035.019.003.001.005.003.008.004.002.003.005.004.007.005.005.003.013.005.018.009.002.001.005.003.007.004.005.001.008.002.01.004.002.001.005.004.007.004.002.002.005.003.01.005.002.001.005.002.007.004.002.002.005.002.007.003.005.003.008.004.01.004.002.003.005.004.007.005.002.002.005.003.01.004.002.001.005.003.007.004.002.001.005.004.01.004.002.001.005.002.007.004v.001c.002 0 .005.001.007.003.005.002.008.002.01.003.002.002.005.003.01.004.002.001.005.003.008.004.002.001.005.003.007.004.005.001.007.002.01.004.002.001.005.002.01.004.002.001.005.002.007.002v.001c.003.002.005.003.01.004.002 0 .005.002.007.003.002.001.005.002.01.004.002.001.005.002.007.004.005 0 .008.001.01.002.002.001.005.003.007.003v.001c.005 0 .007.002.01.002v.002c.002 0 .005.001.007.002h.002c.002.002.005.003.007.004.003 0 .008.001.01.003.002.001.005.002.007.002.005.002.008.003.01.004.002.001.005.003.01.003.002.001.005.002.008.004.005.001.007.001.01.002.002.001.005.003.007.004h.003.002c.002.001.005.001.005.001.002.002.002.002.005.003.002 0 .002.001.005.001h.005c0 .001.002.001.005.003l.002.001h.002l.002.001c.002 0 .005 0 .005.001.002 0 .002.002.005.002.002.001.002.001.005.001l.002.001h.002s.002.002.005.002l.002.001h.002c0 .001.002.001.002.001v.001c.002 0 .002 0 .005.002h.005c.003 0 .003.001.005.001 0 .001.002.001.005.001s.002.002.002.003h.002.002c.002 0 .002.001.005.001.003 0 .005.001.005.001.002.002.002.002.005.002.002.001.002.001.005.002h.005s.002.002.005.002l.002.001h.002l.002.001c.002 0 .002.001.005.001h.005c.002.002.002.002.005.002.002.001.002.001.005.001.002.001.002.001.005.001v.001h.005s.002 0 .002.002h.002l.002.001c.002 0 .005 0 .005.001h.005v.002h.005c.002 0 .002 0 .005.001.002 0 .002 0 .005.001h.005v.001s.003 0 .005.002h.005.002.002l.002.001h.002c0 .001.003.001.003.001.002.002.002.002.005.002h.002l.002.001h.005c.002 0 .002 0 .005.001.002 0 .002 0 .005.001h.005s.002.002.005.002c0 .001.002.001.002.001h.003l.002.001h.002.002.002.002s.002 0 .002.002h.002c.002.001.005.001.005.001.002 0 .002 0 .005.001.002 0 .002 0 .005.001h.005.005c.002 0 .002.002.005.002h.005c.002.001.002.001.005.001.002 0 .002.001.005.001h.005s.002.001.005.001l.002.002h.002.002.003.002c.002 0 .005.001.005.001h.005c.002 0 .005.001.005.001s0 0 .003 0h.002v.002h.005.005v.001h.005.005.005c.002 0 .002 0 .005.001h.005c.003 0 .003.001.005.001h.005c.002 0 .002 0 .005.002h.005c.002 0 .002 0 .005.001h.005.005.002.002.005s.002.001.005.001h.002.002.002.002l.002.002h.003.002.031.002.002l.002.001h.002.002.003.002.002s.002 0 .002.001h.002.002.002.002.005s0 0 .002 0h.002.005s0 0 .002 0h.002.005.01.002.002l.002.001h.002.002.005.005.002.005s0 0 .002 0h.002c.002.002.005.002.005.002h.004.002.002.002.002.002.005.005.002.005s0 0 .002 0h.002.005s0 0 .002 0h.005v-2.081zm6.896-1.038h-6.896v1.037 2.074h6.896zm13.478 0h-9.331v3.111h9.331zm13.476 0h-9.328v3.111h9.328zm11.278 0h-7.131v3.111h7.131v-2.074zm0 1.037v2.075h.002.004.002.002.002.006.006.004.002.004.002.006.004c.002 0 .002 0 .006-.002h.002.002.004.004.006.004.006l.002-.001h.002.004.004.006.002.002.004.002.002.002.004.004c.004 0 .004 0 .004-.001h.002.002.002.004.004c.004 0 .004 0 .006-.001h.002.002.004.002s.002 0 .002-.002h.006.004.004.002l.002-.001h.006.004.004.002.002c.002 0 .006-.001.006-.001s0 0 .002 0h.002c.004 0 .004-.002.006-.002h.002.002.004c.002-.001.002-.001.004-.001h.006v-.001h.002.002.004.002.002c.002 0 .008-.001.01-.001h.004.002l.002-.002h.006v-.001h.002.002.004.002l.002-.001h.006.004c.004 0 .004 0 .004-.002h.002.002c.002-.001.002-.001.006-.001h.002c.002 0 .002-.001.002-.001h-.005.004l.002-.001h.002.004c.002-.002.002-.002.004-.002h.002.004.002c.002-.001.006-.001.006-.001.002 0 .002-.001.004-.001h.002.004l.002-.001c.002-.002.002-.002.006-.002h.004.002l.004-.001h.002c.002 0 .002-.001.004-.001.004 0 .004 0 .006-.002h.002.004c0-.001.002-.001.002-.001.002 0 .002-.001.004-.001h.004.002s.002 0 .002-.001h.006c.002-.002.002-.002.002-.002h.002l.004-.001h.002s0 0 .002-.001h.006.004s0 0 0-.002h.004s0 0 .002-.001h.002c.004 0 .004-.001.006-.001 0-.001.002-.001.002-.001s0 0 .002 0h.004c.002 0 .002-.002.004-.002.002 0 .002 0 .002-.001h.004l.002-.001h.002s0 0 .004 0v-.002h.004.002.004l.002-.001v-.001h.006l.002-.001c.002 0 .002 0 .002-.002h.002c.004 0 .006-.001.008-.001h.004c0-.001.002-.001.002-.001s0 0 .002 0l.002-.001c.004-.002.004-.002.006-.002h.002.002l.004-.001c0-.001 0-.001 0-.001h.004v-.001h.004c0-.001 0-.001.002-.001l.002-.001h.006s.002 0 .002-.001h.002l.004-.002c.002 0 .002 0 .004-.001.002 0 .002-.001.006-.001h.002.002c0-.002 0-.002.004-.002l.004-.002h.002s0-.001.004-.001c0 0 0 0 .002-.002h.006l.002-.001c.002-.001.002-.001.004-.001s.004-.002.006-.002v-.001h.002.002s0 0 .004-.001c.002 0 .002-.001.004-.001l.004-.002s0 0 .002-.001c0 0 .002 0 .004-.001h.004s.002 0 .002-.001c.002-.002.002-.002.006-.002 0-.001.002-.001.002-.001h.002l.002-.001c.004 0 .004-.002.006-.002.002 0 .002-.001.002-.001h.004l.002-.001c.002 0 .002-.001.004-.001l.004-.002h.002c0-.001.002-.001.002-.001v-.001h.006l.002-.002c.002-.001.006-.002.008-.003h.002l.002-.002c.004 0 .006-.001.008-.002h.004l.002-.002h.004l.004-.001h.002c0-.001.002-.001.002-.001v-.002c.004 0 .004 0 .006-.001l.002-.001c.002-.002.006-.002.01-.003 0 0 0 0 0-.001l.004-.001c.002 0 .004-.002.006-.003h.004s0-.001.002-.001c.002-.001.004-.001.008-.003l.004-.002.004-.002c.002 0 .002 0 .004-.001.002 0 .002-.001.006-.001 0-.001.002-.001.002-.001v-.002h.006c.002-.001.004-.002.006-.004.004-.001.004-.001.006-.001.002-.001.006-.002.008-.004l.002-.002c.002 0 .006-.002.01-.003l.002-.002c.004 0 .006-.002.008-.003h.004c.002-.001.004-.003.006-.004l.004-.001c.002-.001.004-.003.008-.004h.004v-.001c.002-.001.006-.003.008-.004s.002 0 .006-.001c.002-.002.004-.003.006-.004l.004-.001c.002-.002.004-.003.008-.004.002-.002.004-.003.006-.004h.004s0-.001.002-.001c.002-.002.004-.003.008-.004.002-.002.002-.002.004-.003.004 0 .006-.001.008-.002 0 0 0 0 0-.002l.002-.001c.004-.001.006-.002.008-.004.006-.002.008-.004.014-.005 0 0 0 0 0-.001.002-.001.004-.001.008-.003l.004-.002c.002-.002.006-.003.008-.004l.002-.001v-.002c.004 0 .006-.001.008-.002.002-.002.002-.003.006-.003.002-.001.004-.002.006-.004.004-.001.008-.003.012-.006.004-.001.006-.004.012-.006.01-.006.02-.011.029-.017.004-.001.008-.004.01-.005.004-.002.006-.004.008-.005.004 0 .004 0 .006-.002.002-.002.004-.003.008-.003l.002-.003c.002-.003.006-.003.008-.005.002-.003.008-.004.012-.007.004-.002.006-.003.01-.006v-.001c.238-.142.445-.33.609-.555.012-.018.027-.036.039-.054.006-.007.01-.014.012-.021h.004c0-.003.002-.006.004-.008v-.003h.004c0-.004.002-.005.002-.007v-.002c.002-.001.002-.001.002-.001v.005c.002-.003.002-.005.006-.008s.002-.001.002-.003v-.001c.002-.002.002-.004.006-.006v-.001c0-.002 0-.002.002-.003 0-.003.002-.005.002-.008h.002c0-.002.004-.005.004-.007.002-.002.002-.003.002-.004.002-.002.002-.004.006-.007 0-.001 0-.002.002-.003v-.002c0-.001.002-.004.004-.005 0-.001 0-.001 0-.001s0-.003 0-.004l.004-.001v-.003c.002-.001.002-.002.002-.002v-.002c.002-.001.002-.002.002-.002v-.002c0-.001.004-.001.004-.003l.002-.003v.001c0-.001 0-.003.002-.004s0-.001 0-.003c.002-.001.002-.001.002-.001 0-.001 0-.001 0-.001s0-.001 0-.003c.004-.001.004-.001.004-.002l.002-.004c0-.001 0-.001 0-.001l.002-.002c0-.001 0-.001 0-.001s0-.003.002-.004c0 0 0 0 0-.001 0 0 0-.001 0-.003.004 0 .004-.001.004-.001s0 0 0-.001v-.002c.002-.002.002-.002.002-.002v-.001zm2.075-12.419h-3.111v9.332h3.111zm0-13.477h-3.111v9.331h3.111zm0-13.477h-3.111v9.33h3.111zm-2.075-7.829v2.073h2.074c.001-1.145-.927-2.073-2.074-2.073z"/><path d="m56.329 38.811 5.773 23 6.131-6.132 9.256 9.255 2.484-2.481 2.481-2.482-9.256-9.255 6.133-6.133z"/><path d="m85.143 1.045h-45.129c-1.146 0-2.074.929-2.074 2.074v45.13c0 1.145.928 2.072 2.074 2.072h17.068l-2.766-11.005-.842-3.359 3.359.843 23 5.773 3.547.889-2.586 2.587-4.271 4.272h8.619c1.146 0 2.074-.928 2.074-2.072v-45.129c.002-1.146-.926-2.075-2.073-2.075z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m47.303 33.088h-9.331v3.109h8.293v.572h3.111v-1.608h-2.074v-2.073zm-13.478 0h-9.33v3.109h9.33zm-13.477 0h-9.331v3.109h9.331zm-13.476 0h-4.697c-1.146 0-2.074.928-2.074 2.073v1.375h3.109v-.339h3.662zm-3.662 7.594h-3.109v9.331h3.109zm0 13.479h-3.109v9.33h3.109zm0 13.477h-3.109v9.331h3.109zm-1.035 12.653-1.914.803c.178.421.488.77.878.996.002.001.007.003.01.004.002.002.005.004.007.005.005.004.01.006.015.009.012.006.022.013.035.019.003.001.005.003.008.004.002.003.005.004.007.005.005.003.013.005.018.009.002.001.005.003.007.004.005.001.008.002.01.004.002.001.005.004.007.004.002.002.005.003.01.005.002.001.005.002.007.004.002.002.005.002.007.003.005.003.008.004.01.004.002.003.005.004.007.005.002.002.005.003.01.004.002.001.005.003.007.004.002.001.005.004.01.004.002.001.005.002.007.004v.001c.002 0 .005.001.007.003.005.002.008.002.01.003.002.002.005.003.01.004.002.001.005.003.008.004.002.001.005.003.007.004.005.001.007.002.01.004.002.001.005.002.01.004.002.001.005.002.007.002v.001c.003.002.005.003.01.004.002 0 .005.002.007.003.002.001.005.002.01.004.002.001.005.002.007.004.005 0 .008.001.01.002.002.001.005.003.007.003v.001c.005 0 .007.002.01.002v.002c.002 0 .005.001.007.002h.002c.002.002.005.003.007.004.003 0 .008.001.01.003.002.001.005.002.007.002.005.002.008.003.01.004.002.001.005.003.01.003.002.001.005.002.008.004.005.001.007.001.01.002.002.001.005.003.007.004h.003.002c.002.001.005.001.005.001.002.002.002.002.005.003.002 0 .002.001.005.001h.005c0 .001.002.001.005.003l.002.001h.002l.002.001c.002 0 .005 0 .005.001.002 0 .002.002.005.002.002.001.002.001.005.001l.002.001h.002s.002.002.005.002l.002.001h.002c0 .001.002.001.002.001v.001c.002 0 .002 0 .005.002h.005c.003 0 .003.001.005.001 0 .001.002.001.005.001s.002.002.002.003h.002.002c.002 0 .002.001.005.001.003 0 .005.001.005.001.002.002.002.002.005.002.002.001.002.001.005.002h.005s.002.002.005.002l.002.001h.002l.002.001c.002 0 .002.001.005.001h.005c.002.002.002.002.005.002.002.001.002.001.005.001.002.001.002.001.005.001v.001h.005s.002 0 .002.002h.002l.002.001c.002 0 .005 0 .005.001h.005v.002h.005c.002 0 .002 0 .005.001.002 0 .002 0 .005.001h.005v.001s.003 0 .005.002h.005.002.002l.002.001h.002c0 .001.003.001.003.001.002.002.002.002.005.002h.002l.002.001h.005c.002 0 .002 0 .005.001.002 0 .002 0 .005.001h.005s.002.002.005.002c0 .001.002.001.002.001h.003l.002.001h.002.002.002.002s.002 0 .002.002h.002c.002.001.005.001.005.001.002 0 .002 0 .005.001.002 0 .002 0 .005.001h.005.005c.002 0 .002.002.005.002h.005c.002.001.002.001.005.001.002 0 .002.001.005.001h.005s.002.001.005.001l.002.002h.002.002.003.002c.002 0 .005.001.005.001h.005c.002 0 .005.001.005.001s0 0 .003 0h.002v.002h.005.005v.001h.005.005.005c.002 0 .002 0 .005.001h.005c.003 0 .003.001.005.001h.005c.002 0 .002 0 .005.002h.005c.002 0 .002 0 .005.001h.005.005.002.002.005s.002.001.005.001h.002.002.002.002l.002.002h.003.002.031.002.002l.002.001h.002.002.003.002.002s.002 0 .002.001h.002.002.002.002.005s0 0 .002 0h.002.005s0 0 .002 0h.002.005.01.002.002l.002.001h.002.002.005.005.002.005s0 0 .002 0h.002c.002.002.005.002.005.002h.004.002.002.002.002.002.005.005.002.005s0 0 .002 0h.002.005s0 0 .002 0h.005v-2.081zm6.896-1.038h-6.896v1.037 2.074h6.896zm13.478 0h-9.331v3.111h9.331zm13.476 0h-9.328v3.111h9.328zm11.278 0h-7.131v3.111h7.131v-2.074zm0 1.037v2.075h.002.004.002.002.002.006.006.004.002.004.002.006.004c.002 0 .002 0 .006-.002h.002.002.004.004.006.004.006l.002-.001h.002.004.004.006.002.002.004.002.002.002.004.004c.004 0 .004 0 .004-.001h.002.002.002.004.004c.004 0 .004 0 .006-.001h.002.002.004.002s.002 0 .002-.002h.006.004.004.002l.002-.001h.006.004.004.002.002c.002 0 .006-.001.006-.001s0 0 .002 0h.002c.004 0 .004-.002.006-.002h.002.002.004c.002-.001.002-.001.004-.001h.006v-.001h.002.002.004.002.002c.002 0 .008-.001.01-.001h.004.002l.002-.002h.006v-.001h.002.002.004.002l.002-.001h.006.004c.004 0 .004 0 .004-.002h.002.002c.002-.001.002-.001.006-.001h.002c.002 0 .002-.001.002-.001h-.005.004l.002-.001h.002.004c.002-.002.002-.002.004-.002h.002.004.002c.002-.001.006-.001.006-.001.002 0 .002-.001.004-.001h.002.004l.002-.001c.002-.002.002-.002.006-.002h.004.002l.004-.001h.002c.002 0 .002-.001.004-.001.004 0 .004 0 .006-.002h.002.004c0-.001.002-.001.002-.001.002 0 .002-.001.004-.001h.004.002s.002 0 .002-.001h.006c.002-.002.002-.002.002-.002h.002l.004-.001h.002s0 0 .002-.001h.006.004s0 0 0-.002h.004s0 0 .002-.001h.002c.004 0 .004-.001.006-.001 0-.001.002-.001.002-.001s0 0 .002 0h.004c.002 0 .002-.002.004-.002.002 0 .002 0 .002-.001h.004l.002-.001h.002s0 0 .004 0v-.002h.004.002.004l.002-.001v-.001h.006l.002-.001c.002 0 .002 0 .002-.002h.002c.004 0 .006-.001.008-.001h.004c0-.001.002-.001.002-.001s0 0 .002 0l.002-.001c.004-.002.004-.002.006-.002h.002.002l.004-.001c0-.001 0-.001 0-.001h.004v-.001h.004c0-.001 0-.001.002-.001l.002-.001h.006s.002 0 .002-.001h.002l.004-.002c.002 0 .002 0 .004-.001.002 0 .002-.001.006-.001h.002.002c0-.002 0-.002.004-.002l.004-.002h.002s0-.001.004-.001c0 0 0 0 .002-.002h.006l.002-.001c.002-.001.002-.001.004-.001s.004-.002.006-.002v-.001h.002.002s0 0 .004-.001c.002 0 .002-.001.004-.001l.004-.002s0 0 .002-.001c0 0 .002 0 .004-.001h.004s.002 0 .002-.001c.002-.002.002-.002.006-.002 0-.001.002-.001.002-.001h.002l.002-.001c.004 0 .004-.002.006-.002.002 0 .002-.001.002-.001h.004l.002-.001c.002 0 .002-.001.004-.001l.004-.002h.002c0-.001.002-.001.002-.001v-.001h.006l.002-.002c.002-.001.006-.002.008-.003h.002l.002-.002c.004 0 .006-.001.008-.002h.004l.002-.002h.004l.004-.001h.002c0-.001.002-.001.002-.001v-.002c.004 0 .004 0 .006-.001l.002-.001c.002-.002.006-.002.01-.003 0 0 0 0 0-.001l.004-.001c.002 0 .004-.002.006-.003h.004s0-.001.002-.001c.002-.001.004-.001.008-.003l.004-.002.004-.002c.002 0 .002 0 .004-.001.002 0 .002-.001.006-.001 0-.001.002-.001.002-.001v-.002h.006c.002-.001.004-.002.006-.004.004-.001.004-.001.006-.001.002-.001.006-.002.008-.004l.002-.002c.002 0 .006-.002.01-.003l.002-.002c.004 0 .006-.002.008-.003h.004c.002-.001.004-.003.006-.004l.004-.001c.002-.001.004-.003.008-.004h.004v-.001c.002-.001.006-.003.008-.004s.002 0 .006-.001c.002-.002.004-.003.006-.004l.004-.001c.002-.002.004-.003.008-.004.002-.002.004-.003.006-.004h.004s0-.001.002-.001c.002-.002.004-.003.008-.004.002-.002.002-.002.004-.003.004 0 .006-.001.008-.002 0 0 0 0 0-.002l.002-.001c.004-.001.006-.002.008-.004.006-.002.008-.004.014-.005 0 0 0 0 0-.001.002-.001.004-.001.008-.003l.004-.002c.002-.002.006-.003.008-.004l.002-.001v-.002c.004 0 .006-.001.008-.002.002-.002.002-.003.006-.003.002-.001.004-.002.006-.004.004-.001.008-.003.012-.006.004-.001.006-.004.012-.006.01-.006.02-.011.029-.017.004-.001.008-.004.01-.005.004-.002.006-.004.008-.005.004 0 .004 0 .006-.002.002-.002.004-.003.008-.003l.002-.003c.002-.003.006-.003.008-.005.002-.003.008-.004.012-.007.004-.002.006-.003.01-.006v-.001c.238-.142.445-.33.609-.555.012-.018.027-.036.039-.054.006-.007.01-.014.012-.021h.004c0-.003.002-.006.004-.008v-.003h.004c0-.004.002-.005.002-.007v-.002c.002-.001.002-.001.002-.001v.005c.002-.003.002-.005.006-.008s.002-.001.002-.003v-.001c.002-.002.002-.004.006-.006v-.001c0-.002 0-.002.002-.003 0-.003.002-.005.002-.008h.002c0-.002.004-.005.004-.007.002-.002.002-.003.002-.004.002-.002.002-.004.006-.007 0-.001 0-.002.002-.003v-.002c0-.001.002-.004.004-.005 0-.001 0-.001 0-.001s0-.003 0-.004l.004-.001v-.003c.002-.001.002-.002.002-.002v-.002c.002-.001.002-.002.002-.002v-.002c0-.001.004-.001.004-.003l.002-.003v.001c0-.001 0-.003.002-.004s0-.001 0-.003c.002-.001.002-.001.002-.001 0-.001 0-.001 0-.001s0-.001 0-.003c.004-.001.004-.001.004-.002l.002-.004c0-.001 0-.001 0-.001l.002-.002c0-.001 0-.001 0-.001s0-.003.002-.004c0 0 0 0 0-.001 0 0 0-.001 0-.003.004 0 .004-.001.004-.001s0 0 0-.001v-.002c.002-.002.002-.002.002-.002v-.001zm2.075-12.419h-3.111v9.332h3.111zm0-13.477h-3.111v9.331h3.111zm0-13.477h-3.111v9.33h3.111zm-2.075-7.829v2.073h2.074c.001-1.145-.927-2.073-2.074-2.073z"/><path d="m56.329 38.811 5.773 23 6.131-6.132 9.256 9.255 2.484-2.481 2.481-2.482-9.256-9.255 6.133-6.133z"/><path d="m85.143 1.045h-45.129c-1.146 0-2.074.929-2.074 2.074v45.13c0 1.145.928 2.072 2.074 2.072h17.068l-2.766-11.005-.842-3.359 3.359.843 23 5.773 3.547.889-2.586 2.587-4.271 4.272h8.619c1.146 0 2.074-.928 2.074-2.072v-45.129c.002-1.146-.926-2.075-2.073-2.075z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/file-active.svg b/src/assets/images/menu/file-active.svg
index ca6bbf261..d6ebc0aa4 100644
--- a/src/assets/images/menu/file-active.svg
+++ b/src/assets/images/menu/file-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m19.281 79.582 60.706-23.925s1.098.102 1.596-1.993l5.582-32.994s1.097-4.187-3.19-3.19-60.805 11.962-60.805 11.962-6.197 1.371-5.784 7.475c.307 4.481 2.494 40.87 2.494 40.87s.111.992-.599 1.795z"/><path d="m15.491 74.872-2.689-40.472s0-6.58 6.579-7.876 49.815-9.792 49.815-9.792l-.599-7.402s-.896-3.587-4.934-2.99-37.157 4.934-37.157 4.934-5.68 1.271-7.474-4.561c0 0-1.198-3.288-4.413-2.842-3.214.449-11.063 1.124-11.063 1.124s-4.188.448-3.439 4.26c.746 3.813 11.737 60.856 11.737 60.856s2.192 8.548 3.637 4.761z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m19.281 79.582 60.706-23.925s1.098.102 1.596-1.993l5.582-32.994s1.097-4.187-3.19-3.19-60.805 11.962-60.805 11.962-6.197 1.371-5.784 7.475c.307 4.481 2.494 40.87 2.494 40.87s.111.992-.599 1.795z"/><path d="m15.491 74.872-2.689-40.472s0-6.58 6.579-7.876 49.815-9.792 49.815-9.792l-.599-7.402s-.896-3.587-4.934-2.99-37.157 4.934-37.157 4.934-5.68 1.271-7.474-4.561c0 0-1.198-3.288-4.413-2.842-3.214.449-11.063 1.124-11.063 1.124s-4.188.448-3.439 4.26c.746 3.813 11.737 60.856 11.737 60.856s2.192 8.548 3.637 4.761z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/menu-active.svg b/src/assets/images/menu/menu-active.svg
index 3affb21c0..abd5f9ded 100644
--- a/src/assets/images/menu/menu-active.svg
+++ b/src/assets/images/menu/menu-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m84.43 30.728h-81.542c-1.584 0-2.867 1.283-2.867 2.868v16.291c0 1.583 1.282 2.868 2.867 2.868h81.542c1.582 0 2.865-1.285 2.865-2.868v-16.291c.001-1.585-1.283-2.868-2.865-2.868z"/><path d="m84.43 57.887c.33 0 .604.27.604.604v16.291c0 .333-.273.604-.604.604h-81.542c-.333 0-.604-.271-.604-.604v-16.29c0-.335.27-.604.604-.604h81.542m0-2.264h-81.542c-1.584 0-2.867 1.283-2.867 2.868v16.291c0 1.583 1.282 2.867 2.867 2.867h81.542c1.582 0 2.865-1.284 2.865-2.867v-16.291c.001-1.585-1.283-2.868-2.865-2.868z"/><path d="m84.43 5.76h-81.542c-1.584 0-2.867 1.283-2.867 2.868v.073 16.218.072c0 1.584 1.282 2.868 2.867 2.868h81.542c1.582 0 2.865-1.284 2.865-2.868v-.072-16.217-.074c.001-1.585-1.283-2.868-2.865-2.868zm-54.394 17.925-.913-9.297-2.243 9.297h-2.966l-2.336-9.297-.818 9.297h-2.624l1.216-13.917h3.706l2.321 9.505 2.301-9.505h3.687l1.293 13.917zm13.269-11.407h-5.495c-.469 0-.76.114-.873.342-.077.178-.115.419-.115.723v2.167l5.627.191v2.204l-5.627.171v2.168c0 .48.133.773.398.874.192.076.451.115.78.115h5.304v2.186c-.634.088-2.199.178-4.697.267l-1.235.056c-.102 0-.219 0-.351 0-.133 0-.308-.008-.522-.027-.216-.019-.475-.086-.78-.201-.305-.112-.57-.267-.798-.455-.506-.455-.763-1.159-.763-2.108v-8.291c0-1.152.345-1.944 1.028-2.375.318-.191.63-.324.941-.399.31-.076.557-.115.741-.115.186 0 1.101.023 2.747.066 1.646.046 2.878.124 3.689.238v2.203zm12.567 11.407h-2.662l-5.533-8.898v8.898h-2.68v-13.917h2.699l5.514 8.991v-8.991h2.662zm12.642-6.084c0 1.989-.291 3.436-.875 4.337-.191.313-.375.571-.559.768-.188.197-.42.368-.707.513-.283.146-.527.255-.73.325-.203.068-.475.123-.818.16-.43.052-.955.075-1.578.075h-.266c-1.52 0-2.533-.158-3.043-.475-.227-.152-.492-.376-.797-.675-.303-.297-.533-.663-.684-1.094-.379-1.064-.572-2.377-.572-3.935v-7.832h2.664v7.833c0 1.217.119 2.111.359 2.679.217.509.641.831 1.275.971.279.052.682.076 1.207.076s.967-.094 1.32-.284c.746-.405 1.123-1.553 1.123-3.441v-7.834h2.68v7.833z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m84.43 30.728h-81.542c-1.584 0-2.867 1.283-2.867 2.868v16.291c0 1.583 1.282 2.868 2.867 2.868h81.542c1.582 0 2.865-1.285 2.865-2.868v-16.291c.001-1.585-1.283-2.868-2.865-2.868z"/><path d="m84.43 57.887c.33 0 .604.27.604.604v16.291c0 .333-.273.604-.604.604h-81.542c-.333 0-.604-.271-.604-.604v-16.29c0-.335.27-.604.604-.604h81.542m0-2.264h-81.542c-1.584 0-2.867 1.283-2.867 2.868v16.291c0 1.583 1.282 2.867 2.867 2.867h81.542c1.582 0 2.865-1.284 2.865-2.867v-16.291c.001-1.585-1.283-2.868-2.865-2.868z"/><path d="m84.43 5.76h-81.542c-1.584 0-2.867 1.283-2.867 2.868v.073 16.218.072c0 1.584 1.282 2.868 2.867 2.868h81.542c1.582 0 2.865-1.284 2.865-2.868v-.072-16.217-.074c.001-1.585-1.283-2.868-2.865-2.868zm-54.394 17.925-.913-9.297-2.243 9.297h-2.966l-2.336-9.297-.818 9.297h-2.624l1.216-13.917h3.706l2.321 9.505 2.301-9.505h3.687l1.293 13.917zm13.269-11.407h-5.495c-.469 0-.76.114-.873.342-.077.178-.115.419-.115.723v2.167l5.627.191v2.204l-5.627.171v2.168c0 .48.133.773.398.874.192.076.451.115.78.115h5.304v2.186c-.634.088-2.199.178-4.697.267l-1.235.056c-.102 0-.219 0-.351 0-.133 0-.308-.008-.522-.027-.216-.019-.475-.086-.78-.201-.305-.112-.57-.267-.798-.455-.506-.455-.763-1.159-.763-2.108v-8.291c0-1.152.345-1.944 1.028-2.375.318-.191.63-.324.941-.399.31-.076.557-.115.741-.115.186 0 1.101.023 2.747.066 1.646.046 2.878.124 3.689.238v2.203zm12.567 11.407h-2.662l-5.533-8.898v8.898h-2.68v-13.917h2.699l5.514 8.991v-8.991h2.662zm12.642-6.084c0 1.989-.291 3.436-.875 4.337-.191.313-.375.571-.559.768-.188.197-.42.368-.707.513-.283.146-.527.255-.73.325-.203.068-.475.123-.818.16-.43.052-.955.075-1.578.075h-.266c-1.52 0-2.533-.158-3.043-.475-.227-.152-.492-.376-.797-.675-.303-.297-.533-.663-.684-1.094-.379-1.064-.572-2.377-.572-3.935v-7.832h2.664v7.833c0 1.217.119 2.111.359 2.679.217.509.641.831 1.275.971.279.052.682.076 1.207.076s.967-.094 1.32-.284c.746-.405 1.123-1.553 1.123-3.441v-7.834h2.68v7.833z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/message-active.svg b/src/assets/images/menu/message-active.svg
index d084333a3..1e457109a 100644
--- a/src/assets/images/menu/message-active.svg
+++ b/src/assets/images/menu/message-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m36.506 56.748c0 3.607 2.924 6.533 6.532 6.533h23.764l10.147 12.209 1.025-12.209c3.607 0 6.532-2.926 6.532-6.533l2.799-23.02c0-3.607-2.924-6.532-6.532-6.532h-41.469c-3.607 0-6.532 2.925-6.532 6.532z"/><path d="m33.492 57.013-.66-4.11h-5.011l-10.083 12.131-1.017-12.131h-2.221c-3.327 0-6.037-2.708-6.037-6.037l-3.62-29.915c.071-3.268 2.752-5.902 6.034-5.902h53.648c3.271 0 5.94 2.611 6.034 5.858l-1.179 7.271h4.893l1.088-6.707.03-.387c0-5.991-4.874-10.865-10.866-10.865h-53.647c-5.992 0-10.866 4.874-10.866 10.865l3.625 29.938c.071 5.154 3.751 9.453 8.623 10.478l1.651 19.692 16.176-19.46h3.459c-.023-.238-.049-.477-.054-.719z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m36.506 56.748c0 3.607 2.924 6.533 6.532 6.533h23.764l10.147 12.209 1.025-12.209c3.607 0 6.532-2.926 6.532-6.533l2.799-23.02c0-3.607-2.924-6.532-6.532-6.532h-41.469c-3.607 0-6.532 2.925-6.532 6.532z"/><path d="m33.492 57.013-.66-4.11h-5.011l-10.083 12.131-1.017-12.131h-2.221c-3.327 0-6.037-2.708-6.037-6.037l-3.62-29.915c.071-3.268 2.752-5.902 6.034-5.902h53.648c3.271 0 5.94 2.611 6.034 5.858l-1.179 7.271h4.893l1.088-6.707.03-.387c0-5.991-4.874-10.865-10.866-10.865h-53.647c-5.992 0-10.866 4.874-10.866 10.865l3.625 29.938c.071 5.154 3.751 9.453 8.623 10.478l1.651 19.692 16.176-19.46h3.459c-.023-.238-.049-.477-.054-.719z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/misc-active.svg b/src/assets/images/menu/misc-active.svg
index 38759ad80..10353c908 100644
--- a/src/assets/images/menu/misc-active.svg
+++ b/src/assets/images/menu/misc-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m84.444 69.509-17.642-17.642c3.58-4.729 5.705-10.613 5.705-16.986 0-15.556-12.654-28.211-28.211-28.211-15.556 0-28.209 12.655-28.209 28.211s12.653 28.21 28.209 28.21c6.133 0 11.807-1.974 16.441-5.308l17.715 17.717c.828.827 1.914 1.241 2.996 1.241 1.086 0 2.17-.414 2.998-1.241 1.652-1.654 1.652-4.337-.002-5.991zm-59.884-34.629c0-10.883 8.852-19.737 19.736-19.737 10.883 0 19.736 8.854 19.736 19.737 0 10.884-8.854 19.736-19.736 19.736-10.884.001-19.736-8.852-19.736-19.736z"/><path d="m55.397 43.044c0 1.995-1.617 3.612-3.611 3.612h-16.255c-1.996 0-3.613-1.617-3.613-3.612v-16.256c0-1.994 1.617-3.611 3.613-3.611h16.255c1.994 0 3.611 1.617 3.611 3.611z"/><path d="m76.137 34.88c0 2.746-.416 5.394-1.15 7.904h9.83c1.336 0 2.422-1.084 2.422-2.421v-10.895c0-1.337-1.086-2.421-2.422-2.421h-9.793c.719 2.489 1.113 5.116 1.113 7.833z"/><path d="m12.454 34.88c0-2.712.393-5.331 1.109-7.816-.057-.004-.111-.017-.168-.017h-10.895c-1.338 0-2.421 1.084-2.421 2.421v10.896c0 1.337 1.083 2.421 2.421 2.421h10.895c.064 0 .125-.014.189-.019-.73-2.504-1.13-5.148-1.13-7.886z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m84.444 69.509-17.642-17.642c3.58-4.729 5.705-10.613 5.705-16.986 0-15.556-12.654-28.211-28.211-28.211-15.556 0-28.209 12.655-28.209 28.211s12.653 28.21 28.209 28.21c6.133 0 11.807-1.974 16.441-5.308l17.715 17.717c.828.827 1.914 1.241 2.996 1.241 1.086 0 2.17-.414 2.998-1.241 1.652-1.654 1.652-4.337-.002-5.991zm-59.884-34.629c0-10.883 8.852-19.737 19.736-19.737 10.883 0 19.736 8.854 19.736 19.737 0 10.884-8.854 19.736-19.736 19.736-10.884.001-19.736-8.852-19.736-19.736z"/><path d="m55.397 43.044c0 1.995-1.617 3.612-3.611 3.612h-16.255c-1.996 0-3.613-1.617-3.613-3.612v-16.256c0-1.994 1.617-3.611 3.613-3.611h16.255c1.994 0 3.611 1.617 3.611 3.611z"/><path d="m76.137 34.88c0 2.746-.416 5.394-1.15 7.904h9.83c1.336 0 2.422-1.084 2.422-2.421v-10.895c0-1.337-1.086-2.421-2.422-2.421h-9.793c.719 2.489 1.113 5.116 1.113 7.833z"/><path d="m12.454 34.88c0-2.712.393-5.331 1.109-7.816-.057-.004-.111-.017-.168-.017h-10.895c-1.338 0-2.421 1.084-2.421 2.421v10.896c0 1.337 1.083 2.421 2.421 2.421h10.895c.064 0 .125-.014.189-.019-.73-2.504-1.13-5.148-1.13-7.886z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/multimedia-active.svg b/src/assets/images/menu/multimedia-active.svg
index 0b0cb8ff7..d2932f5e0 100644
--- a/src/assets/images/menu/multimedia-active.svg
+++ b/src/assets/images/menu/multimedia-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m60.707 28.371c12.215 0 22.152 9.938 22.152 22.153s-9.938 22.151-22.152 22.151c-12.213 0-22.15-9.937-22.15-22.151-.001-12.216 9.937-22.153 22.15-22.153m0-4.43c-14.68 0-26.581 11.9-26.581 26.583 0 14.681 11.901 26.582 26.581 26.582 14.682 0 26.583-11.901 26.583-26.582 0-14.683-11.902-26.583-26.583-26.583z"/><path d="m32.536 63.923h-24.754c-1.834 0-3.324-1.491-3.324-3.323v-46.542c0-1.833 1.49-3.322 3.324-3.322h65.682c1.832 0 3.321 1.489 3.321 3.322v9.9c1.578.989 3.063 2.109 4.431 3.354v-13.254c0-4.282-3.47-7.753-7.752-7.753h-65.682c-4.283 0-7.754 3.471-7.754 7.753v46.542c0 4.282 3.472 7.753 7.754 7.753h27.424c-1.007-1.395-1.903-2.874-2.67-4.43z"/><path d="m55.576 63.988c-.94.618-2.298.013-2.298-.769v-25.22c0-.78 1.171-1.674 2.222-.889l18.757 12.201c.688.52.702 1.685.025 2.127"/><path d="m28.281 18.476c-2.846 0-4.431-1.261-4.431-1.261l.827 27.296c-2.091-.625-4.807-.346-7.38.96-4.285 2.173-6.535 6.347-5.027 9.325 1.509 2.975 6.207 3.627 10.492 1.453 3.178-1.612 5.234-4.326 5.468-6.837h.028v-27.398s1.06.02 2.483-1.344c1.661-1.59 2.562-4.592 2.562-4.592s-2.541 2.398-5.022 2.398z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m60.707 28.371c12.215 0 22.152 9.938 22.152 22.153s-9.938 22.151-22.152 22.151c-12.213 0-22.15-9.937-22.15-22.151-.001-12.216 9.937-22.153 22.15-22.153m0-4.43c-14.68 0-26.581 11.9-26.581 26.583 0 14.681 11.901 26.582 26.581 26.582 14.682 0 26.583-11.901 26.583-26.582 0-14.683-11.902-26.583-26.583-26.583z"/><path d="m32.536 63.923h-24.754c-1.834 0-3.324-1.491-3.324-3.323v-46.542c0-1.833 1.49-3.322 3.324-3.322h65.682c1.832 0 3.321 1.489 3.321 3.322v9.9c1.578.989 3.063 2.109 4.431 3.354v-13.254c0-4.282-3.47-7.753-7.752-7.753h-65.682c-4.283 0-7.754 3.471-7.754 7.753v46.542c0 4.282 3.472 7.753 7.754 7.753h27.424c-1.007-1.395-1.903-2.874-2.67-4.43z"/><path d="m55.576 63.988c-.94.618-2.298.013-2.298-.769v-25.22c0-.78 1.171-1.674 2.222-.889l18.757 12.201c.688.52.702 1.685.025 2.127"/><path d="m28.281 18.476c-2.846 0-4.431-1.261-4.431-1.261l.827 27.296c-2.091-.625-4.807-.346-7.38.96-4.285 2.173-6.535 6.347-5.027 9.325 1.509 2.975 6.207 3.627 10.492 1.453 3.178-1.612 5.234-4.326 5.468-6.837h.028v-27.398s1.06.02 2.483-1.344c1.661-1.59 2.562-4.592 2.562-4.592s-2.541 2.398-5.022 2.398z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/multimedia.svg b/src/assets/images/menu/multimedia.svg
index cf034dc32..d2932f5e0 100644
--- a/src/assets/images/menu/multimedia.svg
+++ b/src/assets/images/menu/multimedia.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#484848"><path d="m60.707 28.371c12.215 0 22.152 9.938 22.152 22.153s-9.938 22.151-22.152 22.151c-12.213 0-22.15-9.937-22.15-22.151-.001-12.216 9.937-22.153 22.15-22.153m0-4.43c-14.68 0-26.581 11.9-26.581 26.583 0 14.681 11.901 26.582 26.581 26.582 14.682 0 26.583-11.901 26.583-26.582 0-14.683-11.902-26.583-26.583-26.583z"/><path d="m32.536 63.923h-24.754c-1.834 0-3.324-1.491-3.324-3.323v-46.542c0-1.833 1.49-3.322 3.324-3.322h65.682c1.832 0 3.321 1.489 3.321 3.322v9.9c1.578.989 3.063 2.109 4.431 3.354v-13.254c0-4.282-3.47-7.753-7.752-7.753h-65.682c-4.283 0-7.754 3.471-7.754 7.753v46.542c0 4.282 3.472 7.753 7.754 7.753h27.424c-1.007-1.395-1.903-2.874-2.67-4.43z"/><path d="m55.576 63.988c-.94.618-2.298.013-2.298-.769v-25.22c0-.78 1.171-1.674 2.222-.889l18.757 12.201c.688.52.702 1.685.025 2.127"/><path d="m28.281 18.476c-2.846 0-4.431-1.261-4.431-1.261l.827 27.296c-2.091-.625-4.807-.346-7.38.96-4.285 2.173-6.535 6.347-5.027 9.325 1.509 2.975 6.207 3.627 10.492 1.453 3.178-1.612 5.234-4.326 5.468-6.837h.028v-27.398s1.06.02 2.483-1.344c1.661-1.59 2.562-4.592 2.562-4.592s-2.541 2.398-5.022 2.398z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m60.707 28.371c12.215 0 22.152 9.938 22.152 22.153s-9.938 22.151-22.152 22.151c-12.213 0-22.15-9.937-22.15-22.151-.001-12.216 9.937-22.153 22.15-22.153m0-4.43c-14.68 0-26.581 11.9-26.581 26.583 0 14.681 11.901 26.582 26.581 26.582 14.682 0 26.583-11.901 26.583-26.582 0-14.683-11.902-26.583-26.583-26.583z"/><path d="m32.536 63.923h-24.754c-1.834 0-3.324-1.491-3.324-3.323v-46.542c0-1.833 1.49-3.322 3.324-3.322h65.682c1.832 0 3.321 1.489 3.321 3.322v9.9c1.578.989 3.063 2.109 4.431 3.354v-13.254c0-4.282-3.47-7.753-7.752-7.753h-65.682c-4.283 0-7.754 3.471-7.754 7.753v46.542c0 4.282 3.472 7.753 7.754 7.753h27.424c-1.007-1.395-1.903-2.874-2.67-4.43z"/><path d="m55.576 63.988c-.94.618-2.298.013-2.298-.769v-25.22c0-.78 1.171-1.674 2.222-.889l18.757 12.201c.688.52.702 1.685.025 2.127"/><path d="m28.281 18.476c-2.846 0-4.431-1.261-4.431-1.261l.827 27.296c-2.091-.625-4.807-.346-7.38.96-4.285 2.173-6.535 6.347-5.027 9.325 1.509 2.975 6.207 3.627 10.492 1.453 3.178-1.612 5.234-4.326 5.468-6.837h.028v-27.398s1.06.02 2.483-1.344c1.661-1.59 2.562-4.592 2.562-4.592s-2.541 2.398-5.022 2.398z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/overlay-active.svg b/src/assets/images/menu/overlay-active.svg
index 8bb12a359..e859d4fed 100644
--- a/src/assets/images/menu/overlay-active.svg
+++ b/src/assets/images/menu/overlay-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m82.989 10.083h-78.661c-2.338 0-4.235 1.897-4.235 4.235v12.248h87.132v-12.247c0-2.338-1.896-4.236-4.236-4.236zm-1.301 11.012c.516.516.516 1.349 0 1.862-.512.515-1.348.516-1.861 0l-2.77-2.769-2.77 2.769c-.516.516-1.35.515-1.863 0-.514-.514-.514-1.347 0-1.862l2.77-2.769-2.771-2.771c-.512-.516-.512-1.349 0-1.862.516-.515 1.35-.516 1.863 0l2.771 2.771 2.77-2.771c.514-.516 1.35-.515 1.861 0 .516.514.516 1.347 0 1.862l-2.77 2.771z"/><path d="m.093 30.052v39.04c0 2.338 1.897 4.235 4.235 4.235h78.661c2.34 0 4.236-1.897 4.236-4.235v-39.04zm80.197 35.705h-73.26v-28.137h73.26z"/><path d="m11.052 41.882h65.652v5.395h-65.652z"/><path d="m11.052 50.898h46.211v5.396h-46.211z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m82.989 10.083h-78.661c-2.338 0-4.235 1.897-4.235 4.235v12.248h87.132v-12.247c0-2.338-1.896-4.236-4.236-4.236zm-1.301 11.012c.516.516.516 1.349 0 1.862-.512.515-1.348.516-1.861 0l-2.77-2.769-2.77 2.769c-.516.516-1.35.515-1.863 0-.514-.514-.514-1.347 0-1.862l2.77-2.769-2.771-2.771c-.512-.516-.512-1.349 0-1.862.516-.515 1.35-.516 1.863 0l2.771 2.771 2.77-2.771c.514-.516 1.35-.515 1.861 0 .516.514.516 1.347 0 1.862l-2.77 2.771z"/><path d="m.093 30.052v39.04c0 2.338 1.897 4.235 4.235 4.235h78.661c2.34 0 4.236-1.897 4.236-4.235v-39.04zm80.197 35.705h-73.26v-28.137h73.26z"/><path d="m11.052 41.882h65.652v5.395h-65.652z"/><path d="m11.052 50.898h46.211v5.396h-46.211z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menu/panel-active.svg b/src/assets/images/menu/panel-active.svg
index 61f26d5ff..dfddf71d3 100644
--- a/src/assets/images/menu/panel-active.svg
+++ b/src/assets/images/menu/panel-active.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#03c4e8"><path d="m77.591 70.883c0 2.082-1.688 3.771-3.77 3.771h-70.019c-2.083 0-3.77-1.689-3.77-3.771v-48.662c0-2.081 1.687-3.77 3.77-3.77h70.021c2.082 0 3.77 1.689 3.77 3.77z"/><path d="m83.517 8.756h-70.02c-2.083 0-3.771 1.688-3.771 3.77v1.616h68.404c2.082 0 3.771 1.689 3.771 3.77v47.047h1.617c2.08 0 3.77-1.688 3.77-3.77v-48.663c-.002-2.082-1.691-3.77-3.771-3.77z"/></g></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#42b983"><path d="m77.591 70.883c0 2.082-1.688 3.771-3.77 3.771h-70.019c-2.083 0-3.77-1.689-3.77-3.771v-48.662c0-2.081 1.687-3.77 3.77-3.77h70.021c2.082 0 3.77 1.689 3.77 3.77z"/><path d="m83.517 8.756h-70.02c-2.083 0-3.771 1.688-3.771 3.77v1.616h68.404c2.082 0 3.771 1.689 3.771 3.77v47.047h1.617c2.08 0 3.77-1.688 3.77-3.77v-48.663c-.002-2.082-1.691-3.77-3.771-3.77z"/></g></svg>
\ No newline at end of file