diff --git a/src/AppConfigurator.vue b/src/AppConfigurator.vue
index cf32562d0..2fbc9bd01 100755
--- a/src/AppConfigurator.vue
+++ b/src/AppConfigurator.vue
@@ -273,6 +273,11 @@
                     <h4>Premium Vue-CLI Templates</h4>
                     <p>Beautifully crafted premium <a href="https://cli.vuejs.org">Vue CLI</a> application templates by the PrimeTek design team.</p>
                     <div class="p-grid premium-themes">
+                        <div class="p-col-12 p-md-6">
+                            <a href="https://www.primefaces.org/layouts/dimond-vue">
+                                <img alt="Diamond" src="./assets/images/layouts/diamond-vue.jpg">
+                            </a>
+                        </div>
                         <div class="p-col-12 p-md-6">
                             <a href="https://www.primefaces.org/layouts/ultima-vue">
                                 <img alt="Ultima" src="./assets/images/layouts/ultima-vue.jpg">
diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
index d54d524e8..4c2207d89 100755
--- a/src/AppTopBar.vue
+++ b/src/AppTopBar.vue
@@ -81,6 +81,7 @@
                         <li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li>
                         <li><a href="https://www.primefaces.org/sigma-vue"><img src="./assets/images/layouts/themeswitcher-sigma.png" alt="Sigma" /><span>Sigma</span></a></li>
                         <li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</li>
+                        <li><a href="https://www.primefaces.org/layouts/diamond-vue"><img src="./assets/images/layouts/themeswitcher-diamond.png" alt="Diamond" /><span>Diamond</span></a></li>
                         <li><a href="https://www.primefaces.org/layouts/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a></li>
                         <li><a href="https://www.primefaces.org/layouts/serenity-vue"><img src="./assets/images/layouts/themeswitcher-serenity.png" alt="Serenity" /><span>Serenity</span><span class="theme-badge material">material</span></a></li>
                         <li><a href="https://www.primefaces.org/layouts/ultima-vue"><img src="./assets/images/layouts/themeswitcher-ultima.png" alt="Ultima" /><span>Ultima</span><span class="theme-badge material">material</span></a></li>
diff --git a/src/assets/images/layouts/diamond-vue.jpg b/src/assets/images/layouts/diamond-vue.jpg
new file mode 100644
index 000000000..8a1af05b3
Binary files /dev/null and b/src/assets/images/layouts/diamond-vue.jpg differ
diff --git a/src/assets/images/layouts/themeswitcher-diamond.png b/src/assets/images/layouts/themeswitcher-diamond.png
new file mode 100644
index 000000000..c2a39aae5
Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-diamond.png differ
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 43a2af45e..f8829695a 100755
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -130,6 +130,11 @@
             <p>Gorgeous Vue-CLI application templates designed by professional designers and implemented by Vue Experts to help you reach your goals in no time.</p>
 
             <div class="p-grid">
+                <div class="p-col-12 p-md-3">
+                    <a href="https://www.primefaces.org/layouts/diamond-vue">
+                        <img alt="Diamond" src="../assets/images/layouts/diamond-vue.jpg">
+                    </a>
+                </div>
                 <div class="p-col-12 p-md-3">
                     <a href="https://www.primefaces.org/layouts/sapphire-vue">
                         <img alt="Sapphire" src="../assets/images/layouts/sapphire-vue.jpg">