vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update Lara logos

pull/1280/head^2
onursenture 2021-11-15 12:07:43 +03:00
parent 7ba812c0fb
commit ddd93f6027
18 changed files with 24 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/demo/images/themes/lara-dark-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

10
public/demo/images/themes/lara-dark-blue.svg
View File

@ -1,10 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M600 0H0V600H600V0Z" fill="#1D2126"/>
<path d="M157 492H386.403L399 417.844H261.756L305.515 153H213.356L157 492Z" fill="#9C9EE8"/>
<path d="M259.031 108H351L305.969 153H214L259.031 108Z" fill="#9C9EE8"/>
<path d="M351 108L307.183 372.924L262 418L305.817 153.076L351 108Z" fill="#9C9EE8"/>
<path d="M307.033 373H444L398.967 418H262L307.033 373Z" fill="#9C9EE8"/>
<path d="M202.355 446.945L259 108L213.645 153.055L157 492L202.355 446.945Z" fill="#678ab1"/>
<path d="M432 447H202.202L157 492H386.798L432 447Z" fill="#678ab1"/>
<path d="M202 447H431.403L444 372.844H306.756L350.515 108H258.356L202 447Z" fill="#93C5FD"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 733 B

BIN
public/demo/images/themes/lara-dark-indigo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

10
public/demo/images/themes/lara-dark-indigo.svg
View File

@ -1,10 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M600 0H0V600H600V0Z" fill="#1D2126"/>
<path d="M157 492H386.403L399 417.844H261.756L305.515 153H213.356L157 492Z" fill="#9C9EE8"/>
<path d="M259.031 108H351L305.969 153H214L259.031 108Z" fill="#9C9EE8"/>
<path d="M351 108L307.183 372.924L262 418L305.817 153.076L351 108Z" fill="#9C9EE8"/>
<path d="M307.033 373H444L398.967 418H262L307.033 373Z" fill="#9C9EE8"/>
<path d="M202.355 446.945L259 108L213.645 153.055L157 492L202.355 446.945Z" fill="#636AE9"/>
<path d="M432 447H202.202L157 492H386.798L432 447Z" fill="#636AE9"/>
<path d="M202 447H431.403L444 372.844H306.756L350.515 108H258.356L202 447Z" fill="#A7B5F6"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 733 B

BIN
public/demo/images/themes/lara-dark-purple.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

10
public/demo/images/themes/lara-dark-purple.svg
View File

@ -1,10 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M600 0H0V600H600V0Z" fill="#1D2126"/>
<path d="M157 492H386.403L399 417.844H261.756L305.515 153H213.356L157 492Z" fill="#9C9EE8"/>
<path d="M259.031 108H351L305.969 153H214L259.031 108Z" fill="#9C9EE8"/>
<path d="M351 108L307.183 372.924L262 418L305.817 153.076L351 108Z" fill="#9C9EE8"/>
<path d="M307.033 373H444L398.967 418H262L307.033 373Z" fill="#9C9EE8"/>
<path d="M202.355 446.945L259 108L213.645 153.055L157 492L202.355 446.945Z" fill="#8362ED"/>
<path d="M432 447H202.202L157 492H386.798L432 447Z" fill="#8362ED"/>
<path d="M202 447H431.403L444 372.844H306.756L350.515 108H258.356L202 447Z" fill="#C1B7F8"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 733 B

BIN
public/demo/images/themes/lara-dark-teal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

10
public/demo/images/themes/lara-dark-teal.svg
View File

@ -1,10 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M600 0H0V600H600V0Z" fill="#1D2126"/>
<path d="M157 492H386.403L399 417.844H261.756L305.515 153H213.356L157 492Z" fill="#9C9EE8"/>
<path d="M259.031 108H351L305.969 153H214L259.031 108Z" fill="#9C9EE8"/>
<path d="M351 108L307.183 372.924L262 418L305.817 153.076L351 108Z" fill="#9C9EE8"/>
<path d="M307.033 373H444L398.967 418H262L307.033 373Z" fill="#9C9EE8"/>
<path d="M202.355 446.945L259 108L213.645 153.055L157 492L202.355 446.945Z" fill="#388c7f"/>
<path d="M432 447H202.202L157 492H386.798L432 447Z" fill="#388c7f"/>
<path d="M202 447H431.403L444 372.844H306.756L350.515 108H258.356L202 447Z" fill="#5EEAD4"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 733 B

BIN
public/demo/images/themes/lara-light-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

10
public/demo/images/themes/lara-light-blue.svg
View File

@ -1,10 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M600 0H0V600H600V0Z" fill="#3B82F6"/>
<path d="M157 492H386.403L399 417.844H261.756L305.515 153H213.356L157 492Z" fill="#9C9EE8"/>
<path d="M259.031 108H351L305.969 153H214L259.031 108Z" fill="#9C9EE8"/>
<path d="M351 108L307.183 372.924L262 418L305.817 153.076L351 108Z" fill="#9C9EE8"/>
<path d="M307.033 373H444L398.967 418H262L307.033 373Z" fill="#9C9EE8"/>
<path d="M202.355 446.945L259 108L213.645 153.055L157 492L202.355 446.945Z" fill="#93C5FD"/>
<path d="M432 447H202.202L157 492H386.798L432 447Z" fill="#93C5FD"/>
<path d="M202 447H431.403L444 372.844H306.756L350.515 108H258.356L202 447Z" fill="white"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 731 B

BIN
public/demo/images/themes/lara-light-indigo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

10
public/demo/images/themes/lara-light-indigo.svg
View File

@ -1,10 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M600 0H0V600H600V0Z" fill="#636AE9"/>
<path d="M157 492H386.403L399 417.844H261.756L305.515 153H213.356L157 492Z" fill="#9C9EE8"/>
<path d="M259.031 108H351L305.969 153H214L259.031 108Z" fill="#9C9EE8"/>
<path d="M351 108L307.183 372.924L262 418L305.817 153.076L351 108Z" fill="#9C9EE8"/>
<path d="M307.033 373H444L398.967 418H262L307.033 373Z" fill="#9C9EE8"/>
<path d="M202.355 446.945L259 108L213.645 153.055L157 492L202.355 446.945Z" fill="#A7B5F6"/>
<path d="M432 447H202.202L157 492H386.798L432 447Z" fill="#A7B5F6"/>
<path d="M202 447H431.403L444 372.844H306.756L350.515 108H258.356L202 447Z" fill="white"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 731 B

BIN
public/demo/images/themes/lara-light-purple.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

10
public/demo/images/themes/lara-light-purple.svg
View File

@ -1,10 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M600 0H0V600H600V0Z" fill="#8362ED"/>
<path d="M157 492H386.403L399 417.844H261.756L305.515 153H213.356L157 492Z" fill="#9C9EE8"/>
<path d="M259.031 108H351L305.969 153H214L259.031 108Z" fill="#9C9EE8"/>
<path d="M351 108L307.183 372.924L262 418L305.817 153.076L351 108Z" fill="#9C9EE8"/>
<path d="M307.033 373H444L398.967 418H262L307.033 373Z" fill="#9C9EE8"/>
<path d="M202.355 446.945L259 108L213.645 153.055L157 492L202.355 446.945Z" fill="#C1B7F8"/>
<path d="M432 447H202.202L157 492H386.798L432 447Z" fill="#C1B7F8"/>
<path d="M202 447H431.403L444 372.844H306.756L350.515 108H258.356L202 447Z" fill="white"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 731 B

BIN
public/demo/images/themes/lara-light-teal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

10
public/demo/images/themes/lara-light-teal.svg
View File

@ -1,10 +0,0 @@
<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M600 0H0V600H600V0Z" fill="#14B8A6"/>
<path d="M157 492H386.403L399 417.844H261.756L305.515 153H213.356L157 492Z" fill="#9C9EE8"/>
<path d="M259.031 108H351L305.969 153H214L259.031 108Z" fill="#9C9EE8"/>
<path d="M351 108L307.183 372.924L262 418L305.817 153.076L351 108Z" fill="#9C9EE8"/>
<path d="M307.033 373H444L398.967 418H262L307.033 373Z" fill="#9C9EE8"/>
<path d="M202.355 446.945L259 108L213.645 153.055L157 492L202.355 446.945Z" fill="#8adcd3"/>
<path d="M432 447H202.202L157 492H386.798L432 447Z" fill="#8adcd3"/>
<path d="M202 447H431.403L444 372.844H306.756L350.515 108H258.356L202 447Z" fill="white"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 731 B

16
src/AppConfigurator.vue
View File

@ -133,49 +133,49 @@
<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" type="button" @click="changeTheme($event, 'lara-light-indigo')"> <button class="p-link" type="button" @click="changeTheme($event, 'lara-light-indigo')">
<img src="demo/images/themes/lara-light-indigo.svg" 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="p-col-3"> <div class="p-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="demo/images/themes/lara-dark-indigo.svg" 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="p-col-3"> <div class="p-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="demo/images/themes/lara-light-purple.svg" 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="p-col-3"> <div class="p-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="demo/images/themes/lara-dark-purple.svg" 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="p-col-3"> <div class="p-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="demo/images/themes/lara-light-blue.svg" 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="p-col-3"> <div class="p-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="demo/images/themes/lara-dark-blue.svg" 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="p-col-3"> <div class="p-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="demo/images/themes/lara-light-teal.svg" 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="p-col-3"> <div class="p-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="demo/images/themes/lara-dark-teal.svg" 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>

32
src/AppTopBar.vue
View File

@ -49,14 +49,14 @@
<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><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">PRIMEONE 2022</li>
<li><a @click="changeTheme($event, 'lara-light-indigo')"><img src="demo/images/themes/lara-light-indigo.svg" alt="Lara Light Indigo" /><span>Lara Light Indigo</span></a></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.svg" alt="Lara Dark Indigo" /><span>Lara Dark 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.svg" alt="Lara Light Purple" /><span>Lara Light Purple</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.svg" alt="Lara Dark Purple" /><span>Lara Dark 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.svg" alt="Lara Light Blue" /><span>Lara Light Blue</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.svg" alt="Lara Dark Blue" /><span>Lara Dark 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-teal')"><img src="demo/images/themes/lara-light-teal.svg" alt="Lara Light Teal" /><span>Lara Light Teal</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-teal')"><img src="demo/images/themes/lara-dark-teal.svg" alt="Lara Dark Teal" /><span>Lara Dark Teal</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> <li class="topbar-submenu-header">PRIMEONE 2021</li>
<li><a @click="changeTheme($event, 'saga-blue')"><img src="demo/images/themes/saga-blue.png" alt="Saga Blue" /><span>Saga Blue</span></a></li> <li><a @click="changeTheme($event, 'saga-blue')"><img src="demo/images/themes/saga-blue.png" alt="Saga Blue" /><span>Saga Blue</span></a></li>
@ -183,14 +183,14 @@ export default {
'mira': 'mira.jpg', 'mira': 'mira.jpg',
'nano': 'nano.jpg', 'nano': 'nano.jpg',
'tailwind-light': 'tailwind-light.png', 'tailwind-light': 'tailwind-light.png',
'lara-dark-indigo': 'lara-dark-indigo.svg', 'lara-dark-indigo': 'lara-dark-indigo.png',
'lara-dark-purple': 'lara-dark-purple.svg', 'lara-dark-purple': 'lara-dark-purple.png',
'lara-light-indigo': 'lara-light-indigo.svg', 'lara-light-indigo': 'lara-light-indigo.png',
'lara-light-purple': 'lara-light-purple.svg', 'lara-light-purple': 'lara-light-purple.png',
'lara-dark-teal': 'lara-dark-indigo.svg', 'lara-dark-teal': 'lara-dark-indigo.png',
'lara-dark-blue': 'lara-dark-blue.svg', 'lara-dark-blue': 'lara-dark-blue.png',
'lara-light-teal': 'lara-light-teal.svg', 'lara-light-teal': 'lara-light-teal.png',
'lara-light-blue': 'lara-light-blue.svg' 'lara-light-blue': 'lara-light-blue.png'
} }
} }
}, },