Updated paths
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.8 KiB |
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
18
src/App.vue
|
@ -66,15 +66,15 @@ export default {
|
||||||
'arya-green': 'arya-green.png',
|
'arya-green': 'arya-green.png',
|
||||||
'arya-orange': 'arya-orange.png',
|
'arya-orange': 'arya-orange.png',
|
||||||
'arya-purple': 'arya-purple.png',
|
'arya-purple': 'arya-purple.png',
|
||||||
'nova': 'themeswitcher-nova.png',
|
'nova': 'nova.png',
|
||||||
'nova-alt': 'themeswitcher-nova-alt.png',
|
'nova-alt': 'nova-alt.png',
|
||||||
'nova-accent': 'themeswitcher-nova-accent.png',
|
'nova-accent': 'nova-accent.png',
|
||||||
'nova-vue': 'themeswitcher-nova-vue.png',
|
'nova-vue': 'nova-vue.png',
|
||||||
'luna-blue': 'themeswitcher-luna-blue.png',
|
'luna-blue': 'luna-blue.png',
|
||||||
'luna-green': 'themeswitcher-luna-green.png',
|
'luna-green': 'luna-green.png',
|
||||||
'luna-pink': 'themeswitcher-luna-pink.png',
|
'luna-pink': 'luna-pink.png',
|
||||||
'luna-amber': 'themeswitcher-luna-amber.png',
|
'luna-amber': 'luna-amber.png',
|
||||||
'rhea': 'themeswitcher-rhea.png'
|
'rhea': 'rhea.png'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
@ -189,55 +189,55 @@
|
||||||
<div class="p-grid free-themes">
|
<div class="p-grid free-themes">
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-nova.png" alt="Nova" @click="changeTheme($event, 'nova')"/>
|
<img src="demo/images/themes/nova.png" alt="Nova" @click="changeTheme($event, 'nova')"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Nova</span>
|
<span>Nova</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-nova-alt.png" alt="Nova Alt" @click="changeTheme($event, 'nova-alt')"/>
|
<img src="demo/images/themes/nova-alt.png" alt="Nova Alt" @click="changeTheme($event, 'nova-alt')"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Nova Alt</span>
|
<span>Nova Alt</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-nova-accent.png" alt="Nova Accent" @click="changeTheme($event, 'nova-accent')"/>
|
<img src="demo/images/themes/nova-accent.png" alt="Nova Accent" @click="changeTheme($event, 'nova-accent')"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Nova Accent</span>
|
<span>Nova Accent</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-nova-vue.png" alt="Nova Colored" @click="changeTheme($event, 'nova-vue')"/>
|
<img src="demo/images/themes/nova-vue.png" alt="Nova Colored" @click="changeTheme($event, 'nova-vue')"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Nova Vue</span>
|
<span>Nova Vue</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-luna-blue.png" alt="Luna Blue" @click="changeTheme($event, 'luna-blue', true)"/>
|
<img src="demo/images/themes/luna-blue.png" alt="Luna Blue" @click="changeTheme($event, 'luna-blue', true)"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Luna Blue</span>
|
<span>Luna Blue</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-luna-green.png" alt="Luna Green" @click="changeTheme($event, 'luna-green', true)"/>
|
<img src="demo/images/themes/luna-green.png" alt="Luna Green" @click="changeTheme($event, 'luna-green', true)"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Luna Green</span>
|
<span>Luna Green</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-luna-amber.png" alt="Luna Amber" @click="changeTheme($event, 'luna-amber', true)" target="_blank"/>
|
<img src="demo/images/themes/luna-amber.png" alt="Luna Amber" @click="changeTheme($event, 'luna-amber', true)" target="_blank"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Luna Amber</span>
|
<span>Luna Amber</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-luna-pink.png" alt="Luna Pink" @click="changeTheme($event, 'luna-pink', true)" target="_blank"/>
|
<img src="demo/images/themes/luna-pink.png" alt="Luna Pink" @click="changeTheme($event, 'luna-pink', true)" target="_blank"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Luna Pink</span>
|
<span>Luna Pink</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-col-3">
|
<div class="p-col-3">
|
||||||
<button class="p-link">
|
<button class="p-link">
|
||||||
<img src="./assets/images/layouts/themeswitcher-rhea.png" alt="Rhea" @click="changeTheme($event, 'rhea', false)" target="_blank"/>
|
<img src="demo/images/themes/rhea.png" alt="Rhea" @click="changeTheme($event, 'rhea', false)" target="_blank"/>
|
||||||
</button>
|
</button>
|
||||||
<span>Rhea</span>
|
<span>Rhea</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -49,15 +49,15 @@
|
||||||
<li><a @click="changeTheme($event, 'arya-purple', true)"><img src="demo/images/themes/arya-purple.png" alt="Arya Purple" /><span>Arya Purple</span></a></li>
|
<li><a @click="changeTheme($event, 'arya-purple', true)"><img src="demo/images/themes/arya-purple.png" alt="Arya Purple" /><span>Arya Purple</span></a></li>
|
||||||
|
|
||||||
<li class="topbar-submenu-header">LEGACY</li>
|
<li class="topbar-submenu-header">LEGACY</li>
|
||||||
<li><a @click="changeTheme($event, 'nova')"><img src="./assets/images/layouts/themeswitcher-nova.png" alt="Nova" /><span>Nova</span></a></li>
|
<li><a @click="changeTheme($event, 'nova')"><img src="demo/images/themes/nova.png" alt="Nova" /><span>Nova</span></a></li>
|
||||||
<li><a @click="changeTheme($event, 'nova-alt')"><img src="./assets/images/layouts/themeswitcher-nova-alt.png" alt="Nova Alt" /><span>Nova Alt</span></a></li>
|
<li><a @click="changeTheme($event, 'nova-alt')"><img src="demo/images/themes/nova-alt.png" alt="Nova Alt" /><span>Nova Alt</span></a></li>
|
||||||
<li><a @click="changeTheme($event, 'nova-accent')"><img src="./assets/images/layouts/themeswitcher-nova-accent.png" alt="Nova Accent" /><span>Nova Accent</span></a></li>
|
<li><a @click="changeTheme($event, 'nova-accent')"><img src="demo/images/themes/nova-accent.png" alt="Nova Accent" /><span>Nova Accent</span></a></li>
|
||||||
<li><a @click="changeTheme($event, 'nova-vue')"><img src="./assets/images/layouts/themeswitcher-nova-vue.png" alt="Nova Vue" /><span>Nova Vue</span></a></li>
|
<li><a @click="changeTheme($event, 'nova-vue')"><img src="demo/images/themes/nova-vue.png" alt="Nova Vue" /><span>Nova Vue</span></a></li>
|
||||||
<li><a @click="changeTheme($event, 'luna-amber', true)"><img src="./assets/images/layouts/themeswitcher-luna-amber.png" alt="Luna Amber" /><span>Luna Amber</span></a></li>
|
<li><a @click="changeTheme($event, 'luna-amber', true)"><img src="demo/images/themes/luna-amber.png" alt="Luna Amber" /><span>Luna Amber</span></a></li>
|
||||||
<li><a @click="changeTheme($event, 'luna-blue', true)"><img src="./assets/images/layouts/themeswitcher-luna-blue.png" alt="Luna Blue" /><span>Luna Blue</span></a></li>
|
<li><a @click="changeTheme($event, 'luna-blue', true)"><img src="demo/images/themes/una-blue.png" alt="Luna Blue" /><span>Luna Blue</span></a></li>
|
||||||
<li><a @click="changeTheme($event, 'luna-green', true)"><img src="./assets/images/layouts/themeswitcher-luna-green.png" alt="Luna Green" /><span>Luna Green</span></a></li>
|
<li><a @click="changeTheme($event, 'luna-green', true)"><img src="demo/images/themes/luna-green.png" alt="Luna Green" /><span>Luna Green</span></a></li>
|
||||||
<li><a @click="changeTheme($event, 'luna-pink', true)"><img src="./assets/images/layouts/themeswitcher-luna-pink.png" alt="Luna Pink" /><span>Luna Pink</span></a></li>
|
<li><a @click="changeTheme($event, 'luna-pink', true)"><img src="demo/images/themes/luna-pink.png" alt="Luna Pink" /><span>Luna Pink</span></a></li>
|
||||||
<li><a @click="changeTheme($event, 'rhea')"><img src="./assets/images/layouts/themeswitcher-rhea.png" alt="Rhea" /><span>Rhea</span></a></li>
|
<li><a @click="changeTheme($event, 'rhea')"><img src="demo/images/themes/rhea.png" alt="Rhea" /><span>Rhea</span></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</transition>
|
</transition>
|
||||||
</li>
|
</li>
|
||||||
|
|