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

Cosmetics on filled input bg

pull/1846/head
Cagatay Civici 2021-11-25 10:34:50 +03:00
parent f663d06db9
commit d6a8401172
4 changed files with 152 additions and 152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
public/themes/lara-dark-blue/theme.css
View File

@ -322,7 +322,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
@ -620,13 +620,13 @@
} }
.p-input-filled .p-cascadeselect { .p-input-filled .p-cascadeselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-cascadeselect:not(.p-disabled):hover { .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-checkbox { .p-checkbox {
@ -670,13 +670,13 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box { .p-input-filled .p-checkbox .p-checkbox-box {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #93C5FD; background: #93C5FD;
} }
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #6cb0fc; background: #6cb0fc;
@ -828,7 +828,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@ -838,13 +838,13 @@
} }
.p-input-filled .p-dropdown { .p-input-filled .p-dropdown {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-dropdown:not(.p-disabled):hover { .p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-dropdown:not(.p-disabled).p-focus { .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -1139,13 +1139,13 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-inputtext:enabled:hover { .p-input-filled .p-inputtext:enabled:hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-inputtext:enabled:focus { .p-input-filled .p-inputtext:enabled:focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-inputtext-sm .p-inputtext { .p-inputtext-sm .p-inputtext {
@ -1204,7 +1204,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-listbox .p-listbox-list .p-listbox-empty-message { .p-listbox .p-listbox-list .p-listbox-empty-message {
@ -1345,7 +1345,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@ -1355,13 +1355,13 @@
} }
.p-input-filled .p-multiselect { .p-input-filled .p-multiselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-multiselect:not(.p-disabled):hover { .p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-multiselect:not(.p-disabled).p-focus { .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-password.p-invalid.p-component > .p-inputtext { .p-password.p-invalid.p-component > .p-inputtext {
@ -1435,10 +1435,10 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box { .p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #93C5FD; background: #93C5FD;
@ -1616,13 +1616,13 @@
} }
.p-input-filled .p-treeselect { .p-input-filled .p-treeselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-treeselect:not(.p-disabled):hover { .p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-treeselect:not(.p-disabled).p-focus { .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-togglebutton.p-button { .p-togglebutton.p-button {
@ -3975,7 +3975,7 @@
} }
.p-breadcrumb { .p-breadcrumb {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
padding: 1rem; padding: 1rem;
@ -4008,7 +4008,7 @@
.p-contextmenu { .p-contextmenu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
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);
@ -4051,7 +4051,7 @@
} }
.p-contextmenu .p-submenu-list { .p-contextmenu .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
border-radius: 6px; border-radius: 6px;
@ -4135,7 +4135,7 @@
} }
.p-megamenu { .p-megamenu {
padding: 0.5rem; padding: 0.5rem;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4226,7 +4226,7 @@
box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5);
} }
.p-megamenu .p-megamenu-panel { .p-megamenu .p-megamenu-panel {
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
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);
@ -4235,7 +4235,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-top-left-radius: 6px; border-top-left-radius: 6px;
@ -4264,7 +4264,7 @@
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4305,7 +4305,7 @@
box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5);
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
} }
@ -4313,7 +4313,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -4325,7 +4325,7 @@
.p-menubar { .p-menubar {
padding: 0.5rem; padding: 0.5rem;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4417,7 +4417,7 @@
} }
.p-menubar .p-submenu-list { .p-menubar .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
width: 12.5rem; width: 12.5rem;
@ -4464,7 +4464,7 @@
position: absolute; position: absolute;
display: none; display: none;
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
width: 100%; width: 100%;
@ -4744,7 +4744,7 @@
.p-tieredmenu { .p-tieredmenu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4785,13 +4785,13 @@
box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5);
} }
.p-tieredmenu.p-tieredmenu-overlay { .p-tieredmenu.p-tieredmenu-overlay {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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-tieredmenu .p-submenu-list { .p-tieredmenu .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
} }

76
public/themes/lara-dark-indigo/theme.css
View File

@ -322,7 +322,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
@ -620,13 +620,13 @@
} }
.p-input-filled .p-cascadeselect { .p-input-filled .p-cascadeselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-cascadeselect:not(.p-disabled):hover { .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-checkbox { .p-checkbox {
@ -670,13 +670,13 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box { .p-input-filled .p-checkbox .p-checkbox-box {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #A5B4FC; background: #A5B4FC;
} }
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #7d92fb; background: #7d92fb;
@ -828,7 +828,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@ -838,13 +838,13 @@
} }
.p-input-filled .p-dropdown { .p-input-filled .p-dropdown {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-dropdown:not(.p-disabled):hover { .p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-dropdown:not(.p-disabled).p-focus { .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -1139,13 +1139,13 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-inputtext:enabled:hover { .p-input-filled .p-inputtext:enabled:hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-inputtext:enabled:focus { .p-input-filled .p-inputtext:enabled:focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-inputtext-sm .p-inputtext { .p-inputtext-sm .p-inputtext {
@ -1204,7 +1204,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-listbox .p-listbox-list .p-listbox-empty-message { .p-listbox .p-listbox-list .p-listbox-empty-message {
@ -1345,7 +1345,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@ -1355,13 +1355,13 @@
} }
.p-input-filled .p-multiselect { .p-input-filled .p-multiselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-multiselect:not(.p-disabled):hover { .p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-multiselect:not(.p-disabled).p-focus { .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-password.p-invalid.p-component > .p-inputtext { .p-password.p-invalid.p-component > .p-inputtext {
@ -1435,10 +1435,10 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box { .p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #A5B4FC; background: #A5B4FC;
@ -1616,13 +1616,13 @@
} }
.p-input-filled .p-treeselect { .p-input-filled .p-treeselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-treeselect:not(.p-disabled):hover { .p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-treeselect:not(.p-disabled).p-focus { .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-togglebutton.p-button { .p-togglebutton.p-button {
@ -3975,7 +3975,7 @@
} }
.p-breadcrumb { .p-breadcrumb {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
padding: 1rem; padding: 1rem;
@ -4008,7 +4008,7 @@
.p-contextmenu { .p-contextmenu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
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);
@ -4051,7 +4051,7 @@
} }
.p-contextmenu .p-submenu-list { .p-contextmenu .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
border-radius: 6px; border-radius: 6px;
@ -4135,7 +4135,7 @@
} }
.p-megamenu { .p-megamenu {
padding: 0.5rem; padding: 0.5rem;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4226,7 +4226,7 @@
box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
} }
.p-megamenu .p-megamenu-panel { .p-megamenu .p-megamenu-panel {
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
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);
@ -4235,7 +4235,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-top-left-radius: 6px; border-top-left-radius: 6px;
@ -4264,7 +4264,7 @@
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4305,7 +4305,7 @@
box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
} }
@ -4313,7 +4313,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -4325,7 +4325,7 @@
.p-menubar { .p-menubar {
padding: 0.5rem; padding: 0.5rem;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4417,7 +4417,7 @@
} }
.p-menubar .p-submenu-list { .p-menubar .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
width: 12.5rem; width: 12.5rem;
@ -4464,7 +4464,7 @@
position: absolute; position: absolute;
display: none; display: none;
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
width: 100%; width: 100%;
@ -4744,7 +4744,7 @@
.p-tieredmenu { .p-tieredmenu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4785,13 +4785,13 @@
box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
} }
.p-tieredmenu.p-tieredmenu-overlay { .p-tieredmenu.p-tieredmenu-overlay {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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-tieredmenu .p-submenu-list { .p-tieredmenu .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
} }

76
public/themes/lara-dark-purple/theme.css
View File

@ -322,7 +322,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
@ -620,13 +620,13 @@
} }
.p-input-filled .p-cascadeselect { .p-input-filled .p-cascadeselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-cascadeselect:not(.p-disabled):hover { .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-checkbox { .p-checkbox {
@ -670,13 +670,13 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box { .p-input-filled .p-checkbox .p-checkbox-box {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #C4B5FD; background: #C4B5FD;
} }
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #a28bfc; background: #a28bfc;
@ -828,7 +828,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@ -838,13 +838,13 @@
} }
.p-input-filled .p-dropdown { .p-input-filled .p-dropdown {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-dropdown:not(.p-disabled):hover { .p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-dropdown:not(.p-disabled).p-focus { .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -1139,13 +1139,13 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-inputtext:enabled:hover { .p-input-filled .p-inputtext:enabled:hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-inputtext:enabled:focus { .p-input-filled .p-inputtext:enabled:focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-inputtext-sm .p-inputtext { .p-inputtext-sm .p-inputtext {
@ -1204,7 +1204,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-listbox .p-listbox-list .p-listbox-empty-message { .p-listbox .p-listbox-list .p-listbox-empty-message {
@ -1345,7 +1345,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@ -1355,13 +1355,13 @@
} }
.p-input-filled .p-multiselect { .p-input-filled .p-multiselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-multiselect:not(.p-disabled):hover { .p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-multiselect:not(.p-disabled).p-focus { .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-password.p-invalid.p-component > .p-inputtext { .p-password.p-invalid.p-component > .p-inputtext {
@ -1435,10 +1435,10 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box { .p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #C4B5FD; background: #C4B5FD;
@ -1616,13 +1616,13 @@
} }
.p-input-filled .p-treeselect { .p-input-filled .p-treeselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-treeselect:not(.p-disabled):hover { .p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-treeselect:not(.p-disabled).p-focus { .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-togglebutton.p-button { .p-togglebutton.p-button {
@ -3975,7 +3975,7 @@
} }
.p-breadcrumb { .p-breadcrumb {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
padding: 1rem; padding: 1rem;
@ -4008,7 +4008,7 @@
.p-contextmenu { .p-contextmenu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
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);
@ -4051,7 +4051,7 @@
} }
.p-contextmenu .p-submenu-list { .p-contextmenu .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
border-radius: 6px; border-radius: 6px;
@ -4135,7 +4135,7 @@
} }
.p-megamenu { .p-megamenu {
padding: 0.5rem; padding: 0.5rem;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4226,7 +4226,7 @@
box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5);
} }
.p-megamenu .p-megamenu-panel { .p-megamenu .p-megamenu-panel {
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
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);
@ -4235,7 +4235,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-top-left-radius: 6px; border-top-left-radius: 6px;
@ -4264,7 +4264,7 @@
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4305,7 +4305,7 @@
box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5);
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
} }
@ -4313,7 +4313,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -4325,7 +4325,7 @@
.p-menubar { .p-menubar {
padding: 0.5rem; padding: 0.5rem;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4417,7 +4417,7 @@
} }
.p-menubar .p-submenu-list { .p-menubar .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
width: 12.5rem; width: 12.5rem;
@ -4464,7 +4464,7 @@
position: absolute; position: absolute;
display: none; display: none;
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
width: 100%; width: 100%;
@ -4744,7 +4744,7 @@
.p-tieredmenu { .p-tieredmenu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4785,13 +4785,13 @@
box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5);
} }
.p-tieredmenu.p-tieredmenu-overlay { .p-tieredmenu.p-tieredmenu-overlay {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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-tieredmenu .p-submenu-list { .p-tieredmenu .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
} }

76
public/themes/lara-dark-teal/theme.css
View File

@ -322,7 +322,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
@ -620,13 +620,13 @@
} }
.p-input-filled .p-cascadeselect { .p-input-filled .p-cascadeselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-cascadeselect:not(.p-disabled):hover { .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-checkbox { .p-checkbox {
@ -670,13 +670,13 @@
} }
.p-input-filled .p-checkbox .p-checkbox-box { .p-input-filled .p-checkbox .p-checkbox-box {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #5EEAD4; background: #5EEAD4;
} }
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #41e6cc; background: #41e6cc;
@ -828,7 +828,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@ -838,13 +838,13 @@
} }
.p-input-filled .p-dropdown { .p-input-filled .p-dropdown {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-dropdown:not(.p-disabled):hover { .p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-dropdown:not(.p-disabled).p-focus { .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
@ -1139,13 +1139,13 @@
} }
.p-input-filled .p-inputtext { .p-input-filled .p-inputtext {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-inputtext:enabled:hover { .p-input-filled .p-inputtext:enabled:hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-inputtext:enabled:focus { .p-input-filled .p-inputtext:enabled:focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-inputtext-sm .p-inputtext { .p-inputtext-sm .p-inputtext {
@ -1204,7 +1204,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-listbox .p-listbox-list .p-listbox-empty-message { .p-listbox .p-listbox-list .p-listbox-empty-message {
@ -1345,7 +1345,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@ -1355,13 +1355,13 @@
} }
.p-input-filled .p-multiselect { .p-input-filled .p-multiselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-multiselect:not(.p-disabled):hover { .p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-multiselect:not(.p-disabled).p-focus { .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-password.p-invalid.p-component > .p-inputtext { .p-password.p-invalid.p-component > .p-inputtext {
@ -1435,10 +1435,10 @@
} }
.p-input-filled .p-radiobutton .p-radiobutton-box { .p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #5EEAD4; background: #5EEAD4;
@ -1616,13 +1616,13 @@
} }
.p-input-filled .p-treeselect { .p-input-filled .p-treeselect {
background: #444c56; background: #2f343a;
} }
.p-input-filled .p-treeselect:not(.p-disabled):hover { .p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: #444c56; background-color: #2f343a;
} }
.p-input-filled .p-treeselect:not(.p-disabled).p-focus { .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: #444c56; background-color: #2f343a;
} }
.p-togglebutton.p-button { .p-togglebutton.p-button {
@ -3975,7 +3975,7 @@
} }
.p-breadcrumb { .p-breadcrumb {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
padding: 1rem; padding: 1rem;
@ -4008,7 +4008,7 @@
.p-contextmenu { .p-contextmenu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
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);
@ -4051,7 +4051,7 @@
} }
.p-contextmenu .p-submenu-list { .p-contextmenu .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
border-radius: 6px; border-radius: 6px;
@ -4135,7 +4135,7 @@
} }
.p-megamenu { .p-megamenu {
padding: 0.5rem; padding: 0.5rem;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4226,7 +4226,7 @@
box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
} }
.p-megamenu .p-megamenu-panel { .p-megamenu .p-megamenu-panel {
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
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);
@ -4235,7 +4235,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-top-left-radius: 6px; border-top-left-radius: 6px;
@ -4264,7 +4264,7 @@
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4305,7 +4305,7 @@
box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
} }
.p-menu.p-menu-overlay { .p-menu.p-menu-overlay {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
} }
@ -4313,7 +4313,7 @@
margin: 0; margin: 0;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #3d444d; background: #2f343a;
font-weight: 700; font-weight: 700;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -4325,7 +4325,7 @@
.p-menubar { .p-menubar {
padding: 0.5rem; padding: 0.5rem;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4417,7 +4417,7 @@
} }
.p-menubar .p-submenu-list { .p-menubar .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
width: 12.5rem; width: 12.5rem;
@ -4464,7 +4464,7 @@
position: absolute; position: absolute;
display: none; display: none;
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
width: 100%; width: 100%;
@ -4744,7 +4744,7 @@
.p-tieredmenu { .p-tieredmenu {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #444c56; border: 1px solid #444c56;
border-radius: 6px; border-radius: 6px;
@ -4785,13 +4785,13 @@
box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
} }
.p-tieredmenu.p-tieredmenu-overlay { .p-tieredmenu.p-tieredmenu-overlay {
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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-tieredmenu .p-submenu-list { .p-tieredmenu .p-submenu-list {
padding: 0.25rem 0; padding: 0.25rem 0;
background: #3d444d; background: #2f343a;
border: 1px solid #444c56; border: 1px solid #444c56;
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);
} }