From d9896d82d07975e0749627a02ef3d6f1490e068b Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 16 Nov 2021 10:06:27 +0300
Subject: [PATCH] Update Lara theme order

---
 src/AppConfigurator.vue | 26 +++++++++++++-------------
 src/AppTopBar.vue       | 10 +++++-----
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/AppConfigurator.vue b/src/AppConfigurator.vue
index 6c19d4b97..d55a9dd49 100755
--- a/src/AppConfigurator.vue
+++ b/src/AppConfigurator.vue
@@ -129,7 +129,7 @@
                         </div>
                     </div>
 
-                    <h5>PrimeOne Design - 2022</h5>
+                    <h5 class="p-d-flex p-ai-center">PrimeOne Design - 2022 <Tag class="p-ml-3" value="NEW" rounded severity="success"></Tag></h5>
                     <div class="p-grid free-themes">
                         <div class="p-col-3">
                             <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-indigo')">
@@ -138,10 +138,10 @@
                             <span>Lara Light Indigo</span>
                         </div>
                         <div class="p-col-3">
-                            <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-indigo', true)">
-                                <img src="demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" />
+                            <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-blue')">
+                                <img src="demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" />
                             </button>
-                            <span>Lara Dark Indigo</span>
+                            <span>Lara Light Blue</span>
                         </div>
                         <div class="p-col-3">
                             <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-purple')">
@@ -150,16 +150,16 @@
                             <span>Lara Light Purple</span>
                         </div>
                         <div class="p-col-3">
-                            <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-purple', true)">
-                                <img src="demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" />
+                            <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-teal')">
+                                <img src="demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" />
                             </button>
-                            <span>Lara Dark Purple</span>
+                            <span>Lara Light Teal</span>
                         </div>
                         <div class="p-col-3">
-                            <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-blue')">
-                                <img src="demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" />
+                            <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-indigo', true)">
+                                <img src="demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" />
                             </button>
-                            <span>Lara Light Blue</span>
+                            <span>Lara Dark Indigo</span>
                         </div>
                         <div class="p-col-3">
                             <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-blue', true)">
@@ -168,10 +168,10 @@
                             <span>Lara Dark Blue</span>
                         </div>
                         <div class="p-col-3">
-                            <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-teal')">
-                                <img src="demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" />
+                            <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-purple', true)">
+                                <img src="demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" />
                             </button>
-                            <span>Lara Light Teal</span>
+                            <span>Lara Dark Purple</span>
                         </div>
                         <div class="p-col-3">
                             <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-teal', true)">
diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
index 4c38c497b..7b5447246 100755
--- a/src/AppTopBar.vue
+++ b/src/AppTopBar.vue
@@ -48,14 +48,14 @@
                         <li class="topbar-submenu-header">FLUENT UI</li>
                         <li><a @click="changeTheme($event, 'fluent-light')"><img src="demo/images/themes/fluent-light.png" alt="Fluent Light" /><span>Fluent Light</span></a></li>
 
-                        <li class="topbar-submenu-header">PRIMEONE 2022</li>
+                        <li class="topbar-submenu-header p-d-flex p-ai-center">PRIMEONE 2022 <Tag class="p-ml-3" value="NEW" rounded severity="success"></Tag></li>
                         <li><a @click="changeTheme($event, 'lara-light-indigo')"><img src="demo/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" /><span>Lara Light Indigo</span></a></li>
-                        <li><a @click="changeTheme($event, 'lara-dark-indigo')"><img src="demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" /><span>Lara Dark Indigo</span></a></li>
-                        <li><a @click="changeTheme($event, 'lara-light-purple')"><img src="demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" /><span>Lara Light Purple</span></a></li>
-                        <li><a @click="changeTheme($event, 'lara-dark-purple')"><img src="demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" /><span>Lara Dark Purple</span></a></li>
                         <li><a @click="changeTheme($event, 'lara-light-blue')"><img src="demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" /><span>Lara Light Blue</span></a></li>
-                        <li><a @click="changeTheme($event, 'lara-dark-blue')"><img src="demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" /><span>Lara Dark Blue</span></a></li>
+                        <li><a @click="changeTheme($event, 'lara-light-purple')"><img src="demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" /><span>Lara Light Purple</span></a></li>
                         <li><a @click="changeTheme($event, 'lara-light-teal')"><img src="demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" /><span>Lara Light Teal</span></a></li>
+                        <li><a @click="changeTheme($event, 'lara-dark-blue')"><img src="demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" /><span>Lara Dark Blue</span></a></li>
+                        <li><a @click="changeTheme($event, 'lara-dark-indigo')"><img src="demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" /><span>Lara Dark Indigo</span></a></li>
+                        <li><a @click="changeTheme($event, 'lara-dark-purple')"><img src="demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" /><span>Lara Dark Purple</span></a></li>
                         <li><a @click="changeTheme($event, 'lara-dark-teal')"><img src="demo/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" /><span>Lara Dark Teal</span></a></li>
 
                         <li class="topbar-submenu-header">PRIMEONE 2021</li>