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

Placeholders for material themes

pull/358/head
cagataycivici 2020-06-25 12:19:23 +03:00
parent 5ee6a94e29
commit 83dd190fe5
7 changed files with 81 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/AppConfigurator.vue
View File

@ -42,18 +42,59 @@
<div class="p-grid free-themes">
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/material-light.png" alt="Material Light" @click="changeTheme($event, 'material-light')"/>
<img src="./assets/images/themes/md-light-indigo-pink.svg" alt="Material Light Indigo Pink" @click="changeTheme($event, 'md-light-indigo-pink')"/>
</button>
<span>Light</span>
<span>Indigo - Pink</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/material-dark.png" alt="Material Dark" @click="changeTheme($event, 'material-dark', true)"/>
<img src="./assets/images/themes/md-light-deeppurple-green.svg" alt="Material Light Deep Purple Green" @click="changeTheme($event, 'md-light-deeppurple-green')"/>
</button>
<span>Dark</span>
<span>Purple - Green</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/md-dark-indigo-pink.svg" alt="Material Dark Indigo Pink" @click="changeTheme($event, 'md-dark-indigo-pink')"/>
</button>
<span>Indigo - Pink</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/md-dark-deeppurple-green.svg" alt="Material Dark Deep Purple Green" @click="changeTheme($event, 'md-dark-deeppurple-green')"/>
</button>
<span>Purple - Green</span>
</div>
</div>
<h5>Material Compact</h5>
<div class="p-grid free-themes">
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/md-light-indigo-pink.svg" alt="Material Compact Light Indigo Pink" @click="changeTheme($event, 'mdc-light-indigo-pink')"/>
</button>
<span>Indigo - Pink</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/md-light-deeppurple-green.svg" alt="Material Compact Deep Purple Green" @click="changeTheme($event, 'mdc-light-deeppurple-green')"/>
</button>
<span>Purple - Green</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/md-dark-indigo-pink.svg" alt="Material Compact Dark Indigo Pink" @click="changeTheme($event, 'mdc-dark-indigo-pink')"/>
</button>
<span>Indigo - Pink</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/md-dark-deeppurple-green.svg" alt="Material Compact Dark Deep Purple Green" @click="changeTheme($event, 'mdc-dark-deeppurple-green')"/>
</button>
<span>Purple - Green</span>
</div>
</div>
<h5>PrimeOne Design</h5>
<div class="p-grid free-themes">
<div class="p-col-3">

BIN
src/assets/images/themes/material-dark.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

BIN
src/assets/images/themes/material-light.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.1 KiB

9
src/assets/images/themes/md-dark-deeppurple-green.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1024px" height="1024px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>1</title>
<g id="1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="circle" fill="#6734BA" cx="512" cy="512" r="512"></circle>
<rect id="rectangle" fill="#4caf50" x="154" y="155" width="715" height="716"></rect>
<polygon id="triangle" fill="#121212" points="154 154.5 868.5 154.5 512 870.5"></polygon>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 576 B

9
src/assets/images/themes/md-dark-indigo-pink.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1024px" height="1024px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>2</title>
<g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="circle" fill="#3D4DB7" cx="512" cy="512" r="512"></circle>
<rect id="rectangle" fill="#EB085B" x="154" y="155" width="715" height="716"></rect>
<polygon id="triangle" fill="#121212" points="154 154.5 868.5 154.5 512 870.5"></polygon>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 576 B

9
src/assets/images/themes/md-light-deeppurple-green.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1024px" height="1024px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>1</title>
<g id="1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="circle" fill="#6734BA" cx="512" cy="512" r="512"></circle>
<rect id="rectangle" fill="#4caf50" x="154" y="155" width="715" height="716"></rect>
<polygon id="triangle" fill="#FFFFFF" points="154 154.5 868.5 154.5 512 870.5"></polygon>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 576 B

9
src/assets/images/themes/md-light-indigo-pink.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1024px" height="1024px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>2</title>
<g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="circle" fill="#3D4DB7" cx="512" cy="512" r="512"></circle>
<rect id="rectangle" fill="#EB085B" x="154" y="155" width="715" height="716"></rect>
<polygon id="triangle" fill="#FFFFFF" points="154 154.5 868.5 154.5 512 870.5"></polygon>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 576 B