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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

View File

@ -3,7 +3,7 @@
<title>2</title>
<g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="circle" fill="#3D4DB7" cx="512" cy="512" r="512"></circle>
<rect id="rectangle" fill="#EB085B" x="154" y="155" width="715" height="716"></rect>
<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>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

View File

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

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

View File

@ -3,7 +3,7 @@
<title>2</title>
<g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="circle" fill="#3D4DB7" cx="512" cy="512" r="512"></circle>
<rect id="rectangle" fill="#EB085B" x="154" y="155" width="715" height="716"></rect>
<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>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 576 B

View File

@ -11,10 +11,15 @@
<div class="card">
<h5>Basic</h5>
<Button label="Show" icon="pi pi-external-link" @click="openBasic" />
<Dialog header="Header " :visible.sync="displayBasic" :style="{width: '50vw'}">
<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
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>
<Dialog header="Header " :visible.sync="displayBasic" :style="{width: '50vw'}" :contentStyle="{height: '90vh'}">
<Calendar id="basic" />
<Panel header="Header">
<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>
<Button label="No" icon="pi pi-times" @click="closeBasic" class="p-button-secondary"/>
<Button label="Yes" icon="pi pi-check" @click="closeBasic" />