diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
index acb8e5fb6..33c262c34 100755
--- a/src/AppTopBar.vue
+++ b/src/AppTopBar.vue
@@ -21,6 +21,10 @@
                         <li><a @click="changeTheme($event, 'saga-green', false)"><img src="./assets/images/layouts/themeswitcher-saga-green.png" alt="Saga Green" /><span>Saga Green</span></a></li>
                         <li><a @click="changeTheme($event, 'saga-purple', false)"><img src="./assets/images/layouts/themeswitcher-saga-purple.png" alt="Saga Purple" /><span>Saga Purple</span></a></li>
                         <li><a @click="changeTheme($event, 'saga-orange', false)"><img src="./assets/images/layouts/themeswitcher-saga-orange.png" alt="Saga Orange" /><span>Saga Orange</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-blue', false)"><img src="./assets/images/layouts/themeswitcher-vela-blue.png" alt="Vela Blue" /><span>Vela Blue</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-green', false)"><img src="./assets/images/layouts/themeswitcher-vela-green.png" alt="Vela Green" /><span>Vela Green</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-purple', false)"><img src="./assets/images/layouts/themeswitcher-vela-purple.png" alt="Vela Purple" /><span>Vela Purple</span></a></li>
+                        <li><a @click="changeTheme($event, 'vela-orange', false)"><img src="./assets/images/layouts/themeswitcher-vela-orange.png" alt="Vela Orange" /><span>Vela Orange</span></a></li>
                         <li><a @click="changeTheme($event, 'nova-light', false)"><img src="./assets/images/layouts/themeswitcher-nova-light.png" alt="Nova Light" /><span>Nova Light</span></a></li>
                         <li><a @click="changeTheme($event, 'nova-dark', false)"><img src="./assets/images/layouts/themeswitcher-nova-dark.png" alt="Nova Dark" /><span>Nova Dark</span></a></li>
                         <li><a @click="changeTheme($event, 'nova-colored', false)"><img src="./assets/images/layouts/themeswitcher-nova-colored.png" alt="Nova Colored" /><span>Nova Colored</span></a></li>
diff --git a/src/assets/images/layouts/themeswitcher-vela-blue.png b/src/assets/images/layouts/themeswitcher-vela-blue.png
new file mode 100644
index 000000000..a27484c29
Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-vela-blue.png differ
diff --git a/src/assets/images/layouts/themeswitcher-vela-green.png b/src/assets/images/layouts/themeswitcher-vela-green.png
new file mode 100644
index 000000000..661036631
Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-vela-green.png differ
diff --git a/src/assets/images/layouts/themeswitcher-vela-orange.png b/src/assets/images/layouts/themeswitcher-vela-orange.png
new file mode 100644
index 000000000..e3b981a84
Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-vela-orange.png differ
diff --git a/src/assets/images/layouts/themeswitcher-vela-purple.png b/src/assets/images/layouts/themeswitcher-vela-purple.png
new file mode 100644
index 000000000..22ef76144
Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-vela-purple.png differ