revert assets

pull/3449/head
Tuğçe Küçükoğlu 2022-12-27 10:18:52 +03:00
parent 0fbdde8ac9
commit ef35d1f120
47 changed files with 80 additions and 80 deletions

View File

@ -29,25 +29,25 @@
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-light-blue')"> <button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-light-blue')">
<img src="@/assets/demo/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap Light Blue" /> <img src="/demo/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap Light Blue" />
</button> </button>
<span>Blue</span> <span>Blue</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-light-purple')"> <button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-light-purple')">
<img src="@/assets/demo/images/themes/bootstrap4-light-purple.svg" alt="Bootstrap Light Blue" /> <img src="/demo/images/themes/bootstrap4-light-purple.svg" alt="Bootstrap Light Blue" />
</button> </button>
<span>Purple</span> <span>Purple</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-dark-blue', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-dark-blue', true)">
<img src="@/assets/demo/images/themes/bootstrap4-dark-blue.svg" alt="Bootstrap Dark Blue" /> <img src="/demo/images/themes/bootstrap4-dark-blue.svg" alt="Bootstrap Dark Blue" />
</button> </button>
<span>Blue</span> <span>Blue</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-dark-purple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-dark-purple', true)">
<img src="@/assets/demo/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Blue" /> <img src="/demo/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Blue" />
</button> </button>
<span>Purple</span> <span>Purple</span>
</div> </div>
@ -57,25 +57,25 @@
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'md-light-indigo')"> <button class="p-link" type="button" @click="changeTheme($event, 'md-light-indigo')">
<img src="@/assets/demo/images/themes/md-light-indigo.svg" alt="Material Light Indigo" /> <img src="/demo/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
</button> </button>
<span>Indigo</span> <span>Indigo</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'md-light-deeppurple')"> <button class="p-link" type="button" @click="changeTheme($event, 'md-light-deeppurple')">
<img src="@/assets/demo/images/themes/md-light-deeppurple.svg" alt="Material Light Deep Purple" /> <img src="/demo/images/themes/md-light-deeppurple.svg" alt="Material Light Deep Purple" />
</button> </button>
<span>Deep Purple</span> <span>Deep Purple</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'md-dark-indigo', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'md-dark-indigo', true)">
<img src="@/assets/demo/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" /> <img src="/demo/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" />
</button> </button>
<span>Indigo</span> <span>Indigo</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'md-dark-deeppurple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'md-dark-deeppurple', true)">
<img src="@/assets/demo/images/themes/md-dark-deeppurple.svg" alt="Material Dark Deep Purple" /> <img src="/demo/images/themes/md-dark-deeppurple.svg" alt="Material Dark Deep Purple" />
</button> </button>
<span>Deep Purple</span> <span>Deep Purple</span>
</div> </div>
@ -85,25 +85,25 @@
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'mdc-light-indigo')"> <button class="p-link" type="button" @click="changeTheme($event, 'mdc-light-indigo')">
<img src="@/assets/demo/images/themes/md-light-indigo.svg" alt="Material Compact Light Indigo" /> <img src="/demo/images/themes/md-light-indigo.svg" alt="Material Compact Light Indigo" />
</button> </button>
<span>Indigo</span> <span>Indigo</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'mdc-light-deeppurple')"> <button class="p-link" type="button" @click="changeTheme($event, 'mdc-light-deeppurple')">
<img src="@/assets/demo/images/themes/md-light-deeppurple.svg" alt="Material Compact Deep Purple" /> <img src="/demo/images/themes/md-light-deeppurple.svg" alt="Material Compact Deep Purple" />
</button> </button>
<span>Deep Purple</span> <span>Deep Purple</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'mdc-dark-indigo', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'mdc-dark-indigo', true)">
<img src="@/assets/demo/images/themes/md-dark-indigo.svg" alt="Material Compact Dark Indigo" /> <img src="/demo/images/themes/md-dark-indigo.svg" alt="Material Compact Dark Indigo" />
</button> </button>
<span>Indigo</span> <span>Indigo</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'mdc-dark-deeppurple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'mdc-dark-deeppurple', true)">
<img src="@/assets/demo/images/themes/md-dark-deeppurple.svg" alt="Material Compact Dark Deep Purple" /> <img src="/demo/images/themes/md-dark-deeppurple.svg" alt="Material Compact Dark Deep Purple" />
</button> </button>
<span>Deep Purple</span> <span>Deep Purple</span>
</div> </div>
@ -113,7 +113,7 @@
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'tailwind-light')"> <button class="p-link" type="button" @click="changeTheme($event, 'tailwind-light')">
<img src="@/assets/demo/images/themes/tailwind-light.png" alt="Tailwind Light" /> <img src="/demo/images/themes/tailwind-light.png" alt="Tailwind Light" />
</button> </button>
<span>Tailwind Light</span> <span>Tailwind Light</span>
</div> </div>
@ -123,7 +123,7 @@
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'fluent-light')"> <button class="p-link" type="button" @click="changeTheme($event, 'fluent-light')">
<img src="@/assets/demo/images/themes/fluent-light.png" alt="Fluent Light" /> <img src="/demo/images/themes/fluent-light.png" alt="Fluent Light" />
</button> </button>
<span>Fluent Light</span> <span>Fluent Light</span>
</div> </div>
@ -133,49 +133,49 @@
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-indigo')"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-indigo')">
<img src="@/assets/demo/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" /> <img src="/demo/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" />
</button> </button>
<span>Lara Light Indigo</span> <span>Lara Light Indigo</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-blue')"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-blue')">
<img src="@/assets/demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" /> <img src="/demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" />
</button> </button>
<span>Lara Light Blue</span> <span>Lara Light Blue</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-purple')"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-purple')">
<img src="@/assets/demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" /> <img src="/demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" />
</button> </button>
<span>Lara Light Purple</span> <span>Lara Light Purple</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-teal')"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-teal')">
<img src="@/assets/demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" /> <img src="/demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" />
</button> </button>
<span>Lara Light Teal</span> <span>Lara Light Teal</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-indigo', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-indigo', true)">
<img src="@/assets/demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" /> <img src="/demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" />
</button> </button>
<span>Lara Dark Indigo</span> <span>Lara Dark Indigo</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-blue', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-blue', true)">
<img src="@/assets/demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" /> <img src="/demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" />
</button> </button>
<span>Lara Dark Blue</span> <span>Lara Dark Blue</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-purple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-purple', true)">
<img src="@/assets/demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" /> <img src="/demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" />
</button> </button>
<span>Lara Dark Purple</span> <span>Lara Dark Purple</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-teal', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-teal', true)">
<img src="@/assets/demo/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" /> <img src="/demo/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" />
</button> </button>
<span>Lara Dark Teal</span> <span>Lara Dark Teal</span>
</div> </div>
@ -185,73 +185,73 @@
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'saga-blue')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-blue')">
<img src="@/assets/demo/images/themes/saga-blue.png" alt="Saga Blue" /> <img src="/demo/images/themes/saga-blue.png" alt="Saga Blue" />
</button> </button>
<span>Saga Blue</span> <span>Saga Blue</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'saga-green')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-green')">
<img src="@/assets/demo/images/themes/saga-green.png" alt="Saga Green" /> <img src="/demo/images/themes/saga-green.png" alt="Saga Green" />
</button> </button>
<span>Saga Green</span> <span>Saga Green</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'saga-orange')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-orange')">
<img src="@/assets/demo/images/themes/saga-orange.png" alt="Saga Orange" /> <img src="/demo/images/themes/saga-orange.png" alt="Saga Orange" />
</button> </button>
<span>Saga Orange</span> <span>Saga Orange</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'saga-purple')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-purple')">
<img src="@/assets/demo/images/themes/saga-purple.png" alt="Saga Purple" /> <img src="/demo/images/themes/saga-purple.png" alt="Saga Purple" />
</button> </button>
<span>Saga Purple</span> <span>Saga Purple</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'vela-blue', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'vela-blue', true)">
<img src="@/assets/demo/images/themes/vela-blue.png" alt="Vela Blue" /> <img src="/demo/images/themes/vela-blue.png" alt="Vela Blue" />
</button> </button>
<span>Vela Blue</span> <span>Vela Blue</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'vela-green', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'vela-green', true)">
<img src="@/assets/demo/images/themes/vela-green.png" alt="Vela Green" /> <img src="/demo/images/themes/vela-green.png" alt="Vela Green" />
</button> </button>
<span>Vela Green</span> <span>Vela Green</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'vela-orange', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'vela-orange', true)">
<img src="@/assets/demo/images/themes/vela-orange.png" alt="Vela Orange" /> <img src="/demo/images/themes/vela-orange.png" alt="Vela Orange" />
</button> </button>
<span>Vela Orange</span> <span>Vela Orange</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'vela-purple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'vela-purple', true)">
<img src="@/assets/demo/images/themes/vela-purple.png" alt="Vela Purple" /> <img src="/demo/images/themes/vela-purple.png" alt="Vela Purple" />
</button> </button>
<span>Vela Purple</span> <span>Vela Purple</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'arya-blue', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'arya-blue', true)">
<img src="@/assets/demo/images/themes/arya-blue.png" alt="Arya Blue" /> <img src="/demo/images/themes/arya-blue.png" alt="Arya Blue" />
</button> </button>
<span>Arya Blue</span> <span>Arya Blue</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'arya-green', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'arya-green', true)">
<img src="@/assets/demo/images/themes/arya-green.png" alt="Arya Green" /> <img src="/demo/images/themes/arya-green.png" alt="Arya Green" />
</button> </button>
<span>Arya Green</span> <span>Arya Green</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'arya-orange', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'arya-orange', true)">
<img src="@/assets/demo/images/themes/arya-orange.png" alt="Arya Orange" /> <img src="/demo/images/themes/arya-orange.png" alt="Arya Orange" />
</button> </button>
<span>Arya Orange</span> <span>Arya Orange</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'arya-purple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'arya-purple', true)">
<img src="@/assets/demo/images/themes/arya-purple.png" alt="Arya Purple" /> <img src="/demo/images/themes/arya-purple.png" alt="Arya Purple" />
</button> </button>
<span>Arya Purple</span> <span>Arya Purple</span>
</div> </div>
@ -262,37 +262,37 @@
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'soho-light')"> <button class="p-link" type="button" @click="changeTheme($event, 'soho-light')">
<img src="@/assets/demo/images/themes/soho-light.png" alt="Soho Light" /> <img src="/demo/images/themes/soho-light.png" alt="Soho Light" />
</button> </button>
<span>Soho Light</span> <span>Soho Light</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'soho-dark', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'soho-dark', true)">
<img src="@/assets/demo/images/themes/soho-dark.png" alt="Soho Dark" /> <img src="/demo/images/themes/soho-dark.png" alt="Soho Dark" />
</button> </button>
<span>Soho Dark</span> <span>Soho Dark</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'viva-light')"> <button class="p-link" type="button" @click="changeTheme($event, 'viva-light')">
<img src="@/assets/demo/images/themes/viva-light.svg" alt="Viva Light" /> <img src="/demo/images/themes/viva-light.svg" alt="Viva Light" />
</button> </button>
<span>Viva Light</span> <span>Viva Light</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'viva-dark', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'viva-dark', true)">
<img src="@/assets/demo/images/themes/viva-dark.svg" alt="Viva Dark" /> <img src="/demo/images/themes/viva-dark.svg" alt="Viva Dark" />
</button> </button>
<span>Viva Dark</span> <span>Viva Dark</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'mira')"> <button class="p-link" type="button" @click="changeTheme($event, 'mira')">
<img src="@/assets/demo/images/themes/mira.jpg" alt="Mira" /> <img src="/demo/images/themes/mira.jpg" alt="Mira" />
</button> </button>
<span>Mira</span> <span>Mira</span>
</div> </div>
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'nano')"> <button class="p-link" type="button" @click="changeTheme($event, 'nano')">
<img src="@/assets/demo/images/themes/nano.jpg" alt="Mira" /> <img src="/demo/images/themes/nano.jpg" alt="Mira" />
</button> </button>
<span>Nano</span> <span>Nano</span>
</div> </div>

View File

@ -32,138 +32,138 @@
<li class="topbar-submenu-header">BOOTSTRAP</li> <li class="topbar-submenu-header">BOOTSTRAP</li>
<li> <li>
<a @click="changeTheme($event, 'bootstrap4-light-blue')"><img src="@/assets/demo/images/themes/bootstrap4-light-blue.svg" alt="Blue Light" /><span>Blue Light</span></a> <a @click="changeTheme($event, 'bootstrap4-light-blue')"><img :src="baseUrl + 'demo/images/themes/bootstrap4-light-blue.svg'" alt="Blue Light" /><span>Blue Light</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'bootstrap4-light-purple')"><img src="@/assets/demo/images/themes/bootstrap4-light-purple.svg" alt="Purple Light" /><span>Purple Light</span></a> <a @click="changeTheme($event, 'bootstrap4-light-purple')"><img :src="baseUrl + 'demo/images/themes/bootstrap4-light-purple.svg'" alt="Purple Light" /><span>Purple Light</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'bootstrap4-dark-blue', true)"><img src="@/assets/demo/images/themes/bootstrap4-dark-blue.svg" alt="Blue Dark" /><span>Blue Dark</span></a> <a @click="changeTheme($event, 'bootstrap4-dark-blue', true)"><img :src="baseUrl + 'demo/images/themes/bootstrap4-dark-blue.svg'" alt="Blue Dark" /><span>Blue Dark</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'bootstrap4-dark-purple', true)"><img src="@/assets/demo/images/themes/bootstrap4-dark-purple.svg" alt="Purple Dark" /><span>Purple Dark</span></a> <a @click="changeTheme($event, 'bootstrap4-dark-purple', true)"><img :src="baseUrl + 'demo/images/themes/bootstrap4-dark-purple.svg'" alt="Purple Dark" /><span>Purple Dark</span></a>
</li> </li>
<li class="topbar-submenu-header">MATERIAL DESIGN</li> <li class="topbar-submenu-header">MATERIAL DESIGN</li>
<li> <li>
<a @click="changeTheme($event, 'md-light-indigo')"><img src="@/assets/demo/images/themes/md-light-indigo.svg" alt="Indigo Light" /><span>Indigo Light</span></a> <a @click="changeTheme($event, 'md-light-indigo')"><img :src="baseUrl + 'demo/images/themes/md-light-indigo.svg'" alt="Indigo Light" /><span>Indigo Light</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'md-light-deeppurple')"><img src="@/assets/demo/images/themes/md-light-deeppurple.svg" alt="Deep Purple Light" /><span>Deep Purple Light</span></a> <a @click="changeTheme($event, 'md-light-deeppurple')"><img :src="baseUrl + 'demo/images/themes/md-light-deeppurple.svg'" alt="Deep Purple Light" /><span>Deep Purple Light</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'md-dark-indigo', true)"><img src="@/assets/demo/images/themes/md-dark-indigo.svg" alt="Indigo Dark" /><span>Indigo Dark</span></a> <a @click="changeTheme($event, 'md-dark-indigo', true)"><img :src="baseUrl + 'demo/images/themes/md-dark-indigo.svg'" alt="Indigo Dark" /><span>Indigo Dark</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'md-dark-deeppurple', true)"><img src="@/assets/demo/images/themes/md-dark-deeppurple.svg" alt="Deep Purple Dark" /><span>Deep Purple Dark</span></a> <a @click="changeTheme($event, 'md-dark-deeppurple', true)"><img :src="baseUrl + 'demo/images/themes/md-dark-deeppurple.svg'" alt="Deep Purple Dark" /><span>Deep Purple Dark</span></a>
</li> </li>
<li class="topbar-submenu-header">MATERIAL DESIGN COMPACT</li> <li class="topbar-submenu-header">MATERIAL DESIGN COMPACT</li>
<li> <li>
<a @click="changeTheme($event, 'mdc-light-indigo')"><img src="@/assets/demo/images/themes/md-light-indigo.svg" alt="Indigo Light" /><span>Indigo Light</span></a> <a @click="changeTheme($event, 'mdc-light-indigo')"><img :src="baseUrl + 'demo/images/themes/md-light-indigo.svg'" alt="Indigo Light" /><span>Indigo Light</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'mdc-light-deeppurple')"><img src="@/assets/demo/images/themes/md-light-deeppurple.svg" alt="Deep Purple Light" /><span>Deep Purple Light</span></a> <a @click="changeTheme($event, 'mdc-light-deeppurple')"><img :src="baseUrl + 'demo/images/themes/md-light-deeppurple.svg'" alt="Deep Purple Light" /><span>Deep Purple Light</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'mdc-dark-indigo', true)"><img src="@/assets/demo/images/themes/md-dark-indigo.svg" alt="Indigo Dark" /><span>Indigo Dark</span></a> <a @click="changeTheme($event, 'mdc-dark-indigo', true)"><img :src="baseUrl + 'demo/images/themes/md-dark-indigo.svg'" alt="Indigo Dark" /><span>Indigo Dark</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'mdc-dark-deeppurple', true)"><img src="@/assets/demo/images/themes/md-dark-deeppurple.svg" alt="Deep Purple Dark" /><span>Deep Purple Dark</span></a> <a @click="changeTheme($event, 'mdc-dark-deeppurple', true)"><img :src="baseUrl + 'demo/images/themes/md-dark-deeppurple.svg'" alt="Deep Purple Dark" /><span>Deep Purple Dark</span></a>
</li> </li>
<li class="topbar-submenu-header">TAILWIND</li> <li class="topbar-submenu-header">TAILWIND</li>
<li> <li>
<a @click="changeTheme($event, 'tailwind-light')"><img src="@/assets/demo/images/themes/tailwind-light.png" alt="Tailwind Light" /><span>Tailwind Light</span></a> <a @click="changeTheme($event, 'tailwind-light')"><img :src="baseUrl + 'demo/images/themes/tailwind-light.png'" alt="Tailwind Light" /><span>Tailwind Light</span></a>
</li> </li>
<li class="topbar-submenu-header">FLUENT UI</li> <li class="topbar-submenu-header">FLUENT UI</li>
<li> <li>
<a @click="changeTheme($event, 'fluent-light')"><img src="@/assets/demo/images/themes/fluent-light.png" alt="Fluent Light" /><span>Fluent Light</span></a> <a @click="changeTheme($event, 'fluent-light')"><img :src="baseUrl + 'demo/images/themes/fluent-light.png'" alt="Fluent Light" /><span>Fluent Light</span></a>
</li> </li>
<li class="topbar-submenu-header flex align-items-center">PRIMEONE 2022 <Tag class="ml-3" value="NEW" rounded severity="success"></Tag></li> <li class="topbar-submenu-header flex align-items-center">PRIMEONE 2022 <Tag class="ml-3" value="NEW" rounded severity="success"></Tag></li>
<li> <li>
<a @click="changeTheme($event, 'lara-light-indigo')"><img src="@/assets/demo/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" /><span>Lara Light Indigo</span></a> <a @click="changeTheme($event, 'lara-light-indigo')"><img :src="baseUrl + 'demo/images/themes/lara-light-indigo.png'" alt="Lara Light Indigo" /><span>Lara Light Indigo</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'lara-light-blue')"><img src="@/assets/demo/images/themes/lara-light-blue.png" alt="Lara Light Blue" /><span>Lara Light Blue</span></a> <a @click="changeTheme($event, 'lara-light-blue')"><img :src="baseUrl + 'demo/images/themes/lara-light-blue.png'" alt="Lara Light Blue" /><span>Lara Light Blue</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'lara-light-purple')"><img src="@/assets/demo/images/themes/lara-light-purple.png" alt="Lara Light Purple" /><span>Lara Light Purple</span></a> <a @click="changeTheme($event, 'lara-light-purple')"><img :src="baseUrl + 'demo/images/themes/lara-light-purple.png'" alt="Lara Light Purple" /><span>Lara Light Purple</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'lara-light-teal')"><img src="@/assets/demo/images/themes/lara-light-teal.png" alt="Lara Light Teal" /><span>Lara Light Teal</span></a> <a @click="changeTheme($event, 'lara-light-teal')"><img :src="baseUrl + 'demo/images/themes/lara-light-teal.png'" alt="Lara Light Teal" /><span>Lara Light Teal</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'lara-dark-blue')"><img src="@/assets/demo/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" /><span>Lara Dark Blue</span></a> <a @click="changeTheme($event, 'lara-dark-blue')"><img :src="baseUrl + 'demo/images/themes/lara-dark-blue.png'" alt="Lara Dark Blue" /><span>Lara Dark Blue</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'lara-dark-indigo')"><img src="@/assets/demo/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" /><span>Lara Dark Indigo</span></a> <a @click="changeTheme($event, 'lara-dark-indigo')"><img :src="baseUrl + 'demo/images/themes/lara-dark-indigo.png'" alt="Lara Dark Indigo" /><span>Lara Dark Indigo</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'lara-dark-purple')"><img src="@/assets/demo/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" /><span>Lara Dark Purple</span></a> <a @click="changeTheme($event, 'lara-dark-purple')"><img :src="baseUrl + 'demo/images/themes/lara-dark-purple.png'" alt="Lara Dark Purple" /><span>Lara Dark Purple</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'lara-dark-teal')"><img src="@/assets/demo/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" /><span>Lara Dark Teal</span></a> <a @click="changeTheme($event, 'lara-dark-teal')"><img :src="baseUrl + 'demo/images/themes/lara-dark-teal.png'" alt="Lara Dark Teal" /><span>Lara Dark Teal</span></a>
</li> </li>
<li class="topbar-submenu-header">PRIMEONE 2021</li> <li class="topbar-submenu-header">PRIMEONE 2021</li>
<li> <li>
<a @click="changeTheme($event, 'saga-blue')"><img src="@/assets/demo/images/themes/saga-blue.png" alt="Saga Blue" /><span>Saga Blue</span></a> <a @click="changeTheme($event, 'saga-blue')"><img :src="baseUrl + 'demo/images/themes/saga-blue.png'" alt="Saga Blue" /><span>Saga Blue</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'saga-green')"><img src="@/assets/demo/images/themes/saga-green.png" alt="Saga Green" /><span>Saga Green</span></a> <a @click="changeTheme($event, 'saga-green')"><img :src="baseUrl + 'demo/images/themes/saga-green.png'" alt="Saga Green" /><span>Saga Green</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'saga-orange')"><img src="@/assets/demo/images/themes/saga-orange.png" alt="Saga Orange" /><span>Saga Orange</span></a> <a @click="changeTheme($event, 'saga-orange')"><img :src="baseUrl + 'demo/images/themes/saga-orange.png'" alt="Saga Orange" /><span>Saga Orange</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'saga-purple')"><img src="@/assets/demo/images/themes/saga-purple.png" alt="Saga Purple" /><span>Saga Purple</span></a> <a @click="changeTheme($event, 'saga-purple')"><img :src="baseUrl + 'demo/images/themes/saga-purple.png'" alt="Saga Purple" /><span>Saga Purple</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'vela-blue', true)"><img src="@/assets/demo/images/themes/vela-blue.png" alt="Vela Blue" /><span>Vela Blue</span></a> <a @click="changeTheme($event, 'vela-blue', true)"><img :src="baseUrl + 'demo/images/themes/vela-blue.png'" alt="Vela Blue" /><span>Vela Blue</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'vela-green', true)"><img src="@/assets/demo/images/themes/vela-green.png" alt="Vela Green" /><span>Vela Green</span></a> <a @click="changeTheme($event, 'vela-green', true)"><img :src="baseUrl + 'demo/images/themes/vela-green.png'" alt="Vela Green" /><span>Vela Green</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'vela-orange', true)"><img src="@/assets/demo/images/themes/vela-orange.png" alt="Vela Orange" /><span>Vela Orange</span></a> <a @click="changeTheme($event, 'vela-orange', true)"><img :src="baseUrl + 'demo/images/themes/vela-orange.png'" alt="Vela Orange" /><span>Vela Orange</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'vela-purple', true)"><img src="@/assets/demo/images/themes/vela-purple.png" alt="Vela Purple" /><span>Vela Purple</span></a> <a @click="changeTheme($event, 'vela-purple', true)"><img :src="baseUrl + 'demo/images/themes/vela-purple.png'" alt="Vela Purple" /><span>Vela Purple</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'arya-blue', true)"><img src="@/assets/demo/images/themes/arya-blue.png" alt="Arya Blue" /><span>Arya Blue</span></a> <a @click="changeTheme($event, 'arya-blue', true)"><img :src="baseUrl + 'demo/images/themes/arya-blue.png'" alt="Arya Blue" /><span>Arya Blue</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'arya-green', true)"><img src="@/assets/demo/images/themes/arya-green.png" alt="Arya Green" /><span>Arya Green</span></a> <a @click="changeTheme($event, 'arya-green', true)"><img :src="baseUrl + 'demo/images/themes/arya-green.png'" alt="Arya Green" /><span>Arya Green</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'arya-orange', true)"><img src="@/assets/demo/images/themes/arya-orange.png" alt="Arya Orange" /><span>Arya Orange</span></a> <a @click="changeTheme($event, 'arya-orange', true)"><img :src="baseUrl + 'demo/images/themes/arya-orange.png'" alt="Arya Orange" /><span>Arya Orange</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'arya-purple', true)"><img src="@/assets/demo/images/themes/arya-purple.png" alt="Arya Purple" /><span>Arya Purple</span></a> <a @click="changeTheme($event, 'arya-purple', true)"><img :src="baseUrl + 'demo/images/themes/arya-purple.png'" alt="Arya Purple" /><span>Arya Purple</span></a>
</li> </li>
<li class="topbar-submenu-header">PREMIUM</li> <li class="topbar-submenu-header">PREMIUM</li>
<li> <li>
<a @click="changeTheme($event, 'soho-light')"><img src="@/assets/demo/images/themes/soho-light.png" alt="Soho Light" /><span>Soho Light</span></a> <a @click="changeTheme($event, 'soho-light')"><img :src="baseUrl + 'demo/images/themes/soho-light.png'" alt="Soho Light" /><span>Soho Light</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'soho-dark', true)"><img src="@/assets/demo/images/themes/soho-dark.png" alt="Soho Dark" /><span>Soho Dark</span></a> <a @click="changeTheme($event, 'soho-dark', true)"><img :src="baseUrl + 'demo/images/themes/soho-dark.png'" alt="Soho Dark" /><span>Soho Dark</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'viva-light')"><img src="@/assets/demo/images/themes/viva-light.svg" alt="Viva Light" /><span>Viva Light</span></a> <a @click="changeTheme($event, 'viva-light')"><img :src="baseUrl + 'demo/images/themes/viva-light.svg'" alt="Viva Light" /><span>Viva Light</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'viva-dark', true)"><img src="@/assets/demo/images/themes/viva-dark.svg" alt="Viva Dark" /><span>Viva Dark</span></a> <a @click="changeTheme($event, 'viva-dark', true)"><img :src="baseUrl + 'demo/images/themes/viva-dark.svg'" alt="Viva Dark" /><span>Viva Dark</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'mira')"><img src="@/assets/demo/images/themes/mira.jpg" alt="Mira" /><span>Mira</span></a> <a @click="changeTheme($event, 'mira')"><img :src="baseUrl + 'demo/images/themes/mira.jpg'" alt="Mira" /><span>Mira</span></a>
</li> </li>
<li> <li>
<a @click="changeTheme($event, 'nano')"><img src="@/assets/demo/images/themes/nano.jpg" alt="Nano" /><span>Nano</span></a> <a @click="changeTheme($event, 'nano')"><img :src="baseUrl + 'demo/images/themes/nano.jpg'" alt="Nano" /><span>Nano</span></a>
</li> </li>
</ul> </ul>
</transition> </transition>

View File

Before

Width:  |  Height:  |  Size: 8.0 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

View File

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

View File

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

View File

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

View File

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

View File

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

View File

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

View File

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

View File

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

View File

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

View File

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 48 KiB

View File

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

Before

Width:  |  Height:  |  Size: 970 B

After

Width:  |  Height:  |  Size: 970 B

View File

Before

Width:  |  Height:  |  Size: 991 B

After

Width:  |  Height:  |  Size: 991 B

View File

Before

Width:  |  Height:  |  Size: 943 B

After

Width:  |  Height:  |  Size: 943 B

View File

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

Before

Width:  |  Height:  |  Size: 266 B

After

Width:  |  Height:  |  Size: 266 B

View File

Before

Width:  |  Height:  |  Size: 264 B

After

Width:  |  Height:  |  Size: 264 B