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

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

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

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

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

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

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