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

Theme update

pull/358/head
cagataycivici 2020-06-26 12:36:02 +03:00
parent 1f31675942
commit 3ae42ac9e7
35 changed files with 358 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/themes/arya-blue/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1e1e1e;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #64B5F6; color: #64B5F6;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 1px #BBDEFB; box-shadow: inset 0 0 0 1px #BBDEFB;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 1px #BBDEFB; box-shadow: inset 0 0 0 1px #BBDEFB;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/arya-green/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1e1e1e;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #81C784; color: #81C784;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 1px #C8E6C9; box-shadow: inset 0 0 0 1px #C8E6C9;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 1px #C8E6C9; box-shadow: inset 0 0 0 1px #C8E6C9;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/arya-orange/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1e1e1e;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #FFD54F; color: #FFD54F;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 1px #FFECB3; box-shadow: inset 0 0 0 1px #FFECB3;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 1px #FFECB3; box-shadow: inset 0 0 0 1px #FFECB3;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/arya-purple/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1e1e1e;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #BA68C8; color: #BA68C8;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 1px #E1BEE7; box-shadow: inset 0 0 0 1px #E1BEE7;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 1px #E1BEE7; box-shadow: inset 0 0 0 1px #E1BEE7;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #2a323d;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
box-shadow: none; box-shadow: none;
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #2a323d;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 4px;
transition: box-shadow 0.15s; transition: box-shadow 0.15s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #151515; color: #151515;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #8dd0ff; color: #8dd0ff;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #151515; color: #151515;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #e3f3fe; box-shadow: inset 0 0 0 0.15rem #e3f3fe;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
box-shadow: none; box-shadow: none;
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #e3f3fe; box-shadow: inset 0 0 0 0.15rem #e3f3fe;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
box-shadow: none; box-shadow: none;
} }

10
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #2a323d;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
box-shadow: none; box-shadow: none;
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #2a323d;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 4px;
transition: box-shadow 0.15s; transition: box-shadow 0.15s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #151515; color: #151515;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #c298d8; color: #c298d8;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #151515; color: #151515;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #f0e6f5; box-shadow: inset 0 0 0 0.15rem #f0e6f5;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
box-shadow: none; box-shadow: none;
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #f0e6f5; box-shadow: inset 0 0 0 0.15rem #f0e6f5;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
box-shadow: none; box-shadow: none;
} }

12
public/themes/bootstrap4-light-blue/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none; box-shadow: none;
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: rgba(0, 0, 0, 0.03);
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: #ffffff;
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 4px;
transition: box-shadow 0.15s; transition: box-shadow 0.15s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ced4da; background: #ced4da;
color: #212529; color: #212529;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none; box-shadow: none;
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none; box-shadow: none;
} }

12
public/themes/bootstrap4-light-purple/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none; box-shadow: none;
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: rgba(0, 0, 0, 0.03);
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: #ffffff;
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 4px;
transition: box-shadow 0.15s; transition: box-shadow 0.15s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ced4da; background: #ced4da;
color: #212529; color: #212529;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none; box-shadow: none;
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none; box-shadow: none;
} }

12
public/themes/luna-amber/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #323232;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #252525;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #dedede; color: #dedede;
background: #252525; background: #323232;
font-weight: 700; font-weight: 700;
margin: 0; margin: 0;
border-bottom: 0 none; border-bottom: 0 none;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #FFCA28; background: #FFCA28;
color: #212529; color: #212529;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem white; box-shadow: inset 0 0 0 0.2rem white;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #252525;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem white; box-shadow: inset 0 0 0 0.2rem white;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #252525;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

12
public/themes/luna-blue/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #323232;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #252525;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #dedede; color: #dedede;
background: #252525; background: #323232;
font-weight: 700; font-weight: 700;
margin: 0; margin: 0;
border-bottom: 0 none; border-bottom: 0 none;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #29B6F6; background: #29B6F6;
color: #212529; color: #212529;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem white; box-shadow: inset 0 0 0 0.2rem white;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #252525;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem white; box-shadow: inset 0 0 0 0.2rem white;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #252525;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

12
public/themes/luna-green/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #323232;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #252525;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #dedede; color: #dedede;
background: #252525; background: #323232;
font-weight: 700; font-weight: 700;
margin: 0; margin: 0;
border-bottom: 0 none; border-bottom: 0 none;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #9CCC65; background: #9CCC65;
color: #212529; color: #212529;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem white; box-shadow: inset 0 0 0 0.2rem white;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #252525;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem white; box-shadow: inset 0 0 0 0.2rem white;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #252525;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

12
public/themes/luna-pink/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #323232;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #252525;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #dedede; color: #dedede;
background: #252525; background: #323232;
font-weight: 700; font-weight: 700;
margin: 0; margin: 0;
border-bottom: 0 none; border-bottom: 0 none;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #EC407A; background: #EC407A;
color: #212529; color: #212529;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem white; box-shadow: inset 0 0 0 0.2rem white;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #252525;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem white; box-shadow: inset 0 0 0 0.2rem white;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #252525;
border: 1px solid #191919; border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

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

@ -1229,7 +1229,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 3rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;

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

@ -1229,7 +1229,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 3rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;

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

@ -162,9 +162,13 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #000001; color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: none; transition: none;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #000001; color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ffffff; background: #ffffff;
color: #000001; color: #000001;
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: #000001;
@ -1223,7 +1229,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 3rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none; box-shadow: none;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3620,6 +3627,7 @@
box-shadow: none; box-shadow: none;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3966,7 +3974,7 @@
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);
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.04);
color: #000001; color: #000001;
} }
.p-inplace .p-inplace-display:focus { .p-inplace .p-inplace-display:focus {
@ -4774,7 +4782,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
flex-direction: row; flex-direction: row;
background-color: #ffffff; background-color: transparent;
z-index: 1; z-index: 1;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-title { .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0; margin: 0;
background-color: #ffffff; background-color: transparent;
color: #9e9d9e; color: #9e9d9e;
padding: 0 0.25rem 0 0; padding: 0 0.25rem 0 0;
} }

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

@ -162,9 +162,13 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #000001; color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: none; transition: none;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #000001; color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ffffff; background: #ffffff;
color: #000001; color: #000001;
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: #000001;
@ -1223,7 +1229,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 3rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none; box-shadow: none;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3620,6 +3627,7 @@
box-shadow: none; box-shadow: none;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3966,7 +3974,7 @@
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);
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.04);
color: #000001; color: #000001;
} }
.p-inplace .p-inplace-display:focus { .p-inplace .p-inplace-display:focus {
@ -4774,7 +4782,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
flex-direction: row; flex-direction: row;
background-color: #ffffff; background-color: transparent;
z-index: 1; z-index: 1;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-title { .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0; margin: 0;
background-color: #ffffff; background-color: transparent;
color: #9e9d9e; color: #9e9d9e;
padding: 0 0.25rem 0 0; padding: 0 0.25rem 0 0;
} }

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

@ -162,9 +162,13 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #000001; color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: none; transition: none;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #000001; color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ffffff; background: #ffffff;
color: #000001; color: #000001;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001; color: #000001;
@ -1223,7 +1229,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 3rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none; box-shadow: none;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3620,6 +3627,7 @@
box-shadow: none; box-shadow: none;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -4774,7 +4782,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
flex-direction: row; flex-direction: row;
background-color: #ffffff; background-color: transparent;
z-index: 1; z-index: 1;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-title { .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0; margin: 0;
background-color: #ffffff; background-color: transparent;
color: #9e9d9e; color: #9e9d9e;
padding: 0 0.25rem 0 0; padding: 0 0.25rem 0 0;
} }

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

@ -162,9 +162,13 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #000001; color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: none; transition: none;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #000001; color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ffffff; background: #ffffff;
color: #000001; color: #000001;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001; color: #000001;
@ -1223,7 +1229,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 3rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none; box-shadow: none;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3620,6 +3627,7 @@
box-shadow: none; box-shadow: none;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -4774,7 +4782,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
flex-direction: row; flex-direction: row;
background-color: #ffffff; background-color: transparent;
z-index: 1; z-index: 1;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-title { .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0; margin: 0;
background-color: #ffffff; background-color: transparent;
color: #9e9d9e; color: #9e9d9e;
padding: 0 0.25rem 0 0; padding: 0 0.25rem 0 0;
} }

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

@ -162,9 +162,13 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #000001; color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: none; transition: none;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #000001; color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ffffff; background: #ffffff;
color: #000001; color: #000001;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001; color: #000001;
@ -1223,7 +1229,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 3rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none; box-shadow: none;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3620,6 +3627,7 @@
box-shadow: none; box-shadow: none;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -4774,7 +4782,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
flex-direction: row; flex-direction: row;
background-color: #ffffff; background-color: transparent;
z-index: 1; z-index: 1;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-title { .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0; margin: 0;
background-color: #ffffff; background-color: transparent;
color: #9e9d9e; color: #9e9d9e;
padding: 0 0.25rem 0 0; padding: 0 0.25rem 0 0;
} }

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

@ -162,9 +162,13 @@
border-radius: 4px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #000001; color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: none; transition: none;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #000001; color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ffffff; background: #ffffff;
color: #000001; color: #000001;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001; color: #000001;
@ -1223,7 +1229,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 3rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none; box-shadow: none;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3620,6 +3627,7 @@
box-shadow: none; box-shadow: none;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -4774,7 +4782,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
flex-direction: row; flex-direction: row;
background-color: #ffffff; background-color: transparent;
z-index: 1; z-index: 1;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-title { .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0; margin: 0;
background-color: #ffffff; background-color: transparent;
color: #9e9d9e; color: #9e9d9e;
padding: 0 0.25rem 0 0; padding: 0 0.25rem 0 0;
} }

10
public/themes/nova-accent/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #333333; color: #333333;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0; background: #d0d0d0;
color: #333333; color: #333333;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1199,7 +1205,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3077,6 +3083,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3562,6 +3569,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

10
public/themes/nova-alt/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #333333; color: #333333;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0; background: #d0d0d0;
color: #333333; color: #333333;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

10
public/themes/nova-vue/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #333333; color: #333333;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0; background: #d0d0d0;
color: #333333; color: #333333;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem #c2e9d8; box-shadow: inset 0 0 0 0.2rem #c2e9d8;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem #c2e9d8; box-shadow: inset 0 0 0 0.2rem #c2e9d8;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

10
public/themes/nova/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #333333; color: #333333;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0; background: #d0d0d0;
color: #333333; color: #333333;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

10
public/themes/rhea/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 2px; border-radius: 2px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #666666; color: #666666;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 2px; border-radius: 2px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #385048; color: #385048;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0; background: #d0d0d0;
color: #666666; color: #666666;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #385048; color: #385048;
@ -1199,7 +1205,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3077,6 +3083,7 @@
box-shadow: inset 0 0 0 0.2rem #e4e9ec; box-shadow: inset 0 0 0 0.2rem #e4e9ec;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }
@ -3562,6 +3569,7 @@
box-shadow: inset 0 0 0 0.2rem #e4e9ec; box-shadow: inset 0 0 0 0.2rem #e4e9ec;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
} }

10
public/themes/saga-blue/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #495057; color: #495057;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ced4da; background: #ced4da;
color: #495057; color: #495057;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #BBDEFB; box-shadow: inset 0 0 0 0.15rem #BBDEFB;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #BBDEFB; box-shadow: inset 0 0 0 0.15rem #BBDEFB;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/saga-green/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #495057; color: #495057;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ced4da; background: #ced4da;
color: #495057; color: #495057;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #C8E6C9; box-shadow: inset 0 0 0 0.15rem #C8E6C9;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #C8E6C9; box-shadow: inset 0 0 0 0.15rem #C8E6C9;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/saga-orange/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: #495057; color: #495057;
@ -201,6 +205,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: #ced4da; background: #ced4da;
color: #495057; color: #495057;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1207,7 +1213,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #FFECB3; box-shadow: inset 0 0 0 0.15rem #FFECB3;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #FFECB3; box-shadow: inset 0 0 0 0.15rem #FFECB3;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none; border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/vela-blue/theme.css
View File

@ -137,9 +137,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1f2d40;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -200,6 +204,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -213,6 +218,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #64B5F6; color: #64B5F6;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1206,7 +1212,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3101,6 +3107,7 @@
box-shadow: inset 0 0 0 1px #BBDEFB; box-shadow: inset 0 0 0 1px #BBDEFB;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3603,6 +3610,7 @@
box-shadow: inset 0 0 0 1px #BBDEFB; box-shadow: inset 0 0 0 1px #BBDEFB;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/vela-green/theme.css
View File

@ -137,9 +137,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1f2d40;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -200,6 +204,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -213,6 +218,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #81C784; color: #81C784;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1206,7 +1212,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3101,6 +3107,7 @@
box-shadow: inset 0 0 0 1px #C8E6C9; box-shadow: inset 0 0 0 1px #C8E6C9;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3603,6 +3610,7 @@
box-shadow: inset 0 0 0 1px #C8E6C9; box-shadow: inset 0 0 0 1px #C8E6C9;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/vela-orange/theme.css
View File

@ -137,9 +137,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1f2d40;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -200,6 +204,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #212529; color: #212529;
@ -213,6 +218,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #FFD54F; color: #FFD54F;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529; color: #212529;
@ -1206,7 +1212,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3101,6 +3107,7 @@
box-shadow: inset 0 0 0 1px #FFECB3; box-shadow: inset 0 0 0 1px #FFECB3;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3603,6 +3610,7 @@
box-shadow: inset 0 0 0 1px #FFECB3; box-shadow: inset 0 0 0 1px #FFECB3;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

10
public/themes/vela-purple/theme.css
View File

@ -137,9 +137,13 @@
border-radius: 3px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1f2d40;
}
.p-datepicker .p-datepicker-header { .p-datepicker .p-datepicker-header {
padding: 0.5rem; padding: 0.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -200,6 +204,7 @@
height: 2.5rem; height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -213,6 +218,7 @@
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
background: transparent; background: transparent;
color: #BA68C8; color: #BA68C8;
border-color: transparent;
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
@ -1206,7 +1212,7 @@
width: 100%; width: 100%;
} }
.p-fluid .p-button-icon-only { .p-fluid .p-button-icon-only {
width: auto; width: 2.357rem;
} }
.p-fluid .p-buttonset { .p-fluid .p-buttonset {
display: flex; display: flex;
@ -3101,6 +3107,7 @@
box-shadow: inset 0 0 0 1px #E1BEE7; box-shadow: inset 0 0 0 1px #E1BEE7;
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
@ -3603,6 +3610,7 @@
box-shadow: inset 0 0 0 1px #E1BEE7; box-shadow: inset 0 0 0 1px #E1BEE7;
} }
.p-tieredmenu.p-menu-overlay { .p-tieredmenu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }

4
src/assets/styles/app/_content.scss
View File

@ -128,6 +128,10 @@
border-bottom: 1px solid var(--primary-color); border-bottom: 1px solid var(--primary-color);
} }
} }
.p-tabview-ink-bar {
display: none;
}
} }
.p-tabview-panels { .p-tabview-panels {

25
src/views/inputtext/InputTextDemo.vue
View File

@ -32,11 +32,22 @@
<InputText type="text" v-model="value4" /> <InputText type="text" v-model="value4" />
</span> </span>
<h5>Disabled</h5> <h5>Help Text</h5>
<InputText type="text" v-model="value5" disabled /> <div class="p-field">
<label for="username1">Username</label>
<InputText id="username1" type="username" aria-describedby="username1-help" />
<small id="username1-help">Enter your username to reset your password.</small>
</div>
<h5>Invalid</h5> <h5>Invalid</h5>
<InputText type="text" class="p-invalid" /> <div class="p-field">
<label for="username2">Username</label>
<InputText id="username2" type="username" aria-describedby="username2-help" class="p-invalid" />
<small id="username2-help" class="p-invalid">Username is not available.</small>
</div>
<h5>Disabled</h5>
<InputText type="text" v-model="value5" disabled />
<h5>Sizes</h5> <h5>Sizes</h5>
<div class="sizes"> <div class="sizes">
@ -81,4 +92,12 @@ export default {
} }
} }
} }
.p-field * {
display: block;
}
small {
margin-top: .25rem;
}
</style> </style>

67
src/views/inputtext/InputTextDoc.vue
View File

@ -106,39 +106,52 @@ import InputText from 'primevue/inputtext';
</a> </a>
<CodeHighlight> <CodeHighlight>
<template v-pre> <template v-pre>
&lt;h5&gt;Basic&lt;/h3&gt; &lt;div class="card"&gt;
&lt;InputText type="text" v-model="value1" /&gt; &lt;h5&gt;Basic&lt;/h5&gt;
&lt;span :style="{marginLeft: '.5em'}"&gt;{{value1}}&lt;/span&gt; &lt;InputText type="text" v-model="value1" /&gt;
&lt;span :style="{marginLeft: '.5em'}"&gt;{{value1}}&lt;/span&gt;
&lt;h3&gt;Floating Label&lt;/h3&gt; &lt;h5&gt;Floating Label&lt;/h5&gt;
&lt;span class="p-float-label"&gt; &lt;span class="p-float-label"&gt;
&lt;InputText id="username" type="text" v-model="value2" /&gt; &lt;InputText id="username" type="text" v-model="value2" /&gt;
&lt;label for="username"&gt;Username&lt;/label&gt; &lt;label for="username"&gt;Username&lt;/label&gt;
&lt;/span&gt; &lt;/span&gt;
&lt;h3&gt;Left Icon&lt;/h3&gt; &lt;h5&gt;Left Icon&lt;/h5&gt;
&lt;span class="p-input-icon-left"&gt; &lt;span class="p-input-icon-left"&gt;
&lt;i class="pi pi-search" /&gt; &lt;i class="pi pi-search" /&gt;
&lt;InputText type="text" v-model="value3" placeholder="Search" /&gt; &lt;InputText type="text" v-model="value3" placeholder="Search" /&gt;
&lt;/span&gt; &lt;/span&gt;
&lt;h3&gt;Right Icon&lt;/h3&gt; &lt;h5&gt;Right Icon&lt;/h5&gt;
&lt;span class="p-input-icon-right"&gt; &lt;span class="p-input-icon-right"&gt;
&lt;i class="pi pi-spin pi-spinner" /&gt; &lt;i class="pi pi-spin pi-spinner" /&gt;
&lt;InputText type="text" v-model="value4" /&gt; &lt;InputText type="text" v-model="value4" /&gt;
&lt;/span&gt; &lt;/span&gt;
&lt;h3&gt;Disabled&lt;/h3&gt; &lt;h5&gt;Help Text&lt;/h5&gt;
&lt;InputText type="text" v-model="value5" disabled /&gt; &lt;div class="p-field"&gt;
&lt;label for="username1"&gt;Username&lt;/label&gt;
&lt;InputText id="username1" type="username" aria-describedby="username1-help" /&gt;
&lt;small id="username1-help"&gt;Enter your username to reset your password.&lt;/small&gt;
&lt;/div&gt;
&lt;h3&gt;Invalid&lt;/h3&gt; &lt;h5&gt;Invalid&lt;/h5&gt;
&lt;InputText type="text" class="p-invalid" /&gt; &lt;div class="p-field"&gt;
&lt;label for="username2"&gt;Username&lt;/label&gt;
&lt;InputText id="username2" type="username" aria-describedby="username2-help" class="p-invalid" /&gt;
&lt;small id="username2-help" class="p-invalid"&gt;Username is not available.&lt;/small&gt;
&lt;/div&gt;
&lt;h3&gt;Sizes&lt;/h3&gt; &lt;h5&gt;Disabled&lt;/h5&gt;
&lt;div class="sizes"&gt; &lt;InputText type="text" v-model="value5" disabled /&gt;
&lt;InputText type="text" class="p-inputtext-sm" placeholder="Small" /&gt;
&lt;InputText type="text" placeholder="Normal" /&gt; &lt;h5&gt;Sizes&lt;/h5&gt;
&lt;InputText type="text" class="p-inputtext-lg" placeholder="Large" /&gt; &lt;div class="sizes"&gt;
&lt;InputText type="text" class="p-inputtext-sm" placeholder="Small" /&gt;
&lt;InputText type="text" placeholder="Normal" /&gt;
&lt;InputText type="text" class="p-inputtext-lg" placeholder="Large" /&gt;
&lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
</template> </template>
</CodeHighlight> </CodeHighlight>