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

Themes up

pull/358/head
cagataycivici 2020-06-26 15:24:56 +03:00
parent 3ae42ac9e7
commit 197a780a9c
62 changed files with 2754 additions and 2749 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
public/themes/md-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-500.woff → public/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
View File

0
public/themes/md-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-500.woff2 → public/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
View File

0
public/themes/md-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-700.woff → public/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
View File

0
public/themes/md-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-700.woff2 → public/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
View File

0
public/themes/md-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-regular.woff → public/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
View File

0
public/themes/md-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-regular.woff2 → public/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
View File

150
public/themes/md-dark-deeppurple-green/theme.css → public/themes/md-dark-deeppurple/theme.css
View File

@ -109,8 +109,8 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
border-radius: 4px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
@ -141,8 +141,8 @@
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44435; border-color: #f44435;
@ -232,8 +232,8 @@
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
@ -246,8 +246,8 @@
border-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5);
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0; padding: 1rem 0;
@ -293,8 +293,8 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12);
@ -390,8 +390,8 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
border-radius: 4px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@ -504,8 +504,8 @@
border-radius: 0; border-radius: 0;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -558,7 +558,7 @@
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover, .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected { .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: rgba(206, 147, 216, 0.24); color: rgba(206, 147, 216, 0.16);
} }
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
@ -584,7 +584,7 @@
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: rgba(206, 147, 216, 0.24); stroke: rgba(206, 147, 216, 0.16);
} }
.p-inputgroup-addon { .p-inputgroup-addon {
@ -792,8 +792,8 @@
border-radius: 0; border-radius: 0;
} }
.p-listbox .p-listbox-list .p-listbox-item.p-highlight { .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
.p-listbox .p-listbox-list .p-listbox-item:focus { .p-listbox .p-listbox-list .p-listbox-item:focus {
outline: 0 none; outline: 0 none;
@ -893,8 +893,8 @@
border-radius: 0; border-radius: 0;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -931,14 +931,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 21px;
height: 1.5rem; height: 21px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
background: #1e1e1e; background: #1e1e1e;
width: 1.5rem; width: 21px;
height: 1.5rem; height: 21px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -971,7 +971,7 @@
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #A5D6A7; color: #CE93D8;
margin-left: 0.5rem; margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
font-size: 1.143rem; font-size: 1.143rem;
@ -988,7 +988,7 @@
margin-left: 0; margin-left: 0;
} }
.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover { .p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
color: #A5D6A7; color: #CE93D8;
} }
.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover { .p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
color: #f44435; color: #f44435;
@ -1058,7 +1058,7 @@
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 20px; height: 20px;
width: 20px; width: 20px;
background: #A5D6A7; background: #CE93D8;
border: 0 none; border: 0 none;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1069,10 +1069,10 @@
box-shadow: none; box-shadow: none;
} }
.p-slider .p-slider-range { .p-slider .p-slider-range {
background: #A5D6A7; background: #CE93D8;
} }
.p-slider:not(.p-disabled) .p-slider-handle:hover { .p-slider:not(.p-disabled) .p-slider-handle:hover {
background: #A5D6A7; background: #CE93D8;
border-color: 0 none; border-color: 0 none;
} }
@ -1591,8 +1591,8 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-datatable .p-paginator-top { .p-datatable .p-paginator-top {
@ -1650,8 +1650,8 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: rgba(206, 147, 216, 0.24); color: rgba(206, 147, 216, 0.16);
background: rgba(255, 255, 255, 0.87); background: #CE93D8;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-datatable .p-sortable-column:not(.p-highlight):hover { .p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -1688,20 +1688,20 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler { .p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.24); box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16);
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.24); box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16);
} }
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -1742,14 +1742,14 @@
background: rgba(255, 255, 255, 0.02); background: rgba(255, 255, 255, 0.02);
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
@ -1836,9 +1836,9 @@
border-right: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12);
} }
.fc .fc-view-container .fc-event { .fc .fc-view-container .fc-event {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
border: 1px solid rgba(206, 147, 216, 0.24); border: 1px solid rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.fc .fc-view-container .fc-divider { .fc .fc-view-container .fc-divider {
background: #1e1e1e; background: #1e1e1e;
@ -1961,8 +1961,8 @@
box-shadow: none; box-shadow: none;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1986,11 +1986,11 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight { .p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: rgba(157, 62, 173, 0.24); color: rgba(157, 62, 173, 0.16);
} }
.p-organizationchart .p-organizationchart-line-down { .p-organizationchart .p-organizationchart-line-down {
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
@ -2089,9 +2089,9 @@
border-radius: 50%; border-radius: 50%;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
border-color: rgba(206, 147, 216, 0.24); border-color: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2141,8 +2141,8 @@
box-shadow: none; box-shadow: none;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -2212,12 +2212,12 @@
box-shadow: none; box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2296,8 +2296,8 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: rgba(206, 147, 216, 0.24); color: rgba(206, 147, 216, 0.16);
background: rgba(255, 255, 255, 0.87); background: #CE93D8;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-treetable .p-sortable-column:not(.p-highlight):hover { .p-treetable .p-sortable-column:not(.p-highlight):hover {
@ -2341,14 +2341,14 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-treetable .p-treetable-tbody > tr.p-highlight { .p-treetable .p-treetable-tbody > tr.p-highlight {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2733,7 +2733,7 @@
padding: 0 1.5rem 1.5rem 1.5rem; padding: 0 1.5rem 1.5rem 1.5rem;
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #A5D6A7; background: #CE93D8;
border: 0 none; border: 0 none;
color: #121212; color: #121212;
width: 3rem; width: 3rem;
@ -2745,7 +2745,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:hover {
background: rgba(165, 214, 167, 0.92); background: rgba(206, 147, 216, 0.92);
border-color: transparent; border-color: transparent;
color: #121212; color: #121212;
} }
@ -2838,7 +2838,7 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 4px;
} }
.p-fileupload .p-fileupload-row > div { .p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -3526,8 +3526,8 @@
box-shadow: none; box-shadow: none;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-steps .p-steps-item.p-highlight .p-steps-title { .p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500; font-weight: 500;
@ -3914,8 +3914,8 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -3933,8 +3933,8 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(206, 147, 216, 0.24); background: rgba(206, 147, 216, 0.16);
color: rgba(255, 255, 255, 0.87); color: #CE93D8;
} }
.p-galleria .p-galleria-thumbnail-container { .p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -4282,7 +4282,7 @@
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
} }
.p-datepicker table td.p-datepicker-today.p-highlight { .p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.24); box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16);
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {

0
public/themes/md-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-500.woff → public/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
View File

0
public/themes/md-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-500.woff2 → public/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
View File

0
public/themes/md-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-700.woff → public/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
View File

0
public/themes/md-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-700.woff2 → public/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
View File

0
public/themes/md-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-regular.woff → public/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
View File

0
public/themes/md-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-regular.woff2 → public/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
View File

150
public/themes/md-dark-indigo-pink/theme.css → public/themes/md-dark-indigo/theme.css
View File

@ -109,8 +109,8 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
border-radius: 4px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
@ -141,8 +141,8 @@
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44435; border-color: #f44435;
@ -232,8 +232,8 @@
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
@ -246,8 +246,8 @@
border-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5);
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0; padding: 1rem 0;
@ -293,8 +293,8 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12);
@ -390,8 +390,8 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
border-radius: 4px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@ -504,8 +504,8 @@
border-radius: 0; border-radius: 0;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -558,7 +558,7 @@
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover, .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected { .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: rgba(159, 168, 218, 0.24); color: rgba(159, 168, 218, 0.16);
} }
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
@ -584,7 +584,7 @@
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: rgba(159, 168, 218, 0.24); stroke: rgba(159, 168, 218, 0.16);
} }
.p-inputgroup-addon { .p-inputgroup-addon {
@ -792,8 +792,8 @@
border-radius: 0; border-radius: 0;
} }
.p-listbox .p-listbox-list .p-listbox-item.p-highlight { .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
.p-listbox .p-listbox-list .p-listbox-item:focus { .p-listbox .p-listbox-list .p-listbox-item:focus {
outline: 0 none; outline: 0 none;
@ -893,8 +893,8 @@
border-radius: 0; border-radius: 0;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -931,14 +931,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 21px;
height: 1.5rem; height: 21px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid rgba(255, 255, 255, 0.7); border: 2px solid rgba(255, 255, 255, 0.7);
background: #1e1e1e; background: #1e1e1e;
width: 1.5rem; width: 21px;
height: 1.5rem; height: 21px;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -971,7 +971,7 @@
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #F48FB1; color: #9FA8DA;
margin-left: 0.5rem; margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
font-size: 1.143rem; font-size: 1.143rem;
@ -988,7 +988,7 @@
margin-left: 0; margin-left: 0;
} }
.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover { .p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
color: #F48FB1; color: #9FA8DA;
} }
.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover { .p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
color: #f44435; color: #f44435;
@ -1058,7 +1058,7 @@
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 20px; height: 20px;
width: 20px; width: 20px;
background: #F48FB1; background: #9FA8DA;
border: 0 none; border: 0 none;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1069,10 +1069,10 @@
box-shadow: none; box-shadow: none;
} }
.p-slider .p-slider-range { .p-slider .p-slider-range {
background: #F48FB1; background: #9FA8DA;
} }
.p-slider:not(.p-disabled) .p-slider-handle:hover { .p-slider:not(.p-disabled) .p-slider-handle:hover {
background: #F48FB1; background: #9FA8DA;
border-color: 0 none; border-color: 0 none;
} }
@ -1591,8 +1591,8 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-datatable .p-paginator-top { .p-datatable .p-paginator-top {
@ -1650,8 +1650,8 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: rgba(159, 168, 218, 0.24); color: rgba(159, 168, 218, 0.16);
background: rgba(255, 255, 255, 0.87); background: #9FA8DA;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-datatable .p-sortable-column:not(.p-highlight):hover { .p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -1688,20 +1688,20 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler { .p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.24); box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16);
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.24); box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16);
} }
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -1742,14 +1742,14 @@
background: rgba(255, 255, 255, 0.02); background: rgba(255, 255, 255, 0.02);
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
@ -1836,9 +1836,9 @@
border-right: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12);
} }
.fc .fc-view-container .fc-event { .fc .fc-view-container .fc-event {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
border: 1px solid rgba(159, 168, 218, 0.24); border: 1px solid rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.fc .fc-view-container .fc-divider { .fc .fc-view-container .fc-divider {
background: #1e1e1e; background: #1e1e1e;
@ -1961,8 +1961,8 @@
box-shadow: none; box-shadow: none;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1986,11 +1986,11 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight { .p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: rgba(69, 86, 180, 0.24); color: rgba(69, 86, 180, 0.16);
} }
.p-organizationchart .p-organizationchart-line-down { .p-organizationchart .p-organizationchart-line-down {
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
@ -2089,9 +2089,9 @@
border-radius: 50%; border-radius: 50%;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
border-color: rgba(159, 168, 218, 0.24); border-color: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2141,8 +2141,8 @@
box-shadow: none; box-shadow: none;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -2212,12 +2212,12 @@
box-shadow: none; box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2296,8 +2296,8 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: rgba(159, 168, 218, 0.24); color: rgba(159, 168, 218, 0.16);
background: rgba(255, 255, 255, 0.87); background: #9FA8DA;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-treetable .p-sortable-column:not(.p-highlight):hover { .p-treetable .p-sortable-column:not(.p-highlight):hover {
@ -2341,14 +2341,14 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-treetable .p-treetable-tbody > tr.p-highlight { .p-treetable .p-treetable-tbody > tr.p-highlight {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2733,7 +2733,7 @@
padding: 0 1.5rem 1.5rem 1.5rem; padding: 0 1.5rem 1.5rem 1.5rem;
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #F48FB1; background: #9FA8DA;
border: 0 none; border: 0 none;
color: #121212; color: #121212;
width: 3rem; width: 3rem;
@ -2745,7 +2745,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:hover {
background: rgba(244, 143, 177, 0.92); background: rgba(159, 168, 218, 0.92);
border-color: transparent; border-color: transparent;
color: #121212; color: #121212;
} }
@ -2838,7 +2838,7 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 4px;
} }
.p-fileupload .p-fileupload-row > div { .p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -3526,8 +3526,8 @@
box-shadow: none; box-shadow: none;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-steps .p-steps-item.p-highlight .p-steps-title { .p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500; font-weight: 500;
@ -3914,8 +3914,8 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -3933,8 +3933,8 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(159, 168, 218, 0.24); background: rgba(159, 168, 218, 0.16);
color: rgba(255, 255, 255, 0.87); color: #9FA8DA;
} }
.p-galleria .p-galleria-thumbnail-container { .p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -4282,7 +4282,7 @@
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
} }
.p-datepicker table td.p-datepicker-today.p-highlight { .p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.24); box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16);
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {

0
public/themes/md-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-500.woff → public/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
View File

0
public/themes/md-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-500.woff2 → public/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
View File

0
public/themes/md-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-700.woff → public/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
View File

0
public/themes/md-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-700.woff2 → public/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
View File

0
public/themes/md-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-regular.woff → public/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
View File

0
public/themes/md-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-regular.woff2 → public/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
View File

154
public/themes/md-light-deeppurple-green/theme.css → public/themes/md-light-deeppurple/theme.css
View File

@ -109,8 +109,8 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
border-radius: 4px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
@ -141,8 +141,8 @@
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #B00020; border-color: #B00020;
@ -232,8 +232,8 @@
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
@ -246,8 +246,8 @@
border-color: black; border-color: black;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0; padding: 1rem 0;
@ -293,8 +293,8 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid rgba(0, 0, 0, 0.12); border-right: 1px solid rgba(0, 0, 0, 0.12);
@ -390,8 +390,8 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
border-radius: 4px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@ -504,8 +504,8 @@
border-radius: 0; border-radius: 0;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #000001; color: #000001;
@ -558,7 +558,7 @@
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover, .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected { .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: rgba(103, 58, 183, 0.08); color: rgba(103, 58, 183, 0.12);
} }
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
@ -584,7 +584,7 @@
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: rgba(103, 58, 183, 0.08); stroke: rgba(103, 58, 183, 0.12);
} }
.p-inputgroup-addon { .p-inputgroup-addon {
@ -792,8 +792,8 @@
border-radius: 0; border-radius: 0;
} }
.p-listbox .p-listbox-list .p-listbox-item.p-highlight { .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
.p-listbox .p-listbox-list .p-listbox-item:focus { .p-listbox .p-listbox-list .p-listbox-item:focus {
outline: 0 none; outline: 0 none;
@ -893,8 +893,8 @@
border-radius: 0; border-radius: 0;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #000001; color: #000001;
@ -931,14 +931,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #757575; border: 2px solid #757575;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #000001; color: #000001;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -971,7 +971,7 @@
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #4CAF50; color: #673AB7;
margin-left: 0.5rem; margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
font-size: 1.143rem; font-size: 1.143rem;
@ -988,7 +988,7 @@
margin-left: 0; margin-left: 0;
} }
.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover { .p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
color: #4CAF50; color: #673AB7;
} }
.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover { .p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
color: #B00020; color: #B00020;
@ -1058,7 +1058,7 @@
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 20px; height: 20px;
width: 20px; width: 20px;
background: #4CAF50; background: #673AB7;
border: 0 none; border: 0 none;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1069,10 +1069,10 @@
box-shadow: none; box-shadow: none;
} }
.p-slider .p-slider-range { .p-slider .p-slider-range {
background: #4CAF50; background: #673AB7;
} }
.p-slider:not(.p-disabled) .p-slider-handle:hover { .p-slider:not(.p-disabled) .p-slider-handle:hover {
background: #4CAF50; background: #673AB7;
border-color: 0 none; border-color: 0 none;
} }
@ -1547,7 +1547,7 @@
} }
.p-button.p-button-link:enabled:focus { .p-button.p-button-link:enabled:focus {
background: transparent; background: transparent;
box-shadow: 0 0 0 0.2rem transparent; box-shadow: none;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-link:enabled:active { .p-button.p-button-link:enabled:active {
@ -1591,8 +1591,8 @@
background: #ececec; background: #ececec;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-datatable .p-paginator-top { .p-datatable .p-paginator-top {
@ -1650,8 +1650,8 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: rgba(103, 58, 183, 0.08); color: rgba(103, 58, 183, 0.12);
background: #000001; background: #673AB7;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-datatable .p-sortable-column:not(.p-highlight):hover { .p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -1688,20 +1688,20 @@
color: #000001; color: #000001;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler { .p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #000001; color: #673AB7;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #000001; color: #673AB7;
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.08); box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12);
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.08); box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12);
} }
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -1742,14 +1742,14 @@
background: rgba(0, 0, 0, 0.02); background: rgba(0, 0, 0, 0.02);
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #000001; color: #673AB7;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #000001; color: #673AB7;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
@ -1836,9 +1836,9 @@
border-right: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;
} }
.fc .fc-view-container .fc-event { .fc .fc-view-container .fc-event {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
border: 1px solid rgba(103, 58, 183, 0.08); border: 1px solid rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.fc .fc-view-container .fc-divider { .fc .fc-view-container .fc-divider {
background: #ffffff; background: #ffffff;
@ -1961,8 +1961,8 @@
box-shadow: none; box-shadow: none;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1986,11 +1986,11 @@
color: #000001; color: #000001;
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight { .p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: rgba(49, 27, 86, 0.08); color: rgba(49, 27, 86, 0.12);
} }
.p-organizationchart .p-organizationchart-line-down { .p-organizationchart .p-organizationchart-line-down {
background: rgba(0, 0, 0, 0.12); background: rgba(0, 0, 0, 0.12);
@ -2089,9 +2089,9 @@
border-radius: 50%; border-radius: 50%;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
border-color: rgba(103, 58, 183, 0.08); border-color: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2141,8 +2141,8 @@
box-shadow: none; box-shadow: none;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: #000001; color: #673AB7;
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -2212,12 +2212,12 @@
box-shadow: none; box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: #000001; color: #673AB7;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2296,8 +2296,8 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: rgba(103, 58, 183, 0.08); color: rgba(103, 58, 183, 0.12);
background: #000001; background: #673AB7;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-treetable .p-sortable-column:not(.p-highlight):hover { .p-treetable .p-sortable-column:not(.p-highlight):hover {
@ -2341,14 +2341,14 @@
color: #000001; color: #000001;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight { .p-treetable .p-treetable-tbody > tr.p-highlight {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
color: #000001; color: #673AB7;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #000001; color: #673AB7;
} }
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2733,7 +2733,7 @@
padding: 0 1.5rem 1.5rem 1.5rem; padding: 0 1.5rem 1.5rem 1.5rem;
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #4CAF50; background: #673AB7;
border: 0 none; border: 0 none;
color: #ffffff; color: #ffffff;
width: 3rem; width: 3rem;
@ -2745,7 +2745,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:hover {
background: rgba(76, 175, 80, 0.92); background: rgba(255, 255, 255, 0.92);
border-color: transparent; border-color: transparent;
color: #ffffff; color: #ffffff;
} }
@ -2831,14 +2831,14 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 2rem 1rem; padding: 1.5rem 0.75rem;
border: 1px solid #e0e0e0; border: 1px solid #e0e0e0;
color: #000001; color: #000001;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 4px;
} }
.p-fileupload .p-fileupload-row > div { .p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -3526,8 +3526,8 @@
box-shadow: none; box-shadow: none;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-steps .p-steps-item.p-highlight .p-steps-title { .p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500; font-weight: 500;
@ -3914,8 +3914,8 @@
background: #ececec; background: #ececec;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -3933,8 +3933,8 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(103, 58, 183, 0.08); background: rgba(103, 58, 183, 0.12);
color: #000001; color: #673AB7;
} }
.p-galleria .p-galleria-thumbnail-container { .p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -4282,7 +4282,7 @@
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
} }
.p-datepicker table td.p-datepicker-today.p-highlight { .p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.08); box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12);
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {

0
public/themes/md-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-500.woff → public/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
View File

0
public/themes/md-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-500.woff2 → public/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
View File

0
public/themes/md-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-700.woff → public/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
View File

0
public/themes/md-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-700.woff2 → public/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
View File

0
public/themes/md-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-regular.woff → public/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
View File

0
public/themes/md-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-regular.woff2 → public/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
View File

154
public/themes/md-light-indigo-pink/theme.css → public/themes/md-light-indigo/theme.css
View File

@ -109,8 +109,8 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
border-radius: 4px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
@ -141,8 +141,8 @@
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #B00020; border-color: #B00020;
@ -232,8 +232,8 @@
border: 1px solid transparent; border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
@ -246,8 +246,8 @@
border-color: black; border-color: black;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0; padding: 1rem 0;
@ -293,8 +293,8 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid rgba(0, 0, 0, 0.12); border-right: 1px solid rgba(0, 0, 0, 0.12);
@ -390,8 +390,8 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
border-radius: 4px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@ -504,8 +504,8 @@
border-radius: 0; border-radius: 0;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #000001; color: #000001;
@ -558,7 +558,7 @@
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover, .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected { .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: rgba(63, 81, 181, 0.08); color: rgba(63, 81, 181, 0.12);
} }
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
@ -584,7 +584,7 @@
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { .p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: rgba(63, 81, 181, 0.08); stroke: rgba(63, 81, 181, 0.12);
} }
.p-inputgroup-addon { .p-inputgroup-addon {
@ -792,8 +792,8 @@
border-radius: 0; border-radius: 0;
} }
.p-listbox .p-listbox-list .p-listbox-item.p-highlight { .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
.p-listbox .p-listbox-list .p-listbox-item:focus { .p-listbox .p-listbox-list .p-listbox-item:focus {
outline: 0 none; outline: 0 none;
@ -893,8 +893,8 @@
border-radius: 0; border-radius: 0;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #000001; color: #000001;
@ -931,14 +931,14 @@
} }
.p-radiobutton { .p-radiobutton {
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 2px solid #757575; border: 2px solid #757575;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 20px;
height: 1.5rem; height: 20px;
color: #000001; color: #000001;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -971,7 +971,7 @@
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #ff4081; color: #3F51B5;
margin-left: 0.5rem; margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
font-size: 1.143rem; font-size: 1.143rem;
@ -988,7 +988,7 @@
margin-left: 0; margin-left: 0;
} }
.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover { .p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
color: #ff4081; color: #3F51B5;
} }
.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover { .p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
color: #B00020; color: #B00020;
@ -1058,7 +1058,7 @@
.p-slider .p-slider-handle { .p-slider .p-slider-handle {
height: 20px; height: 20px;
width: 20px; width: 20px;
background: #ff4081; background: #3F51B5;
border: 0 none; border: 0 none;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@ -1069,10 +1069,10 @@
box-shadow: none; box-shadow: none;
} }
.p-slider .p-slider-range { .p-slider .p-slider-range {
background: #ff4081; background: #3F51B5;
} }
.p-slider:not(.p-disabled) .p-slider-handle:hover { .p-slider:not(.p-disabled) .p-slider-handle:hover {
background: #ff4081; background: #3F51B5;
border-color: 0 none; border-color: 0 none;
} }
@ -1547,7 +1547,7 @@
} }
.p-button.p-button-link:enabled:focus { .p-button.p-button-link:enabled:focus {
background: transparent; background: transparent;
box-shadow: 0 0 0 0.2rem transparent; box-shadow: none;
border-color: transparent; border-color: transparent;
} }
.p-button.p-button-link:enabled:active { .p-button.p-button-link:enabled:active {
@ -1591,8 +1591,8 @@
background: #ececec; background: #ececec;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-datatable .p-paginator-top { .p-datatable .p-paginator-top {
@ -1650,8 +1650,8 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: rgba(63, 81, 181, 0.08); color: rgba(63, 81, 181, 0.12);
background: #000001; background: #3F51B5;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-datatable .p-sortable-column:not(.p-highlight):hover { .p-datatable .p-sortable-column:not(.p-highlight):hover {
@ -1688,20 +1688,20 @@
color: #000001; color: #000001;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler { .p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #000001; color: #3F51B5;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #000001; color: #3F51B5;
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.08); box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12);
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.08); box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12);
} }
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -1742,14 +1742,14 @@
background: rgba(0, 0, 0, 0.02); background: rgba(0, 0, 0, 0.02);
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #000001; color: #3F51B5;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #000001; color: #3F51B5;
} }
.p-datatable.p-datatable-sm .p-datatable-header { .p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
@ -1836,9 +1836,9 @@
border-right: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;
} }
.fc .fc-view-container .fc-event { .fc .fc-view-container .fc-event {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
border: 1px solid rgba(63, 81, 181, 0.08); border: 1px solid rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.fc .fc-view-container .fc-divider { .fc .fc-view-container .fc-divider {
background: #ffffff; background: #ffffff;
@ -1961,8 +1961,8 @@
box-shadow: none; box-shadow: none;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1986,11 +1986,11 @@
color: #000001; color: #000001;
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight { .p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: rgba(30, 39, 86, 0.08); color: rgba(30, 39, 86, 0.12);
} }
.p-organizationchart .p-organizationchart-line-down { .p-organizationchart .p-organizationchart-line-down {
background: rgba(0, 0, 0, 0.12); background: rgba(0, 0, 0, 0.12);
@ -2089,9 +2089,9 @@
border-radius: 50%; border-radius: 50%;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
border-color: rgba(63, 81, 181, 0.08); border-color: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2141,8 +2141,8 @@
box-shadow: none; box-shadow: none;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: #000001; color: #3F51B5;
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -2212,12 +2212,12 @@
box-shadow: none; box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: #000001; color: #3F51B5;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2296,8 +2296,8 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: rgba(63, 81, 181, 0.08); color: rgba(63, 81, 181, 0.12);
background: #000001; background: #3F51B5;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-treetable .p-sortable-column:not(.p-highlight):hover { .p-treetable .p-sortable-column:not(.p-highlight):hover {
@ -2341,14 +2341,14 @@
color: #000001; color: #000001;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight { .p-treetable .p-treetable-tbody > tr.p-highlight {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
color: #000001; color: #3F51B5;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #000001; color: #3F51B5;
} }
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2733,7 +2733,7 @@
padding: 0 1.5rem 1.5rem 1.5rem; padding: 0 1.5rem 1.5rem 1.5rem;
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #ff4081; background: #3F51B5;
border: 0 none; border: 0 none;
color: #ffffff; color: #ffffff;
width: 3rem; width: 3rem;
@ -2745,7 +2745,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:hover {
background: rgba(255, 64, 129, 0.92); background: rgba(255, 255, 255, 0.92);
border-color: transparent; border-color: transparent;
color: #ffffff; color: #ffffff;
} }
@ -2831,14 +2831,14 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 2rem 1rem; padding: 1.5rem 0.75rem;
border: 1px solid #e0e0e0; border: 1px solid #e0e0e0;
color: #000001; color: #000001;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 4px;
} }
.p-fileupload .p-fileupload-row > div { .p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -3526,8 +3526,8 @@
box-shadow: none; box-shadow: none;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-steps .p-steps-item.p-highlight .p-steps-title { .p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500; font-weight: 500;
@ -3914,8 +3914,8 @@
background: #ececec; background: #ececec;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -3933,8 +3933,8 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(63, 81, 181, 0.08); background: rgba(63, 81, 181, 0.12);
color: #000001; color: #3F51B5;
} }
.p-galleria .p-galleria-thumbnail-container { .p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -4282,7 +4282,7 @@
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
} }
.p-datepicker table td.p-datepicker-today.p-highlight { .p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.08); box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12);
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {

0
public/themes/mdc-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-500.woff → public/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
View File

0
public/themes/mdc-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-500.woff2 → public/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
View File

0
public/themes/mdc-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-700.woff → public/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
View File

0
public/themes/mdc-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-700.woff2 → public/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
View File

0
public/themes/mdc-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-regular.woff → public/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
View File

0
public/themes/mdc-dark-deeppurple-green/fonts/roboto-v20-latin-ext_latin-regular.woff2 → public/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
View File

1936
public/themes/mdc-dark-deeppurple-green/theme.css → public/themes/mdc-dark-deeppurple/theme.css
View File

File diff suppressed because it is too large Load Diff

0
public/themes/mdc-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-500.woff → public/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
View File

0
public/themes/mdc-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-500.woff2 → public/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
View File

0
public/themes/mdc-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-700.woff → public/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
View File

0
public/themes/mdc-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-700.woff2 → public/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
View File

0
public/themes/mdc-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-regular.woff → public/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
View File

0
public/themes/mdc-dark-indigo-pink/fonts/roboto-v20-latin-ext_latin-regular.woff2 → public/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
View File

1936
public/themes/mdc-dark-indigo-pink/theme.css → public/themes/mdc-dark-indigo/theme.css
View File

File diff suppressed because it is too large Load Diff

0
public/themes/mdc-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-500.woff → public/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
View File

0
public/themes/mdc-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-500.woff2 → public/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
View File

0
public/themes/mdc-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-700.woff → public/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
View File

0
public/themes/mdc-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-700.woff2 → public/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
View File

0
public/themes/mdc-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-regular.woff → public/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
View File

0
public/themes/mdc-light-deeppurple-green/fonts/roboto-v20-latin-ext_latin-regular.woff2 → public/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
View File

478
public/themes/mdc-light-deeppurple-green/theme.css → public/themes/mdc-light-deeppurple/theme.css
View File

File diff suppressed because it is too large Load Diff

0
public/themes/mdc-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-500.woff → public/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
View File

0
public/themes/mdc-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-500.woff2 → public/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
View File

0
public/themes/mdc-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-700.woff → public/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
View File

0
public/themes/mdc-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-700.woff2 → public/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
View File

0
public/themes/mdc-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-regular.woff → public/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
View File

0
public/themes/mdc-light-indigo-pink/fonts/roboto-v20-latin-ext_latin-regular.woff2 → public/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
View File

478
public/themes/mdc-light-indigo-pink/theme.css → public/themes/mdc-light-indigo/theme.css
View File

File diff suppressed because it is too large Load Diff

32
src/AppConfigurator.vue
View File

@ -57,27 +57,27 @@
<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/themes/md-light-indigo-pink.svg" alt="Material Light Indigo Pink" @click="changeTheme($event, 'md-light-indigo-pink')"/> <img src="./assets/images/themes/md-light-indigo.svg" alt="Material Light Indigo" @click="changeTheme($event, 'md-light-indigo')"/>
</button> </button>
<span>Indigo - Pink</span> <span>Indigo</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/themes/md-light-deeppurple-green.svg" alt="Material Light Deep Purple Green" @click="changeTheme($event, 'md-light-deeppurple-green')"/> <img src="./assets/images/themes/md-light-deeppurple.svg" alt="Material Light Deep Purple" @click="changeTheme($event, 'md-light-deeppurple')"/>
</button> </button>
<span>Purple - Green</span> <span>Deep Purple</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/themes/md-dark-indigo-pink.svg" alt="Material Dark Indigo Pink" @click="changeTheme($event, 'md-dark-indigo-pink', true)"/> <img src="./assets/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" @click="changeTheme($event, 'md-dark-indigo', true)"/>
</button> </button>
<span>Indigo - Pink</span> <span>Indigo</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/themes/md-dark-deeppurple-green.svg" alt="Material Dark Deep Purple Green" @click="changeTheme($event, 'md-dark-deeppurple-green', true)"/> <img src="./assets/images/themes/md-dark-deeppurple.svg" alt="Material Dark Deep Purple" @click="changeTheme($event, 'md-dark-deeppurple', true)"/>
</button> </button>
<span>Purple - Green</span> <span>Deep Purple</span>
</div> </div>
</div> </div>
@ -85,27 +85,27 @@
<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/themes/md-light-indigo-pink.svg" alt="Material Compact Light Indigo Pink" @click="changeTheme($event, 'mdc-light-indigo-pink')"/> <img src="./assets/images/themes/md-light-indigo.svg" alt="Material Compact Light Indigo" @click="changeTheme($event, 'mdc-light-indigo')"/>
</button> </button>
<span>Indigo - Pink</span> <span>Indigo</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/themes/md-light-deeppurple-green.svg" alt="Material Compact Deep Purple Green" @click="changeTheme($event, 'mdc-light-deeppurple-green')"/> <img src="./assets/images/themes/md-light-deeppurple.svg" alt="Material Compact Deep Purple" @click="changeTheme($event, 'mdc-light-deeppurple')"/>
</button> </button>
<span>Purple - Green</span> <span>Deep Purple</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/themes/md-dark-indigo-pink.svg" alt="Material Compact Dark Indigo Pink" @click="changeTheme($event, 'mdc-dark-indigo-pink', true)"/> <img src="./assets/images/themes/md-dark-indigo.svg" alt="Material Compact Dark Indigo" @click="changeTheme($event, 'mdc-dark-indigo', true)"/>
</button> </button>
<span>Indigo - Pink</span> <span>Indigo</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/themes/md-dark-deeppurple-green.svg" alt="Material Compact Dark Deep Purple Green" @click="changeTheme($event, 'mdc-dark-deeppurple-green', true)"/> <img src="./assets/images/themes/md-dark-deeppurple.svg" alt="Material Compact Dark Deep Purple" @click="changeTheme($event, 'mdc-dark-deeppurple', true)"/>
</button> </button>
<span>Purple - Green</span> <span>Deep Purple</span>
</div> </div>
</div> </div>

8
src/assets/images/themes/md-dark-deeppurple-green.svg → src/assets/images/themes/md-dark-deeppurple.svg
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <?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"> <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> <title>4</title>
<g id="1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="circle" fill="#6734BA" cx="512" cy="512" r="512"></circle> <circle id="circle" fill="#9D1BB2" cx="512" cy="512" r="512"></circle>
<rect id="rectangle" fill="#4caf50" x="154" y="155" width="715" height="716"></rect> <rect id="rectangle" fill="#CE93D8" 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> <polygon id="triangle" fill="#121212" points="154 154.5 868.5 154.5 512 870.5"></polygon>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

2
src/assets/images/themes/md-dark-indigo-pink.svg → src/assets/images/themes/md-dark-indigo.svg
View File

@ -3,7 +3,7 @@
<title>2</title> <title>2</title>
<g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <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> <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> <rect id="rectangle" fill="#9FA8DA" 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> <polygon id="triangle" fill="#121212" points="154 154.5 868.5 154.5 512 870.5"></polygon>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

10
src/assets/images/themes/md-light-deeppurple-green.svg → src/assets/images/themes/md-light-deeppurple.svg
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <?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"> <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> <title>4</title>
<g id="1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="circle" fill="#6734BA" cx="512" cy="512" r="512"></circle> <circle id="circle" fill="#9D1BB2" cx="512" cy="512" r="512"></circle>
<rect id="rectangle" fill="#4caf50" x="154" y="155" width="715" height="716"></rect> <rect id="rectangle" fill="#CE93D8" 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> <polygon id="triangle" fill="#ffffff" points="154 154.5 868.5 154.5 512 870.5"></polygon>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

2
src/assets/images/themes/md-light-indigo-pink.svg → src/assets/images/themes/md-light-indigo.svg
View File

@ -3,7 +3,7 @@
<title>2</title> <title>2</title>
<g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <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> <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> <rect id="rectangle" fill="#9FA8DA" 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> <polygon id="triangle" fill="#FFFFFF" points="154 154.5 868.5 154.5 512 870.5"></polygon>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

13
src/views/dialog/DialogDemo.vue
View File

@ -11,10 +11,15 @@
<div class="card"> <div class="card">
<h5>Basic</h5> <h5>Basic</h5>
<Button label="Show" icon="pi pi-external-link" @click="openBasic" /> <Button label="Show" icon="pi pi-external-link" @click="openBasic" />
<Dialog header="Header " :visible.sync="displayBasic" :style="{width: '50vw'}"> <Dialog header="Header " :visible.sync="displayBasic" :style="{width: '50vw'}" :contentStyle="{height: '90vh'}">
<p class="p-m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco <Calendar id="basic" />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <Panel header="Header">
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</Panel>
<template #footer> <template #footer>
<Button label="No" icon="pi pi-times" @click="closeBasic" class="p-button-secondary"/> <Button label="No" icon="pi pi-times" @click="closeBasic" class="p-button-secondary"/>
<Button label="Yes" icon="pi pi-check" @click="closeBasic" /> <Button label="Yes" icon="pi pi-check" @click="closeBasic" />