dynamic theme change.

src/plugins/themes/themeMenuItems.js

@@ -0,0 +1,18 @@
+import { installTheme } from './installTheme';
+
+const THEME_LIST = [
+    'espresso',
+    'maelstrom',
+    'snow'
+];
+
+export function getThemeItems(openmct) {
+    return THEME_LIST.map(theme => {
+        return {
+            cssClass: '',
+            name: theme,
+            description: `${theme} Theme`,
+            callBack: () => installTheme(openmct, theme)
+        };
+    });
+}

src/ui/layout/AppLogo.vue

@@ -24,11 +24,14 @@
     ref="aboutLogo"
     class="l-shell__app-logo"
     @click="launchAbout"
+    @contextmenu.prevent="showContextMenu"
 ></div>
 </template>
 
 <script>
 import AboutDialog from './AboutDialog.vue';
+import { getThemeItems } from '../../plugins/themes/themeMenuItems';
+
 import Vue from 'vue';
 
 export default {
@@ -53,6 +56,9 @@ export default {
                 element: vm.$el,
                 size: 'large'
             });
+        },
+        showContextMenu(event) {
+            this.openmct.menus.showMenu(event.x, event.y, getThemeItems(this.openmct));
         }
     }
 };