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

Update dark bootstrap

pull/358/head
cagataycivici 2020-06-27 20:15:11 +03:00
parent 9d706184f9
commit c0d75565d4
3 changed files with 91 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,16 +1,16 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #20262e; --surface-a:#2a323d;
--surface-b: #20262e; --surface-b:#20262e;
--surface-c: #343e4d; --surface-c:rgba(255, 255, 255, 0.04);
--surface-d: #3f4b5b; --surface-d:#3f4b5b;
--surface-e: #2a323d; --surface-e:#2a323d;
--surface-f: #2a323d; --surface-f:#2a323d;
--text-color: rgba(255, 255, 255, 0.87); --text-color:rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color: #8dd0ff; --primary-color:#8dd0ff;
--primary-color-text: #151515; --primary-color-text:#151515;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -115,7 +115,7 @@
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #151515; color: #151515;
@ -292,7 +292,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
@ -300,7 +300,7 @@
box-shadow: 0 0 0 1px #e3f3fe; box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
@ -503,7 +503,7 @@
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f19ea6; border-color: #f19ea6;
@ -796,7 +796,7 @@
} }
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-listbox.p-error, .p-listbox.p-invalid { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f19ea6; border-color: #f19ea6;
@ -892,7 +892,7 @@
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
outline: 0 none; outline: 0 none;
@ -1600,7 +1600,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #8dd0ff; background: #8dd0ff;
@ -1624,7 +1624,7 @@
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
background: rgba(255, 255, 255, 0.6); background: #2a323d;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0; border-width: 1px 0 1px 0;
@ -1667,7 +1667,7 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-datatable .p-sortable-column:not(.p-highlight):hover { .p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
@ -1716,7 +1716,7 @@
box-shadow: inset 0 -2px 0 0 #8dd0ff; box-shadow: inset 0 -2px 0 0 #8dd0ff;
} }
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-datatable .p-column-resizer-helper { .p-datatable .p-column-resizer-helper {
@ -1751,7 +1751,7 @@
border-width: 1px; border-width: 1px;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: rgba(0, 0, 0, 0.05); background: rgba(255, 255, 255, 0.02);
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #8dd0ff; background: #8dd0ff;
@ -1821,7 +1821,7 @@
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
} }
.p-dataview .p-dataview-footer { .p-dataview .p-dataview-footer {
background: rgba(255, 255, 255, 0.6); background: #2a323d;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0; border-width: 1px 0 1px 0;
@ -1964,7 +1964,7 @@
transition: transform 0.15s, box-shadow 0.15s; transition: transform 0.15s, box-shadow 0.15s;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-orderlist .p-orderlist-list .p-orderlist-item:focus { .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@ -1994,7 +1994,7 @@
} }
} }
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight { .p-organizationchart .p-organizationchart-node-content.p-highlight {
@ -2062,7 +2062,7 @@
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: #8dd0ff; color: #8dd0ff;
} }
@ -2106,7 +2106,7 @@
color: #151515; color: #151515;
} }
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: #8dd0ff; color: #8dd0ff;
} }
@ -2144,7 +2144,7 @@
transition: transform 0.15s, box-shadow 0.15s; transition: transform 0.15s, box-shadow 0.15s;
} }
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-picklist .p-picklist-list .p-picklist-item:focus { .p-picklist .p-picklist-list .p-picklist-item:focus {
@ -2232,7 +2232,7 @@
color: #151515; color: #151515;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-tree .p-tree-filter-container { .p-tree .p-tree-filter-container {
@ -2270,7 +2270,7 @@
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
background: rgba(255, 255, 255, 0.6); background: #2a323d;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0; border-width: 1px 0 1px 0;
@ -2313,7 +2313,7 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-treetable .p-sortable-column:not(.p-highlight):hover { .p-treetable .p-sortable-column:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
@ -2363,7 +2363,7 @@
color: #151515; color: #151515;
} }
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
@ -2449,7 +2449,7 @@
box-shadow: 0 0 0 1px #e3f3fe; box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -2462,7 +2462,7 @@
} }
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #3f4b5b; border-color: #3f4b5b;
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-accordion .p-accordion-content { .p-accordion .p-accordion-content {
@ -2556,7 +2556,7 @@
box-shadow: 0 0 0 1px #e3f3fe; box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -2925,7 +2925,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3040,7 +3040,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-megamenu .p-menuitem-link:not(.p-disabled):hover { .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3119,7 +3119,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-menu .p-menuitem-link:not(.p-disabled):hover { .p-menu .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3179,7 +3179,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-menubar .p-menuitem-link:not(.p-disabled):hover { .p-menubar .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3335,7 +3335,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3419,7 +3419,7 @@
box-shadow: 0 0 0 1px #e3f3fe; box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -3435,7 +3435,7 @@
} }
.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
border-color: #3f4b5b; border-color: #3f4b5b;
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-panelmenu .p-panelmenu-content { .p-panelmenu .p-panelmenu-content {
@ -3468,7 +3468,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3622,7 +3622,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3986,7 +3986,7 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-inplace .p-inplace-display:focus { .p-inplace .p-inplace-display:focus {

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

@ -1,16 +1,16 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #20262e; --surface-a:#2a323d;
--surface-b: #20262e; --surface-b:#20262e;
--surface-c: #343e4d; --surface-c:rgba(255, 255, 255, 0.04);
--surface-d: #3f4b5b; --surface-d:#3f4b5b;
--surface-e: #2a323d; --surface-e:#2a323d;
--surface-f: #2a323d; --surface-f:#2a323d;
--text-color: rgba(255, 255, 255, 0.87); --text-color:rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color: #c298d8; --primary-color:#c298d8;
--primary-color-text: #151515; --primary-color-text:#151515;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
} }
* { * {
@ -115,7 +115,7 @@
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #151515; color: #151515;
@ -292,7 +292,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
@ -300,7 +300,7 @@
box-shadow: 0 0 0 1px #f0e6f5; box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none; outline: 0 none;
@ -503,7 +503,7 @@
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f19ea6; border-color: #f19ea6;
@ -796,7 +796,7 @@
} }
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-listbox.p-error, .p-listbox.p-invalid { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f19ea6; border-color: #f19ea6;
@ -892,7 +892,7 @@
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
outline: 0 none; outline: 0 none;
@ -1600,7 +1600,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #c298d8; background: #c298d8;
@ -1624,7 +1624,7 @@
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
background: rgba(255, 255, 255, 0.6); background: #2a323d;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0; border-width: 1px 0 1px 0;
@ -1667,7 +1667,7 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-datatable .p-sortable-column:not(.p-highlight):hover { .p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
@ -1716,7 +1716,7 @@
box-shadow: inset 0 -2px 0 0 #c298d8; box-shadow: inset 0 -2px 0 0 #c298d8;
} }
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-datatable .p-column-resizer-helper { .p-datatable .p-column-resizer-helper {
@ -1751,7 +1751,7 @@
border-width: 1px; border-width: 1px;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: rgba(0, 0, 0, 0.05); background: rgba(255, 255, 255, 0.02);
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #c298d8; background: #c298d8;
@ -1821,7 +1821,7 @@
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
} }
.p-dataview .p-dataview-footer { .p-dataview .p-dataview-footer {
background: rgba(255, 255, 255, 0.6); background: #2a323d;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0; border-width: 1px 0 1px 0;
@ -1964,7 +1964,7 @@
transition: transform 0.15s, box-shadow 0.15s; transition: transform 0.15s, box-shadow 0.15s;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-orderlist .p-orderlist-list .p-orderlist-item:focus { .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@ -1994,7 +1994,7 @@
} }
} }
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight { .p-organizationchart .p-organizationchart-node-content.p-highlight {
@ -2062,7 +2062,7 @@
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: #c298d8; color: #c298d8;
} }
@ -2106,7 +2106,7 @@
color: #151515; color: #151515;
} }
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: #c298d8; color: #c298d8;
} }
@ -2144,7 +2144,7 @@
transition: transform 0.15s, box-shadow 0.15s; transition: transform 0.15s, box-shadow 0.15s;
} }
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-picklist .p-picklist-list .p-picklist-item:focus { .p-picklist .p-picklist-list .p-picklist-item:focus {
@ -2232,7 +2232,7 @@
color: #151515; color: #151515;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-tree .p-tree-filter-container { .p-tree .p-tree-filter-container {
@ -2270,7 +2270,7 @@
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
background: rgba(255, 255, 255, 0.6); background: #2a323d;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b; border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0; border-width: 1px 0 1px 0;
@ -2313,7 +2313,7 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-treetable .p-sortable-column:not(.p-highlight):hover { .p-treetable .p-sortable-column:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
@ -2363,7 +2363,7 @@
color: #151515; color: #151515;
} }
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
@ -2449,7 +2449,7 @@
box-shadow: 0 0 0 1px #f0e6f5; box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -2462,7 +2462,7 @@
} }
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #3f4b5b; border-color: #3f4b5b;
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-accordion .p-accordion-content { .p-accordion .p-accordion-content {
@ -2556,7 +2556,7 @@
box-shadow: 0 0 0 1px #f0e6f5; box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -2925,7 +2925,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3040,7 +3040,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-megamenu .p-menuitem-link:not(.p-disabled):hover { .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3119,7 +3119,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-menu .p-menuitem-link:not(.p-disabled):hover { .p-menu .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3179,7 +3179,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-menubar .p-menuitem-link:not(.p-disabled):hover { .p-menubar .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3335,7 +3335,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3419,7 +3419,7 @@
box-shadow: 0 0 0 1px #f0e6f5; box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b; border-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -3435,7 +3435,7 @@
} }
.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
border-color: #3f4b5b; border-color: #3f4b5b;
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-panelmenu .p-panelmenu-content { .p-panelmenu .p-panelmenu-content {
@ -3468,7 +3468,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3622,7 +3622,7 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
} }
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3986,7 +3986,7 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #20262e; background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-inplace .p-inplace-display:focus { .p-inplace .p-inplace-display:focus {

2
src/assets/styles/app/_topbar.scss
View File

@ -96,7 +96,7 @@
width: 275px; width: 275px;
max-height: 400px; max-height: 400px;
background-color: var(--surface-f); background-color: var(--surface-f);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
overflow: auto; overflow: auto;
list-style-type: none; list-style-type: none;
padding: 1rem; padding: 1rem;