From edbc2831f075ef6872da5e3fdc574f5949f0a9ab Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Wed, 14 Oct 2020 14:50:55 +0300 Subject: [PATCH] Fixed #557, Fixed #559, Fixed #560, Fixed #561, Fixed #568, Fixed #570, Fixed #572 --- .gitignore | 3 + gulpfile.js | 2 +- public/demo/images/themes/fluent-light.png | Bin 0 -> 19817 bytes public/demo/images/themes/soho-dark.png | Bin 0 -> 12929 bytes public/demo/images/themes/soho-light.png | Bin 0 -> 12885 bytes public/themes/arya-blue/theme.css | 208 +- public/themes/arya-green/theme.css | 208 +- public/themes/arya-orange/theme.css | 208 +- public/themes/arya-purple/theme.css | 208 +- public/themes/bootstrap4-dark-blue/theme.css | 72 +- .../themes/bootstrap4-dark-purple/theme.css | 72 +- public/themes/bootstrap4-light-blue/theme.css | 170 +- .../themes/bootstrap4-light-purple/theme.css | 170 +- public/themes/fluent-light/theme.css | 4451 +++++++++++++++++ public/themes/luna-amber/theme.css | 64 +- public/themes/luna-blue/theme.css | 64 +- public/themes/luna-green/theme.css | 64 +- public/themes/luna-pink/theme.css | 64 +- public/themes/md-dark-deeppurple/theme.css | 74 +- public/themes/md-dark-indigo/theme.css | 74 +- public/themes/md-light-deeppurple/theme.css | 74 +- public/themes/md-light-indigo/theme.css | 74 +- public/themes/mdc-dark-deeppurple/theme.css | 76 +- public/themes/mdc-dark-indigo/theme.css | 76 +- public/themes/mdc-light-deeppurple/theme.css | 76 +- public/themes/mdc-light-indigo/theme.css | 76 +- public/themes/nova-accent/theme.css | 64 +- public/themes/nova-alt/theme.css | 64 +- public/themes/nova-vue/theme.css | 64 +- public/themes/nova/theme.css | 64 +- public/themes/rhea/theme.css | 64 +- public/themes/saga-blue/theme.css | 201 +- public/themes/saga-green/theme.css | 201 +- public/themes/saga-orange/theme.css | 201 +- public/themes/saga-purple/theme.css | 201 +- public/themes/vela-blue/theme.css | 208 +- public/themes/vela-green/theme.css | 208 +- public/themes/vela-orange/theme.css | 208 +- public/themes/vela-purple/theme.css | 208 +- src/AppConfigurator.vue | 29 +- src/AppTopBar.vue | 12 +- 41 files changed, 7197 insertions(+), 1428 deletions(-) create mode 100644 public/demo/images/themes/fluent-light.png create mode 100644 public/demo/images/themes/soho-dark.png create mode 100644 public/demo/images/themes/soho-light.png create mode 100644 public/themes/fluent-light/theme.css diff --git a/.gitignore b/.gitignore index f292afd972..e76c0d4e2b 100644 --- a/.gitignore +++ b/.gitignore @@ -31,3 +31,6 @@ yarn-error.log* *.sln *.sw* +# Themes +public/themes/soho-light/ +public/themes/soho-dark/ \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 6967a88b54..2708782902 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -25,7 +25,7 @@ gulp.task('build-css', function() { gulp.task('build-themes', function() { return gulp.src([ - 'public/themes/**/*' + 'public/themes/**/*','!public/themes/soho-*/**/*' ]) .pipe(gulp.dest('resources/themes')); }) diff --git a/public/demo/images/themes/fluent-light.png b/public/demo/images/themes/fluent-light.png new file mode 100644 index 0000000000000000000000000000000000000000..4766eebb75c60b6a08d515beaf1756ae02487e51 GIT binary patch literal 19817 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 literal 0 HcmV?d00001 diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index a3bb69872f..9b0b1e818b 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #383838; @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #64B5F6; + background: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #64B5F6; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #2396f2; background: #2396f2; color: #212529; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #383838; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #383838; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #64B5F6; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #2396f2; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #212529; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1087,10 +1083,6 @@ background: #2396f2; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #212529; -} - .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #F48FB1; } -.p-highlight .p-rating .p-rating-icon { - color: #212529; -} - .p-selectbutton .p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1278,6 +1266,18 @@ color: #64B5F6; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #64B5F6; @@ -1731,11 +1731,11 @@ border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); + background: #4c4c4c; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; } -.p-datatable .p-sortable-column { - outline-color: #93cbf9; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #64B5F6; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #64B5F6; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #64B5F6; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #93cbf9; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #64B5F6; + box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #64B5F6; + box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1903,14 +1911,14 @@ background: rgba(255, 255, 255, 0.01); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #43a5f4; color: #212529; border-color: #43a5f4; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 1px #93cbf9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } @media screen and (max-width: 960px) { @@ -2147,11 +2165,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #0c78cf; + color: rgba(12, 120, 207, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: #383838; @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 1px #93cbf9; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } @media screen and (max-width: 960px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #212529; + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #1e1e1e; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4104,11 +4134,11 @@ border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); + background: #4c4c4c; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,13 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #64B5F6; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #64B5F6; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #64B5F6; +} diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 51e8d090e8..9b033a1b82 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #383838; @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #81C784; + background: #81C784; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #81C784; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #81C784; - background: #81C784; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #54b358; background: #54b358; color: #212529; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #383838; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #383838; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #81C784; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #54b358; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #212529; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1087,10 +1083,6 @@ background: #54b358; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #212529; -} - .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #F48FB1; } -.p-highlight .p-rating .p-rating-icon { - color: #212529; -} - .p-selectbutton .p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1278,6 +1266,18 @@ color: #81C784; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #81C784; @@ -1731,11 +1731,11 @@ border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); + background: #4c4c4c; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; } -.p-datatable .p-sortable-column { - outline-color: #a7d8a9; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #81C784; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #81C784; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #81C784; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #a7d8a9; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #81C784; + box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #81C784; + box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1903,14 +1911,14 @@ background: rgba(255, 255, 255, 0.01); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #6abd6e; color: #212529; border-color: #6abd6e; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 1px #a7d8a9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } @media screen and (max-width: 960px) { @@ -2147,11 +2165,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #3e8b41; + color: rgba(62, 139, 65, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: #383838; @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #81C784; - border-color: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + border-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 1px #a7d8a9; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } @media screen and (max-width: 960px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #212529; + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #1e1e1e; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4104,11 +4134,11 @@ border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); + background: #4c4c4c; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,13 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #81C784; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #81C784; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #81C784; +} diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index ca2aed1f49..688ea74a0d 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #383838; @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #FFD54F; + background: #FFD54F; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #FFD54F; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #ffc50c; background: #ffc50c; color: #212529; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #383838; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #383838; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #FFD54F; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #ffc50c; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #212529; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1087,10 +1083,6 @@ background: #ffc50c; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #212529; -} - .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #F48FB1; } -.p-highlight .p-rating .p-rating-icon { - color: #212529; -} - .p-selectbutton .p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1278,6 +1266,18 @@ color: #FFD54F; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #FFD54F; @@ -1731,11 +1731,11 @@ border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); + background: #4c4c4c; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; } -.p-datatable .p-sortable-column { - outline-color: #ffe284; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #FFD54F; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #FFD54F; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #FFD54F; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #ffe284; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFD54F; + box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFD54F; + box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1903,14 +1911,14 @@ background: rgba(255, 255, 255, 0.01); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #ffcd2e; color: #212529; border-color: #ffcd2e; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 1px #ffe284; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } @media screen and (max-width: 960px) { @@ -2147,11 +2165,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #cf9d00; + color: rgba(207, 157, 0, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: #383838; @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + border-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 1px #ffe284; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } @media screen and (max-width: 960px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 1px #ffe284; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #212529; + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #1e1e1e; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 1px #ffe284; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4104,11 +4134,11 @@ border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); + background: #4c4c4c; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,13 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #FFD54F; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #FFD54F; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #FFD54F; +} diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index cdcc19f50e..7712e7f1d2 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #383838; @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #BA68C8; + background: #BA68C8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #BA68C8; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #a241b2; background: #a241b2; color: #ffffff; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #383838; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #383838; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #BA68C8; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #a241b2; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #383838; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #ffffff; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1087,10 +1083,6 @@ background: #a241b2; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #ffffff; -} - .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #F48FB1; } -.p-highlight .p-rating .p-rating-icon { - color: #ffffff; -} - .p-selectbutton .p-button { background: #1e1e1e; border: 1px solid #383838; @@ -1278,6 +1266,18 @@ color: #BA68C8; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #BA68C8; @@ -1731,11 +1731,11 @@ border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); + background: #4c4c4c; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; } -.p-datatable .p-sortable-column { - outline-color: #cf95d9; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #BA68C8; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #BA68C8; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #BA68C8; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #cf95d9; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #BA68C8; + box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #BA68C8; + box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1903,14 +1911,14 @@ background: rgba(255, 255, 255, 0.01); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #b052c0; color: #ffffff; border-color: #b052c0; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 1px #cf95d9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } @media screen and (max-width: 960px) { @@ -2147,11 +2165,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #752f81; + color: rgba(117, 47, 129, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: #383838; @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + border-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 1px #cf95d9; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } @media screen and (max-width: 960px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #1e1e1e; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4104,11 +4134,11 @@ border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); + background: #4c4c4c; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,13 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #BA68C8; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #BA68C8; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #BA68C8; +} diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index c50d9f71d7..fcdf63731a 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -342,20 +342,20 @@ color: #151515; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #8dd0ff; + background: #8dd0ff; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #3f4b5b; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #8dd0ff; - background: #8dd0ff; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #1dadff; background: #1dadff; color: #151515; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #3f4b5b; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #3f4b5b; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #8dd0ff; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1dadff; } @@ -1278,6 +1278,18 @@ color: #8dd0ff; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #8dd0ff; @@ -1781,9 +1793,6 @@ color: rgba(255, 255, 255, 0.87); background: #2a323d; } -.p-datatable .p-sortable-column { - outline-color: #e3f3fe; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #8dd0ff; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: #8dd0ff; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #8dd0ff; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #e3f3fe; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #56bdff; color: #151515; border-color: #56bdff; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #1dadff; + color: #151515; + border-color: #1dadff; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #151515; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #151515; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -2650,6 +2684,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2702,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #2a323d; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index f8565ad698..d5ffd7e5cf 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -342,20 +342,20 @@ color: #151515; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #c298d8; + background: #c298d8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #3f4b5b; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #c298d8; - background: #c298d8; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #9954bb; background: #9954bb; color: #151515; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #3f4b5b; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #3f4b5b; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #c298d8; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #3f4b5b; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #9954bb; } @@ -1278,6 +1278,18 @@ color: #c298d8; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #c298d8; @@ -1781,9 +1793,6 @@ color: rgba(255, 255, 255, 0.87); background: #2a323d; } -.p-datatable .p-sortable-column { - outline-color: #f0e6f5; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #c298d8; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: #c298d8; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #c298d8; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #f0e6f5; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #aa70c7; color: #151515; border-color: #aa70c7; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #9954bb; + color: #151515; + border-color: #9954bb; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #151515; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #151515; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -2650,6 +2684,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2702,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #2a323d; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 96f6cd1ade..15b346b8df 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -1,7 +1,7 @@ @charset "UTF-8"; :root { --surface-a:#ffffff; - --surface-b:rgba(0, 0, 0, 0.03); + --surface-b:#efefef; --surface-c:#e9ecef; --surface-d:#dee2e6; --surface-e:#ffffff; @@ -142,7 +142,7 @@ box-shadow: none; } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-datepicker .p-datepicker-header { padding: 0.5rem; @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #007bff; + background: #007bff; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #ced4da; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #007bff; - background: #007bff; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #0062cc; background: #0062cc; color: #ffffff; @@ -365,15 +365,15 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: rgba(0, 0, 0, 0.03); -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #007bff; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #efefef; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #0062cc; } @@ -490,7 +490,7 @@ padding: 0.75rem 1.5rem; border-bottom: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -529,17 +529,17 @@ } .p-input-filled .p-dropdown { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-editor-container .p-editor-toolbar { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border-top-right-radius: 4px; border-top-left-radius: 4px; } @@ -824,13 +824,13 @@ } .p-input-filled .p-inputtext { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-inputtext-sm .p-inputtext { @@ -853,7 +853,7 @@ padding: 0.75rem 1.5rem; border-bottom: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -942,7 +942,7 @@ padding: 0.75rem 1.5rem; border-bottom: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -1012,13 +1012,13 @@ } .p-input-filled .p-multiselect { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-password-panel { @@ -1075,10 +1075,10 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #007bff; @@ -1278,6 +1278,18 @@ color: #007bff; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} .p-button.p-button-text { background-color: transparent; color: #007bff; @@ -1747,7 +1759,7 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: solid #dee2e6; border-width: 1px 0 0 0; @@ -1755,7 +1767,7 @@ font-weight: 600; } .p-datatable .p-datatable-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; @@ -1781,9 +1793,6 @@ color: #212529; background: #ffffff; } -.p-datatable .p-sortable-column { - outline-color: rgba(38, 143, 255, 0.5); -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #007bff; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #007bff; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #007bff; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #212529; @@ -1873,7 +1893,7 @@ } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -1952,7 +1972,7 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: solid #dee2e6; border-width: 1px 0 0 0; @@ -1970,7 +1990,7 @@ border-width: 1px 0 0 0; } .p-dataview .p-dataview-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; @@ -1981,7 +2001,7 @@ } .fc .fc-view-container th { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 1px solid #dee2e6; color: #212529; } @@ -2002,7 +2022,7 @@ color: #ffffff; } .fc .fc-view-container .fc-divider { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 1px solid #dee2e6; } .fc .fc-toolbar .fc-button { @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #0069d9; color: #ffffff; border-color: #0069d9; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #0062cc; + color: #ffffff; + border-color: #0062cc; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2087,7 +2117,7 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; padding: 1rem 1.25rem; @@ -2262,7 +2292,7 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; padding: 1rem 1.25rem; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -2418,7 +2452,7 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: solid #dee2e6; border-width: 1px 0 0 0; @@ -2426,7 +2460,7 @@ font-weight: 600; } .p-treetable .p-treetable-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; @@ -2542,7 +2576,7 @@ } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -2603,7 +2637,7 @@ padding: 1rem 1.25rem; border: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; font-weight: 600; border-radius: 4px; transition: box-shadow 0.15s; @@ -2622,7 +2656,7 @@ color: #212529; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border-color: #dee2e6; color: #212529; border-bottom-right-radius: 0; @@ -2650,6 +2684,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2702,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #ffffff; @@ -2701,7 +2743,7 @@ padding: 1rem 1.25rem; border: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; font-weight: 600; border-radius: 4px; } @@ -2735,7 +2777,7 @@ .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem 1.25rem; - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -2783,7 +2825,7 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 0 none; } @@ -2833,7 +2875,7 @@ } .p-toolbar { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 1px solid #dee2e6; padding: 1rem 1.25rem; border-radius: 4px; @@ -2999,7 +3041,7 @@ } .p-fileupload .p-fileupload-buttonbar { - background: rgba(0, 0, 0, 0.03); + background: #efefef; padding: 1rem 1.25rem; border: 1px solid #dee2e6; color: #212529; @@ -3045,7 +3087,7 @@ } .p-breadcrumb { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 0 none; border-radius: 4px; padding: 1rem; @@ -3143,7 +3185,7 @@ .p-megamenu { padding: 0.5rem 1rem; - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: rgba(0, 0, 0, 0.9); border: 0 none; border-radius: 4px; @@ -3333,7 +3375,7 @@ .p-menubar { padding: 0.5rem 1rem; - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: rgba(0, 0, 0, 0.9); border: 0 none; border-radius: 4px; @@ -3573,7 +3615,7 @@ padding: 1rem 1.25rem; border: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; font-weight: 600; border-radius: 4px; transition: box-shadow 0.15s; @@ -3598,7 +3640,7 @@ margin-bottom: 0; } .p-panelmenu .p-panelmenu-header.p-highlight > a { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border-color: #dee2e6; color: #212529; border-bottom-right-radius: 0; @@ -4058,7 +4100,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: rgba(0, 0, 0, 0.03); + color: #efefef; width: 4rem; height: 4rem; transition: box-shadow 0.15s; @@ -4069,11 +4111,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.03); + color: #efefef; } .p-galleria .p-galleria-item-nav { background: transparent; - color: rgba(0, 0, 0, 0.03); + color: #efefef; width: 4rem; height: 4rem; transition: box-shadow 0.15s; @@ -4086,11 +4128,11 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.03); + color: #efefef; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: rgba(0, 0, 0, 0.03); + color: #efefef; padding: 1rem; } .p-galleria .p-galleria-indicators { @@ -4137,7 +4179,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: rgba(0, 0, 0, 0.03); + color: #efefef; width: 2rem; height: 2rem; transition: box-shadow 0.15s; @@ -4146,7 +4188,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.03); + color: #efefef; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { transition: box-shadow 0.15s; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 9d2a78b3e6..fcc9b491b8 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -1,7 +1,7 @@ @charset "UTF-8"; :root { --surface-a:#ffffff; - --surface-b:rgba(0, 0, 0, 0.03); + --surface-b:#efefef; --surface-c:#e9ecef; --surface-d:#dee2e6; --surface-e:#ffffff; @@ -142,7 +142,7 @@ box-shadow: none; } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-datepicker .p-datepicker-header { padding: 0.5rem; @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #883cae; + background: #883cae; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #ced4da; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #883cae; - background: #883cae; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #68329e; background: #68329e; color: #ffffff; @@ -365,15 +365,15 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: rgba(0, 0, 0, 0.03); -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #883cae; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #efefef; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #68329e; } @@ -490,7 +490,7 @@ padding: 0.75rem 1.5rem; border-bottom: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -529,17 +529,17 @@ } .p-input-filled .p-dropdown { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-editor-container .p-editor-toolbar { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border-top-right-radius: 4px; border-top-left-radius: 4px; } @@ -824,13 +824,13 @@ } .p-input-filled .p-inputtext { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-inputtext-sm .p-inputtext { @@ -853,7 +853,7 @@ padding: 0.75rem 1.5rem; border-bottom: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -942,7 +942,7 @@ padding: 0.75rem 1.5rem; border-bottom: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -1012,13 +1012,13 @@ } .p-input-filled .p-multiselect { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-password-panel { @@ -1075,10 +1075,10 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(0, 0, 0, 0.03); + background-color: #efefef; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #883cae; @@ -1278,6 +1278,18 @@ color: #883cae; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} .p-button.p-button-text { background-color: transparent; color: #883cae; @@ -1747,7 +1759,7 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: solid #dee2e6; border-width: 1px 0 0 0; @@ -1755,7 +1767,7 @@ font-weight: 600; } .p-datatable .p-datatable-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; @@ -1781,9 +1793,6 @@ color: #212529; background: #ffffff; } -.p-datatable .p-sortable-column { - outline-color: rgba(136, 60, 174, 0.5); -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #883cae; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #883cae; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #883cae; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #212529; @@ -1873,7 +1893,7 @@ } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -1952,7 +1972,7 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: solid #dee2e6; border-width: 1px 0 0 0; @@ -1970,7 +1990,7 @@ border-width: 1px 0 0 0; } .p-dataview .p-dataview-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; @@ -1981,7 +2001,7 @@ } .fc .fc-view-container th { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 1px solid #dee2e6; color: #212529; } @@ -2002,7 +2022,7 @@ color: #ffffff; } .fc .fc-view-container .fc-divider { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 1px solid #dee2e6; } .fc .fc-toolbar .fc-button { @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #7a38a7; color: #ffffff; border-color: #7a38a7; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #68329e; + color: #ffffff; + border-color: #68329e; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2087,7 +2117,7 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; padding: 1rem 1.25rem; @@ -2262,7 +2292,7 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; padding: 1rem 1.25rem; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -2418,7 +2452,7 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: solid #dee2e6; border-width: 1px 0 0 0; @@ -2426,7 +2460,7 @@ font-weight: 600; } .p-treetable .p-treetable-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; @@ -2542,7 +2576,7 @@ } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: rgba(0, 0, 0, 0.03); + background: #efefef; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -2603,7 +2637,7 @@ padding: 1rem 1.25rem; border: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; font-weight: 600; border-radius: 4px; transition: box-shadow 0.15s; @@ -2622,7 +2656,7 @@ color: #212529; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border-color: #dee2e6; color: #212529; border-bottom-right-radius: 0; @@ -2650,6 +2684,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2702,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #ffffff; @@ -2701,7 +2743,7 @@ padding: 1rem 1.25rem; border: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; font-weight: 600; border-radius: 4px; } @@ -2735,7 +2777,7 @@ .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem 1.25rem; - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: #212529; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -2783,7 +2825,7 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 0 none; } @@ -2833,7 +2875,7 @@ } .p-toolbar { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 1px solid #dee2e6; padding: 1rem 1.25rem; border-radius: 4px; @@ -2999,7 +3041,7 @@ } .p-fileupload .p-fileupload-buttonbar { - background: rgba(0, 0, 0, 0.03); + background: #efefef; padding: 1rem 1.25rem; border: 1px solid #dee2e6; color: #212529; @@ -3045,7 +3087,7 @@ } .p-breadcrumb { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border: 0 none; border-radius: 4px; padding: 1rem; @@ -3143,7 +3185,7 @@ .p-megamenu { padding: 0.5rem 1rem; - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: rgba(0, 0, 0, 0.9); border: 0 none; border-radius: 4px; @@ -3333,7 +3375,7 @@ .p-menubar { padding: 0.5rem 1rem; - background: rgba(0, 0, 0, 0.03); + background: #efefef; color: rgba(0, 0, 0, 0.9); border: 0 none; border-radius: 4px; @@ -3573,7 +3615,7 @@ padding: 1rem 1.25rem; border: 1px solid #dee2e6; color: #212529; - background: rgba(0, 0, 0, 0.03); + background: #efefef; font-weight: 600; border-radius: 4px; transition: box-shadow 0.15s; @@ -3598,7 +3640,7 @@ margin-bottom: 0; } .p-panelmenu .p-panelmenu-header.p-highlight > a { - background: rgba(0, 0, 0, 0.03); + background: #efefef; border-color: #dee2e6; color: #212529; border-bottom-right-radius: 0; @@ -4058,7 +4100,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: rgba(0, 0, 0, 0.03); + color: #efefef; width: 4rem; height: 4rem; transition: box-shadow 0.15s; @@ -4069,11 +4111,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.03); + color: #efefef; } .p-galleria .p-galleria-item-nav { background: transparent; - color: rgba(0, 0, 0, 0.03); + color: #efefef; width: 4rem; height: 4rem; transition: box-shadow 0.15s; @@ -4086,11 +4128,11 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.03); + color: #efefef; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: rgba(0, 0, 0, 0.03); + color: #efefef; padding: 1rem; } .p-galleria .p-galleria-indicators { @@ -4137,7 +4179,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: rgba(0, 0, 0, 0.03); + color: #efefef; width: 2rem; height: 2rem; transition: box-shadow 0.15s; @@ -4146,7 +4188,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.03); + color: #efefef; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { transition: box-shadow 0.15s; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css new file mode 100644 index 0000000000..df4124790f --- /dev/null +++ b/public/themes/fluent-light/theme.css @@ -0,0 +1,4451 @@ +@charset "UTF-8"; +:root { + --surface-a:#ffffff; + --surface-b:#faf9f8; + --surface-c:#f3f2f1; + --surface-d:#edebe9; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#323130; + --text-color-secondary:#605e5c; + --primary-color:#0078d4; + --primary-color-text:#ffffff; + --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; +} + +* { + box-sizing: border-box; +} + +.p-component { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.6; +} + +.p-error, .p-invalid { + color: #a4252c; +} + +.p-text-secondary { + color: #605e5c; +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + border-radius: 2px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.5rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; +} +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: #323130; +} +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; +} +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #323130; + padding: 0; + margin: 0; +} +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #edebe9; + color: #323130; + border-radius: 2px; +} +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} +.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext { + border-color: #a4252c; +} + +.p-autocomplete-panel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-autocomplete-panel .p-autocomplete-items { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: #323130; + background: #f3f2f1; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #323130; + background: #edebe9; +} + +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #a4252c; +} + +.p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #323130; + border: 1px solid #605e5c; + border-radius: 2px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0 0.5rem 0.5rem 0.5rem; + color: #323130; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 0 none; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title select { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2rem; + height: 2rem; +} +.p-datepicker table td { + padding: 1px; +} +.p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 2px; + transition: box-shadow 0.2s; + border: 0 none; +} +.p-datepicker table td > span.p-highlight { + color: #323130; + background: #edebe9; +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker table td.p-datepicker-today > span { + background: #0078d4; + color: #ffffff; + border-color: transparent; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #323130; + background: #edebe9; +} +.p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #edebe9; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid #edebe9; + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 1px; + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #323130; + background: #edebe9; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid #edebe9; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + border-right: 0 none; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f3f2f1; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { + background: #f3f2f1; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-datepicker-mask.p-component-overlay { + background: rgba(0, 0, 0, 0.4); +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-checkbox { + width: 20px; + height: 20px; +} +.p-checkbox .p-checkbox-box { + border: 1px solid #605e5c; + background: #ffffff; + width: 20px; + height: 20px; + color: #323130; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #0078d4; + background: #0078d4; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #323130; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #005a9e; + background: #005a9e; + color: #ffffff; +} +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #a4252c; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #faf9f8; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #0078d4; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #faf9f8; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #005a9e; +} + +.p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: #323130; +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #edebe9; + color: #323130; + border-radius: 2px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #323130; + padding: 0; + margin: 0; +} +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #a4252c; +} + +.p-colorpicker-preview { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border-color: #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} + +.p-dropdown { + background: #ffffff; + border: 1px solid #605e5c; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: #323130; +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: #605e5c; +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: #605e5c; + width: 2.357rem; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.p-dropdown .p-dropdown-clear-icon { + color: #605e5c; + right: 2.357rem; +} +.p-dropdown.p-error, .p-dropdown.p-invalid { + border-color: #a4252c; +} + +.p-dropdown-panel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 0.5rem; + border-bottom: 1px solid #edebe9; + color: #323130; + background: #ffffff; + margin: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-dropdown-panel .p-dropdown-items { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; +} + +.p-input-filled .p-dropdown { + background: #faf9f8; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #faf9f8; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #faf9f8; +} + +.p-editor-container .p-editor-toolbar { + background: #faf9f8; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #a19f9d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border-radius: 2px; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #323130; + padding: 0.75rem 0.5rem; + border-radius: 2px; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #323130; + background: #f3f2f1; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #a19f9d; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #0078d4; +} + +.p-inputgroup-addon { + background: #f3f2f1; + color: #605e5c; + border-top: 1px solid #605e5c; + border-left: 1px solid #605e5c; + border-bottom: 1px solid #605e5c; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid #605e5c; +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; +} + +.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext { + border-color: #a4252c; +} + +.p-inputswitch { + width: 3rem; + height: 1.75rem; +} +.p-inputswitch .p-inputswitch-slider { + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #605e5c; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #0078d4; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #005a9e; +} +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #a4252c; +} + +.p-inputtext { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + color: #323130; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #605e5c; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 2px; +} +.p-inputtext:enabled:hover { + border-color: #323130; +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #a4252c; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-float-label > label { + left: 0.5rem; + color: #605e5c; + transition-duration: 0.2s; +} + +.p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #605e5c; +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #605e5c; +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2rem; +} + +::-webkit-input-placeholder { + color: #605e5c; +} + +:-moz-placeholder { + color: #605e5c; +} + +::-moz-placeholder { + color: #605e5c; +} + +:-ms-input-placeholder { + color: #605e5c; +} + +.p-input-filled .p-inputtext { + background-color: #faf9f8; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #faf9f8; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #faf9f8; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; +} + +.p-listbox { + background: #ffffff; + color: #323130; + border: 1px solid #605e5c; + border-radius: 2px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem 0.5rem; + border-bottom: 1px solid #edebe9; + color: #323130; + background: #ffffff; + margin: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; +} +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #a4252c; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid #605e5c; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: #323130; +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: #605e5c; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: #605e5c; + width: 2.357rem; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.p-multiselect.p-error, .p-multiselect.p-invalid { + border-color: #a4252c; +} + +.p-multiselect-panel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 0.5rem; + border-bottom: 1px solid #edebe9; + color: #323130; + background: #ffffff; + margin: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-multiselect-panel .p-multiselect-items { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.5rem; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #323130; + background: #edebe9; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; +} + +.p-input-filled .p-multiselect { + background: #faf9f8; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #faf9f8; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #faf9f8; +} + +.p-password-panel { + padding: 1rem; + background: #ffffff; + color: #323130; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border-radius: 2px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 1px solid #605e5c; + background: #ffffff; + width: 20px; + height: 20px; + color: #323130; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #323130; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #0078d4; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #0078d4; + background: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #005a9e; + background: #ffffff; + color: #005a9e; +} +.p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box { + border-color: #a4252c; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #faf9f8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #faf9f8; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + +.p-rating .p-rating-icon { + color: #323130; + margin-left: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #a4252c; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star { + color: #323130; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #0078d4; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #a4252c; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #605e5c; + color: #323130; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #605e5c; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f2f1; + border-color: #605e5c; + color: #323130; +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #605e5c; +} +.p-selectbutton .p-button.p-highlight { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #323130; +} +.p-selectbutton .p-button.p-highlight:hover { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #323130; +} +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #a4252c; +} + +.p-slider { + background: #c8c6c4; + border: 0 none; + border-radius: 2px; +} +.p-slider.p-slider-horizontal { + height: 4px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -8px; + margin-left: -8px; +} +.p-slider.p-slider-vertical { + width: 4px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -8px; + margin-bottom: -8px; +} +.p-slider .p-slider-handle { + height: 16px; + width: 16px; + background: #ffffff; + border: 2px solid #605e5c; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-slider .p-slider-range { + background: #605e5c; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #ffffff; + border-color: #005a9e; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #605e5c; + color: #323130; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #605e5c; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f2f1; + border-color: #605e5c; + color: #323130; +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #605e5c; +} +.p-togglebutton.p-button.p-highlight { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #323130; +} +.p-togglebutton.p-button.p-highlight:hover { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #323130; +} +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #a4252c; +} + +.p-button { + color: #ffffff; + background: #0078d4; + border: 1px solid #0078d4; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-button:enabled:hover { + background: #106ebe; + color: #ffffff; + border-color: #106ebe; +} +.p-button:enabled:active { + background: #005a9e; + color: #ffffff; + border-color: #005a9e; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #0078d4; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(0, 120, 212, 0.04); + color: #0078d4; + border: 1px solid; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(0, 120, 212, 0.16); + color: #0078d4; + border: 1px solid; +} +.p-button.p-button-outlined.p-button-plain { + color: #605e5c; + border-color: #605e5c; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f3f2f1; + color: #605e5c; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #edebe9; + color: #605e5c; +} +.p-button.p-button-text { + background-color: transparent; + color: #0078d4; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(0, 120, 212, 0.04); + color: #0078d4; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(0, 120, 212, 0.16); + color: #0078d4; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: #605e5c; +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: #f3f2f1; + color: #605e5c; +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: #edebe9; + color: #605e5c; +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #0078d4; + background-color: #ffffff; +} +.p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.357rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.357rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #d45c00; + border: 1px solid #d45c00; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #bf5300; + color: #ffffff; + border-color: #bf5300; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #ffbc88; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #aa4a00; + color: #ffffff; + border-color: #aa4a00; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #d45c00; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(212, 92, 0, 0.04); + color: #d45c00; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(212, 92, 0, 0.16); + color: #d45c00; + border: 1px solid; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #d45c00; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(212, 92, 0, 0.04); + border-color: transparent; + color: #d45c00; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(212, 92, 0, 0.16); + border-color: transparent; + color: #d45c00; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #00b7c3; + border: 1px solid #00b7c3; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #00a5b0; + color: #ffffff; + border-color: #00a5b0; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #81f7ff; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #00929c; + color: #ffffff; + border-color: #00929c; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #00b7c3; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(0, 183, 195, 0.04); + color: #00b7c3; + border: 1px solid; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(0, 183, 195, 0.16); + color: #00b7c3; + border: 1px solid; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #00b7c3; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(0, 183, 195, 0.04); + border-color: transparent; + color: #00b7c3; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(0, 183, 195, 0.16); + border-color: transparent; + color: #00b7c3; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #498205; + border: 1px solid #498205; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #427505; + color: #ffffff; + border-color: #427505; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #baf96f; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #3a6804; + color: #ffffff; + border-color: #3a6804; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #498205; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(73, 130, 5, 0.04); + color: #498205; + border: 1px solid; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(73, 130, 5, 0.16); + color: #498205; + border: 1px solid; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #498205; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(73, 130, 5, 0.04); + border-color: transparent; + color: #498205; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(73, 130, 5, 0.16); + border-color: transparent; + color: #498205; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #323130; + background: #ffaa44; + border: 1px solid #ffaa44; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ff9b24; + color: #323130; + border-color: #ff9b24; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #ffddb4; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #ff8d03; + color: #323130; + border-color: #ff8d03; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #ffaa44; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 170, 68, 0.04); + color: #ffaa44; + border: 1px solid; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 170, 68, 0.16); + color: #ffaa44; + border: 1px solid; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #ffaa44; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 170, 68, 0.04); + border-color: transparent; + color: #ffaa44; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 170, 68, 0.16); + border-color: transparent; + color: #ffaa44; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #8378de; + border: 1px solid #8378de; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #6a5dd7; + color: #ffffff; + border-color: #6a5dd7; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #cdc9f2; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #5141d1; + color: #ffffff; + border-color: #5141d1; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #8378de; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(131, 120, 222, 0.04); + color: #8378de; + border: 1px solid; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(131, 120, 222, 0.16); + color: #8378de; + border: 1px solid; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #8378de; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(131, 120, 222, 0.04); + border-color: transparent; + color: #8378de; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(131, 120, 222, 0.16); + border-color: transparent; + color: #8378de; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #d13438; + border: 1px solid #d13438; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #c02b2f; + color: #ffffff; + border-color: #c02b2f; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #edaeaf; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #aa272a; + color: #ffffff; + border-color: #aa272a; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #d13438; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(209, 52, 56, 0.04); + color: #d13438; + border: 1px solid; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(209, 52, 56, 0.16); + color: #d13438; + border: 1px solid; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #d13438; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(209, 52, 56, 0.04); + border-color: transparent; + color: #d13438; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(209, 52, 56, 0.16); + border-color: transparent; + color: #d13438; +} + +.p-button.p-button-link { + color: #0078d4; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #005a9e; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #605e5c; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #0078d4; + border-color: transparent; +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #c8c6c4; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #e1dfdd; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #edebe9; + color: #323130; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 1px 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-datatable .p-datatable-footer { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + font-weight: 600; + color: #323130; + background: #ffffff; + transition: box-shadow 0.2s; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + font-weight: 600; + color: #323130; + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: #605e5c; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #323130; + background: #edebe9; + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #605e5c; +} +.p-datatable .p-sortable-column.p-highlight { + background: #edebe9; + color: #323130; +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #323130; +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: #f3f2f1; + color: #323130; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #323130; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #605e5c; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #323130; + transition: box-shadow 0.2s; + outline-color: #605e5c; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: #edebe9; + color: #323130; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #edebe9; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #edebe9; +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-datatable .p-column-resizer-helper { + background: #0078d4; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #faf9f8; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #faf9f8; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #edebe9; + color: #323130; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #323130; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #323130; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 1px 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: #323130; + border: 0 none; + padding: 0; +} +.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #f3f2f1; + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +.fc .fc-view-container th { + background: #faf9f8; + border: 1px solid #a19f9d; + color: #323130; +} +.fc .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #a19f9d; + color: #323130; +} +.fc .fc-view-container td.fc-head-container { + border: 1px solid #a19f9d; +} +.fc .fc-view-container .fc-row { + border-right: 1px solid #a19f9d; +} +.fc .fc-view-container .fc-event { + background: #0078d4; + border: 1px solid #0078d4; + color: #ffffff; +} +.fc .fc-view-container .fc-divider { + background: #faf9f8; + border: 1px solid #a19f9d; +} +.fc .fc-toolbar .fc-button { + color: #ffffff; + background: #0078d4; + border: 1px solid #0078d4; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; + display: flex; + align-items: center; +} +.fc .fc-toolbar .fc-button:enabled:hover { + background: #106ebe; + color: #ffffff; + border-color: #106ebe; +} +.fc .fc-toolbar .fc-button:enabled:active { + background: #005a9e; + color: #ffffff; + border-color: #005a9e; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid #605e5c; + color: #323130; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f3f2f1; + border-color: #605e5c; + color: #323130; +} +.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #edebe9; + border-color: #605e5c; + color: #323130; +} +.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + z-index: 1; +} +.fc .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.fc .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.p-orderlist .p-orderlist-controls { + padding: 1rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #faf9f8; + color: #323130; + border: 1px solid #a19f9d; + padding: 1rem; + font-weight: 600; + border-bottom: 0 none; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-orderlist .p-orderlist-list { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + padding: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.5rem; + margin: 0; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: transform 0.2s, box-shadow 0.2s; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #323130; + background: #edebe9; +} + +@media screen and (max-width: 769px) { + .p-orderlist { + flex-direction: column; + } + .p-orderlist .p-orderlist-controls { + padding: 1rem; + flex-direction: row; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-right: 0.5rem; + margin-bottom: 0; + } + .p-orderlist .p-orderlist-controls .p-button:last-child { + margin-right: 0; + } +} +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #edebe9; + color: #323130; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #b4aba3; +} +.p-organizationchart .p-organizationchart-line-down { + background: #a19f9d; +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #a19f9d; + border-color: #a19f9d; +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #a19f9d; + border-color: #a19f9d; +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + padding: 1rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-paginator { + background: #ffffff; + color: #605e5c; + border: solid #f3f2f1; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 2px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #605e5c; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-paginator .p-paginator-first: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-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f2f1; + border-color: transparent; + color: #323130; +} +.p-paginator .p-paginator-first { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + height: 2.357rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #605e5c; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #605e5c; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #edebe9; + border-color: #edebe9; + color: #323130; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f2f1; + border-color: transparent; + color: #323130; +} + +.p-picklist .p-picklist-buttons { + padding: 1rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #faf9f8; + color: #323130; + border: 1px solid #a19f9d; + padding: 1rem; + font-weight: 600; + border-bottom: 0 none; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-picklist .p-picklist-list { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + padding: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.5rem; + margin: 0; + border: 1px solid transparent; + color: #323130; + background: transparent; + transition: transform 0.2s, box-shadow 0.2s; +} +.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #323130; + background: #edebe9; +} + +@media screen and (max-width: 769px) { + .p-picklist { + flex-direction: column; + } + .p-picklist .p-picklist-buttons { + padding: 1rem; + flex-direction: row; + } + .p-picklist .p-picklist-buttons .p-button { + margin-right: 0.5rem; + margin-bottom: 0; + } + .p-picklist .p-picklist-buttons .p-button:last-child { + margin-right: 0; + } + .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before { + content: ""; + } + .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before { + content: ""; + } + .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before { + content: ""; + } + .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before { + content: ""; + } +} +.p-tree { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + padding: 1rem; + border-radius: 2px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.143rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 2px; + transition: box-shadow 0.2s; + padding: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #605e5c; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #edebe9; + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #323130; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: #605e5c; +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 1px 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-treetable .p-treetable-footer { + background: #ffffff; + color: #323130; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 600; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + font-weight: 600; + color: #323130; + background: #ffffff; + transition: box-shadow 0.2s; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + font-weight: 600; + color: #323130; + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: #605e5c; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: #605e5c; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #323130; + background: #edebe9; + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #605e5c; +} +.p-treetable .p-sortable-column.p-highlight { + background: #edebe9; + color: #323130; +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #323130; +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #323130; + transition: box-shadow 0.2s; + outline-color: #605e5c; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #f3f2f1; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #323130; +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: #edebe9; + color: #323130; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #323130; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #323130; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #323130; +} +.p-treetable .p-column-resizer-helper { + background: #0078d4; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #faf9f8; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #a19f9d; + color: #323130; + background: #faf9f8; + font-weight: 600; + border-radius: 2px; + transition: box-shadow 0.2s; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f2f1; + border-color: #a19f9d; + color: #323130; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #faf9f8; + border-color: #a19f9d; + color: #323130; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #a19f9d; + background: #f3f2f1; + color: #323130; +} +.p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-accordion .p-accordion-tab { + margin-bottom: 4px; +} + +.p-card { + background: #ffffff; + color: #323130; + box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px; + border-radius: 2px; +} +.p-card .p-card-body { + padding: 1rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #605e5c; +} +.p-card .p-card-content { + padding: 1rem 0; +} +.p-card .p-card-footer { + padding: 1rem 0 0 0; +} + +.p-fieldset { + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-radius: 2px; +} +.p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #a19f9d; + color: #323130; + background: #faf9f8; + font-weight: 600; + border-radius: 2px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1rem; + color: #323130; + border-radius: 2px; + transition: box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f2f1; + border-color: #a19f9d; + color: #323130; +} +.p-fieldset .p-fieldset-content { + padding: 1rem; +} + +.p-panel .p-panel-header { + border: 1px solid #a19f9d; + padding: 1rem; + background: #faf9f8; + color: #323130; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 600; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + border-top: 0 none; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: #f3f2f1; + border: 0 none; +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: 0 none; + border-width: 0 0 2px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #a19f9d; + border-width: 0 0 2px 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: #605e5c; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + transition: box-shadow 0.2s; + margin: 0 0.5rem -2px 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #f3f2f1; + border-color: transparent; + color: #605e5c; +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #0078d4; + color: #323130; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.p-toolbar { + background: #faf9f8; + border: 1px solid #a19f9d; + padding: 1rem; + border-radius: 2px; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-dialog { + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #323130; + padding: 1.5rem; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: #323130; + padding: 0 1.5rem 2rem 1.5rem; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #323130; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} + +.p-dialog-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); +} + +.p-overlaypanel { + background: #ffffff; + color: #323130; + border: 0 none; + border-radius: 2px; + box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; +} +.p-overlaypanel .p-overlaypanel-content { + padding: 1rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #0078d4; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 2px; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #106ebe; + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: #323130; + padding: 1rem; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; +} +.p-sidebar .p-sidebar-close { + width: 2rem; + height: 2rem; + color: #605e5c; + border: 0 none; + background: transparent; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-close:enabled:hover { + color: #605e5c; + border-color: transparent; + background: #f3f2f1; +} +.p-sidebar .p-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-sidebar-mask.p-component-overlay { + background: rgba(0, 0, 0, 0.4); +} + +.p-tooltip .p-tooltip-text { + background: #ffffff; + color: #323130; + padding: 0.5rem 0.5rem; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border-radius: 2px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #ffffff; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #ffffff; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #ffffff; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #ffffff; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #faf9f8; + padding: 1rem; + border: 1px solid #a19f9d; + color: #323130; + border-bottom: 0 none; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #a19f9d; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-fileupload .p-progressbar { + height: 2px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: #106ebe; + color: #ffffff; + border-color: #106ebe; +} +.p-fileupload-choose:not(.p-disabled):active { + background: #005a9e; + color: #ffffff; + border-color: #005a9e; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #eeeeee; + border-radius: 2px; + padding: 1rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: #0078d4; +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: #323130; +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: #323130; +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: #0078d4; +} + +.p-contextmenu { + padding: 0; + background: #ffffff; + color: #323130; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-contextmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #edebe9; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-megamenu { + padding: 0.5rem; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 2px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #0078d4; + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #edebe9; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #323130; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem 0.5rem; + color: #0078d4; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #edebe9; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0; +} + +.p-menu { + padding: 0; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 0.5rem; + color: #0078d4; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} + +.p-menubar { + padding: 0.5rem; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 2px; + transition: box-shadow 0.2s; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #0078d4; + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: #edebe9; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-menubar .p-submenu-list { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #edebe9; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #0078d4; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #0078d4; + background: #f3f2f1; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #0078d4; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1rem; + border: 1px solid #a19f9d; + color: #323130; + background: #faf9f8; + font-weight: 600; + border-radius: 2px; + transition: box-shadow 0.2s; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f3f2f1; + border-color: #a19f9d; + color: #323130; +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #faf9f8; + border-color: #a19f9d; + color: #323130; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: #a19f9d; + background: #f3f2f1; + color: #323130; +} +.p-panelmenu .p-panelmenu-content { + padding: 0; + border: 1px solid #a19f9d; + background: #ffffff; + color: #323130; + margin-bottom: 4px; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 2px; + background: #ffffff; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #323130; + border: 1px solid #f3f2f1; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #605e5c; +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: #edebe9; + color: #323130; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #323130; +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #edebe9; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 0 none; + border-width: 0 0 2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #a19f9d; + border-width: 0 0 2px 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: #605e5c; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + transition: box-shadow 0.2s; + margin: 0 0.5rem -2px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #f3f2f1; + border-color: transparent; + color: #605e5c; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #0078d4; + color: #323130; +} + +.p-tieredmenu { + padding: 0; + background: #ffffff; + color: #323130; + border: 1px solid #eeeeee; + border-radius: 2px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.5rem; + color: #323130; + border-radius: 0; + transition: box-shadow 0.2s; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: #f3f2f1; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: #323130; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: #0078d4; +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: #0078d4; +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: #edebe9; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 2px; +} +.p-inline-message.p-inline-message-info { + background: #f3f2f1; + border: 0 none; + border-width: 0px; + color: #323130; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #605e5c; +} +.p-inline-message.p-inline-message-success { + background: #dff6dd; + border: 0 none; + border-width: 0px; + color: #323130; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #107c10; +} +.p-inline-message.p-inline-message-warn { + background: #fff4ce; + border: 0 none; + border-width: 0px; + color: #323130; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #797775; +} +.p-inline-message.p-inline-message-error { + background: #fde7e9; + border: 0 none; + border-width: 0px; + color: #323130; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #a80000; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 90%; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 1rem 0; + border-radius: 2px; +} +.p-message .p-message-wrapper { + padding: 0.5rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 2px; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-message.p-message-info { + background: #f3f2f1; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-message.p-message-info .p-message-icon { + color: #605e5c; +} +.p-message.p-message-info .p-message-close { + color: #605e5c; +} +.p-message.p-message-success { + background: #dff6dd; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-message.p-message-success .p-message-icon { + color: #107c10; +} +.p-message.p-message-success .p-message-close { + color: #107c10; +} +.p-message.p-message-warn { + background: #fff4ce; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-message.p-message-warn .p-message-icon { + color: #797775; +} +.p-message.p-message-warn .p-message-close { + color: #797775; +} +.p-message.p-message-error { + background: #fde7e9; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-message.p-message-error .p-message-icon { + color: #a80000; +} +.p-message.p-message-error .p-message-close { + color: #a80000; +} +.p-message .p-message-text { + font-size: 90%; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + 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: 2px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 0.5rem; + border-width: 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.25rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 600; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 1.25rem; + height: 1.25rem; + border-radius: 2px; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #f3f2f1; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #605e5c; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #dff6dd; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #107c10; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #fff4ce; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #797775; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #fde7e9; + border: 0 none; + border-width: 0 0 0 6px; + color: #323130; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #a80000; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #faf9f8; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #faf9f8; +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #faf9f8; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 2px; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #faf9f8; +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #faf9f8; + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #c8c6c4; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #e1dfdd; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #edebe9; + color: #323130; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #edebe9; + color: #323130; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #faf9f8; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #faf9f8; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-galleria-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +.p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f3f2f1; + color: #323130; +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; +} + +.p-progressbar { + border: 0 none; + height: 2px; + background: #edebe9; + border-radius: 2px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #0078d4; +} +.p-progressbar .p-progressbar-label { + color: #323130; + line-height: 2px; +} + +.p-terminal { + background: #ffffff; + color: #323130; + border: 1px solid #a19f9d; + padding: 1rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +.p-blockui.p-component-overlay { + background: rgba(0, 0, 0, 0.4); +} + +.p-badge { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #d45c00; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #498205; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #00b7c3; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #ffaa44; + color: #323130; +} +.p-badge.p-badge-danger { + background-color: #d13438; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-tag { + background: #0078d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 2px; +} +.p-tag.p-tag-success { + background-color: #498205; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #00b7c3; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #ffaa44; + color: #323130; +} +.p-tag.p-tag-danger { + background-color: #d13438; + color: #ffffff; +} + +/* Customizations to the designer theme should be defined here */ +.p-button-label { + font-weight: 600; +} + +.p-slider:not(.p-disabled):hover { + background-color: #deecf9; +} +.p-slider:not(.p-disabled):hover .p-slider-range { + background-color: #0078d4; +} +.p-slider:not(.p-disabled):hover .p-slider-handle { + border-color: #005a9e; +} + +.p-inputswitch { + width: 40px; + height: 20px; +} +.p-inputswitch .p-inputswitch-slider { + border: 1px solid #605e5c; +} +.p-inputswitch .p-inputswitch-slider:before { + width: 12px; + height: 12px; + margin-top: -6px; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + border-color: #323130; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + background-color: #323130; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + border-color: #0078d4; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + background-color: #ffffff; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + border-color: #0078d4; +} + +.p-datepicker .p-datepicker-header .p-datepicker-title { + order: 1; + margin: 0 auto 0 0; +} +.p-datepicker .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-prev .p-datepicker-prev-icon:before { + content: ""; +} +.p-datepicker .p-datepicker-next { + order: 3; + font-size: 90%; +} +.p-datepicker .p-datepicker-next .p-datepicker-next-icon:before { + content: ""; +} +.p-datepicker .p-datepicker-buttonbar { + border-top: 0 none; +} +.p-datepicker .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-timepicker span { + font-size: 90%; +} +.p-datepicker .p-timepicker .pi-chevron-up:before { + content: ""; +} +.p-datepicker .p-timepicker .pi-chevron-down:before { + content: ""; +} +.p-datepicker table { + font-size: 90%; +} +.p-datepicker table td.p-datepicker-today > span { + border-radius: 50%; +} +.p-datepicker .p-datepicker-buttonbar .p-button { + font-size: 90%; + color: #323130; +} +.p-datepicker .p-datepicker-buttonbar .p-button .p-button-label { + font-weight: 400; +} +.p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover { + color: #323130; + background-color: #f3f2f1; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem 0; +} + +.p-datatable { + font-size: 90%; +} + +.p-toast { + font-size: 90%; +} +.p-toast .p-toast-icon-close-icon { + font-size: 90%; +} + +.p-message { + font-size: 90%; +} +.p-message .p-message-close .p-message-close-icon { + font-size: 90%; +} + +.p-tooltip .p-tooltip-text { + font-size: 90%; +} + +.p-component .p-menu-separator { + border-color: #eeeeee; +} + +.p-submenu-icon { + color: #605e5c !important; +} + +.p-menuitem-active .p-submenu-icon { + color: #323130 !important; +} + +.p-progressbar-label { + display: none !important; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #0078d4; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #0078d4; +} + +.p-inputtext:disabled { + background-color: #f3f2f1; + border-color: #f3f2f1; + color: #a19f9d; + opacity: 1; + user-select: none; +} +.p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #0078d4; +} + +.p-checkbox .p-checkbox-box.p-disabled, +.p-radiobutton .p-radiobutton-box.p-disabled, +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-disabled, +.p-chips .p-chips-multiple-container.p-disabled { + background-color: #f3f2f1; + border-color: #f3f2f1; + color: #a19f9d; + opacity: 1; + user-select: none; +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus, +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus, +.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #0078d4; +} + +.p-dropdown.p-disabled, +.p-multiselect.p-disabled { + background-color: #f3f2f1; + border-color: #f3f2f1; + color: #a19f9d; + opacity: 1; + user-select: none; +} +.p-dropdown.p-disabled .p-dropdown-label, +.p-dropdown.p-disabled .p-dropdown-trigger-icon, +.p-multiselect.p-disabled .p-dropdown-label, +.p-multiselect.p-disabled .p-dropdown-trigger-icon { + color: #a19f9d; +} +.p-dropdown:not(.p-disabled).p-focus, +.p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #0078d4; +} + +.p-inputswitch.p-focus .p-inputswitch-slider { + box-shadow: none; + outline: 1px solid #605e5c; + outline-offset: 2px; +} diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 3391f429c7..da0e2f9bf1 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { border-color: #FFE082; + background: #FFE082; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #FFE082; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFE082; - background: #FFE082; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #FFCA28; background: #FFCA28; color: #212529; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #4b4b4b; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #4b4b4b; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #FFE082; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #FFCA28; } @@ -1278,6 +1278,18 @@ color: #FFE082; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #888888; + border-color: #888888; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #4c4c4c; + color: #888888; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #3c3c3c; + color: #888888; +} .p-button.p-button-text { background-color: transparent; color: #FFE082; @@ -1781,9 +1793,6 @@ color: #dedede; background: #252525; } -.p-datatable .p-sortable-column { - outline-color: white; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #888888; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #212529; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #FFE082; + color: #212529; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #212529; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem white; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #FFD54F; color: #212529; border-color: #FFD54F; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #FFCA28; + color: #212529; + border-color: #FFCA28; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #212529; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #212529; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 6ecc983c32..ab1ea98b3d 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { border-color: #81D4FA; + background: #81D4FA; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #81D4FA; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #81D4FA; - background: #81D4FA; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #29B6F6; background: #29B6F6; color: #212529; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #4b4b4b; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #4b4b4b; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #81D4FA; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #29B6F6; } @@ -1278,6 +1278,18 @@ color: #81D4FA; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #888888; + border-color: #888888; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #4c4c4c; + color: #888888; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #3c3c3c; + color: #888888; +} .p-button.p-button-text { background-color: transparent; color: #81D4FA; @@ -1781,9 +1793,6 @@ color: #dedede; background: #252525; } -.p-datatable .p-sortable-column { - outline-color: white; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #888888; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #212529; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #81D4FA; + color: #212529; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #212529; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem white; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #4FC3F7; color: #212529; border-color: #4FC3F7; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #29B6F6; + color: #212529; + border-color: #29B6F6; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #212529; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #212529; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index f2fbf27769..f9f7f7a53b 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { border-color: #C5E1A5; + background: #C5E1A5; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #C5E1A5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #C5E1A5; - background: #C5E1A5; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #9CCC65; background: #9CCC65; color: #212529; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #4b4b4b; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #4b4b4b; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #C5E1A5; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #9CCC65; } @@ -1278,6 +1278,18 @@ color: #C5E1A5; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #888888; + border-color: #888888; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #4c4c4c; + color: #888888; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #3c3c3c; + color: #888888; +} .p-button.p-button-text { background-color: transparent; color: #C5E1A5; @@ -1781,9 +1793,6 @@ color: #dedede; background: #252525; } -.p-datatable .p-sortable-column { - outline-color: white; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #888888; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #212529; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #C5E1A5; + color: #212529; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #212529; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem white; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #AED581; color: #212529; border-color: #AED581; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #9CCC65; + color: #212529; + border-color: #9CCC65; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #212529; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #212529; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 7cd446487d..8758039b21 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { border-color: #F48FB1; + background: #F48FB1; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #F48FB1; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #F48FB1; - background: #F48FB1; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #EC407A; background: #EC407A; color: #212529; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #4b4b4b; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #4b4b4b; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #F48FB1; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #4b4b4b; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #EC407A; } @@ -1278,6 +1278,18 @@ color: #F48FB1; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #888888; + border-color: #888888; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #4c4c4c; + color: #888888; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #3c3c3c; + color: #888888; +} .p-button.p-button-text { background-color: transparent; color: #F48FB1; @@ -1781,9 +1793,6 @@ color: #dedede; background: #252525; } -.p-datatable .p-sortable-column { - outline-color: white; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #888888; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #212529; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #F48FB1; + color: #212529; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #212529; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem white; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #F06292; color: #212529; border-color: #F06292; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #EC407A; + color: #212529; + border-color: #EC407A; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #212529; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #212529; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 4f833a9e08..49842a8597 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -366,20 +366,20 @@ color: #121212; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #CE93D8; + background: #CE93D8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: rgba(255, 255, 255, 0.6); } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #CE93D8; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #CE93D8; - background: #CE93D8; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #CE93D8; background: #CE93D8; color: #121212; @@ -391,13 +391,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: rgba(255, 255, 255, 0.06); } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #CE93D8; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #CE93D8; } @@ -1290,6 +1290,18 @@ color: #CE93D8; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #CE93D8; @@ -1793,9 +1805,6 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; } -.p-datatable .p-sortable-column { - outline-color: transparent; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1823,6 +1832,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -2027,11 +2047,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: rgba(206, 147, 216, 0.92); color: #121212; border-color: transparent; } +.fc .fc-toolbar .fc-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #121212; + border-color: transparent; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2399,6 +2429,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #CE93D8; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #CE93D8; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -2662,6 +2696,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2676,6 +2714,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #1e1e1e; @@ -4626,7 +4668,7 @@ .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; } -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before { +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; position: absolute; top: 6px; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 90a300d0cc..cf1fa25ccf 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -366,20 +366,20 @@ color: #121212; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #9FA8DA; + background: #9FA8DA; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: rgba(255, 255, 255, 0.6); } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #9FA8DA; - background: #9FA8DA; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #9FA8DA; background: #9FA8DA; color: #121212; @@ -391,13 +391,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: rgba(255, 255, 255, 0.06); } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #9FA8DA; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #9FA8DA; } @@ -1290,6 +1290,18 @@ color: #9FA8DA; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #9FA8DA; @@ -1793,9 +1805,6 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; } -.p-datatable .p-sortable-column { - outline-color: transparent; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1823,6 +1832,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -2027,11 +2047,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: rgba(159, 168, 218, 0.92); color: #121212; border-color: transparent; } +.fc .fc-toolbar .fc-button:enabled:active { + background: rgba(159, 168, 218, 0.68); + color: #121212; + border-color: transparent; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2399,6 +2429,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #9FA8DA; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #9FA8DA; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -2662,6 +2696,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2676,6 +2714,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #1e1e1e; @@ -4626,7 +4668,7 @@ .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; } -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before { +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; position: absolute; top: 6px; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index d7797ca88b..6df57fd290 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -366,20 +366,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #673AB7; + background: #673AB7; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #000001; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #673AB7; - background: #673AB7; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #673AB7; background: #673AB7; color: #ffffff; @@ -391,13 +391,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #ececec; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #673AB7; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #673AB7; } @@ -1290,6 +1290,18 @@ color: #673AB7; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #673AB7; @@ -1793,9 +1805,6 @@ color: #000001; background: #ffffff; } -.p-datatable .p-sortable-column { - outline-color: transparent; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(0, 0, 0, 0.6); margin-left: 0.5rem; @@ -1823,6 +1832,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #000001; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: #000001; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #000001; +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #000001; @@ -2027,11 +2047,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; border-color: transparent; } +.fc .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2399,6 +2429,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #673AB7; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #673AB7; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: #000001; @@ -2662,6 +2696,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2676,6 +2714,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #ffffff; @@ -4626,7 +4668,7 @@ .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #673AB7; } -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before { +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; position: absolute; top: 6px; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index a8a952379d..56d6ee974e 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -366,20 +366,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #3F51B5; + background: #3F51B5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #000001; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #3F51B5; - background: #3F51B5; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #3F51B5; background: #3F51B5; color: #ffffff; @@ -391,13 +391,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #ececec; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3F51B5; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #3F51B5; } @@ -1290,6 +1290,18 @@ color: #3F51B5; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #3F51B5; @@ -1793,9 +1805,6 @@ color: #000001; background: #ffffff; } -.p-datatable .p-sortable-column { - outline-color: transparent; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(0, 0, 0, 0.6); margin-left: 0.5rem; @@ -1823,6 +1832,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #000001; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: #000001; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #000001; +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #000001; @@ -2027,11 +2047,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; border-color: transparent; } +.fc .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2399,6 +2429,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #3F51B5; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #3F51B5; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: #000001; @@ -2662,6 +2696,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2676,6 +2714,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #ffffff; @@ -4626,7 +4668,7 @@ .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #3F51B5; } -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before { +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; position: absolute; top: 6px; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 37f97e67a8..267c97a50c 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -366,20 +366,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #673AB7; + background: #673AB7; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: rgba(255, 255, 255, 0.6); } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #673AB7; - background: #673AB7; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #673AB7; background: #673AB7; color: #ffffff; @@ -391,13 +391,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: rgba(255, 255, 255, 0.06); } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #673AB7; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #673AB7; } @@ -1290,6 +1290,18 @@ color: #673AB7; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #673AB7; @@ -1793,9 +1805,6 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; } -.p-datatable .p-sortable-column { - outline-color: transparent; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1823,6 +1832,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -2027,11 +2047,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; border-color: transparent; } +.fc .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2399,6 +2429,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #673AB7; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #673AB7; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -2662,6 +2696,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2676,6 +2714,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #1e1e1e; @@ -3857,7 +3899,7 @@ } .p-inline-message { - padding: 1rem 1rem; + padding: 0.75rem 0.75rem; margin: 0; border-radius: 4px; } @@ -4626,7 +4668,7 @@ .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #673AB7; } -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before { +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; position: absolute; top: 6px; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 45cbd02434..be73cd4db7 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -366,20 +366,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #3F51B5; + background: #3F51B5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: rgba(255, 255, 255, 0.6); } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #3F51B5; - background: #3F51B5; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #3F51B5; background: #3F51B5; color: #ffffff; @@ -391,13 +391,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: rgba(255, 255, 255, 0.06); } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3F51B5; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #3F51B5; } @@ -1290,6 +1290,18 @@ color: #3F51B5; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #3F51B5; @@ -1793,9 +1805,6 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; } -.p-datatable .p-sortable-column { - outline-color: transparent; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1823,6 +1832,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -2027,11 +2047,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; border-color: transparent; } +.fc .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2399,6 +2429,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #3F51B5; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #3F51B5; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -2662,6 +2696,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2676,6 +2714,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #1e1e1e; @@ -3857,7 +3899,7 @@ } .p-inline-message { - padding: 1rem 1rem; + padding: 0.75rem 0.75rem; margin: 0; border-radius: 4px; } @@ -4626,7 +4668,7 @@ .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #3F51B5; } -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before { +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; position: absolute; top: 6px; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 35093ffbf7..4c8e559185 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -366,20 +366,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #673AB7; + background: #673AB7; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #000001; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #673AB7; - background: #673AB7; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #673AB7; background: #673AB7; color: #ffffff; @@ -391,13 +391,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #ececec; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #673AB7; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #673AB7; } @@ -1290,6 +1290,18 @@ color: #673AB7; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #673AB7; @@ -1793,9 +1805,6 @@ color: #000001; background: #ffffff; } -.p-datatable .p-sortable-column { - outline-color: transparent; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(0, 0, 0, 0.6); margin-left: 0.5rem; @@ -1823,6 +1832,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #000001; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: #000001; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #000001; +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #000001; @@ -2027,11 +2047,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; border-color: transparent; } +.fc .fc-toolbar .fc-button:enabled:active { + background: rgba(103, 58, 183, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2399,6 +2429,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #673AB7; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #673AB7; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: #000001; @@ -2662,6 +2696,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2676,6 +2714,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #ffffff; @@ -3857,7 +3899,7 @@ } .p-inline-message { - padding: 1rem 1rem; + padding: 0.75rem 0.75rem; margin: 0; border-radius: 4px; } @@ -4626,7 +4668,7 @@ .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #673AB7; } -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before { +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; position: absolute; top: 6px; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index c79dd66753..8a70f9184e 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -366,20 +366,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #3F51B5; + background: #3F51B5; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #000001; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #3F51B5; - background: #3F51B5; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #3F51B5; background: #3F51B5; color: #ffffff; @@ -391,13 +391,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #ececec; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3F51B5; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #3F51B5; } @@ -1290,6 +1290,18 @@ color: #3F51B5; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #3F51B5; @@ -1793,9 +1805,6 @@ color: #000001; background: #ffffff; } -.p-datatable .p-sortable-column { - outline-color: transparent; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(0, 0, 0, 0.6); margin-left: 0.5rem; @@ -1823,6 +1832,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #000001; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: #000001; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #000001; +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #000001; @@ -2027,11 +2047,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; border-color: transparent; } +.fc .fc-toolbar .fc-button:enabled:active { + background: rgba(63, 81, 181, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2399,6 +2429,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #3F51B5; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #3F51B5; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: #000001; @@ -2662,6 +2696,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2676,6 +2714,10 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} .p-card { background: #ffffff; @@ -3857,7 +3899,7 @@ } .p-inline-message { - padding: 1rem 1rem; + padding: 0.75rem 0.75rem; margin: 0; border-radius: 4px; } @@ -4626,7 +4668,7 @@ .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #3F51B5; } -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon:before { +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; position: absolute; top: 6px; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index e7e32e1aad..4c8e1790f1 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #007ad9; + background: #007ad9; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #212121; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #007ad9; - background: #007ad9; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #005b9f; background: #005b9f; color: #ffffff; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f4f4f4; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #007ad9; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #005b9f; } @@ -1266,6 +1266,18 @@ color: #007ad9; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #848484; + border-color: #848484; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #eaeaea; + color: #848484; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #d2d2d2; + color: #848484; +} .p-button.p-button-text { background-color: transparent; color: #007ad9; @@ -1769,9 +1781,6 @@ color: #333333; background: #f4f4f4; } -.p-datatable .p-sortable-column { - outline-color: #8dcdff; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #848484; margin-left: 0.5rem; @@ -1799,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #ffffff; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e02365; + color: #ffffff; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #ffffff; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem #8dcdff; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; @@ -2003,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #005b9f; + color: #ffffff; + border-color: #005b9f; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2375,6 +2405,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #eaeaea; color: #333333; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 23934d7be5..f9c39aade5 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #007ad9; + background: #007ad9; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #212121; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #007ad9; - background: #007ad9; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #005b9f; background: #005b9f; color: #ffffff; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f4f4f4; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #007ad9; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #005b9f; } @@ -1278,6 +1278,18 @@ color: #007ad9; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #848484; + border-color: #848484; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #eaeaea; + color: #848484; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #d2d2d2; + color: #848484; +} .p-button.p-button-text { background-color: transparent; color: #007ad9; @@ -1781,9 +1793,6 @@ color: #333333; background: #f4f4f4; } -.p-datatable .p-sortable-column { - outline-color: #8dcdff; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #848484; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #ffffff; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #007ad9; + color: #ffffff; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #ffffff; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem #8dcdff; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #005b9f; + color: #ffffff; + border-color: #005b9f; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #eaeaea; color: #333333; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 5d7da47cad..381f151002 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #41b883; + background: #41b883; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #212121; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #41b883; - background: #41b883; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #246749; background: #246749; color: #ffffff; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f4f4f4; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #41b883; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #246749; } @@ -1278,6 +1278,18 @@ color: #41b883; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #848484; + border-color: #848484; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #eaeaea; + color: #848484; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #d2d2d2; + color: #848484; +} .p-button.p-button-text { background-color: transparent; color: #41b883; @@ -1781,9 +1793,6 @@ color: #333333; background: #f4f4f4; } -.p-datatable .p-sortable-column { - outline-color: #c2e9d8; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #848484; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #ffffff; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #41b883; + color: #ffffff; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #ffffff; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem #c2e9d8; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #318c63; color: #ffffff; border-color: #318c63; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #246749; + color: #ffffff; + border-color: #246749; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c2e9d8; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #eaeaea; color: #333333; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 3504ea5722..049bf1d1be 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #007ad9; + background: #007ad9; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #212121; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #007ad9; - background: #007ad9; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #005b9f; background: #005b9f; color: #ffffff; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f4f4f4; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #007ad9; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #005b9f; } @@ -1278,6 +1278,18 @@ color: #007ad9; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #848484; + border-color: #848484; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #eaeaea; + color: #848484; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #d2d2d2; + color: #848484; +} .p-button.p-button-text { background-color: transparent; color: #007ad9; @@ -1781,9 +1793,6 @@ color: #333333; background: #f4f4f4; } -.p-datatable .p-sortable-column { - outline-color: #8dcdff; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #848484; margin-left: 0.5rem; @@ -1811,6 +1820,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #ffffff; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #007ad9; + color: #ffffff; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #ffffff; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem #8dcdff; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; @@ -2015,11 +2035,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #005b9f; + color: #ffffff; + border-color: #005b9f; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2387,6 +2417,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #ffffff; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #ffffff; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #eaeaea; color: #333333; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index b0828d8dba..761a107f06 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #7B95A3; + background: #7B95A3; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #a6a6a6; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #7B95A3; - background: #7B95A3; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #617c8a; background: #617c8a; color: #ffffff; @@ -367,13 +367,13 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f4f4f4; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #7B95A3; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f4f4f4; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #617c8a; } @@ -1266,6 +1266,18 @@ color: #7B95A3; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #a6a6a6; + border-color: #a6a6a6; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f4f4f4; + color: #a6a6a6; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dbdbdb; + color: #a6a6a6; +} .p-button.p-button-text { background-color: transparent; color: #7B95A3; @@ -1769,9 +1781,6 @@ color: #666666; background: #ffffff; } -.p-datatable .p-sortable-column { - outline-color: #e4e9ec; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #666666; margin-left: 0.5rem; @@ -1799,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #385048; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #AFD3C8; + color: #385048; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #385048; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.2rem #e4e9ec; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #666666; @@ -2003,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #6c8999; color: #ffffff; border-color: #6c8999; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #617c8a; + color: #ffffff; + border-color: #617c8a; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2375,6 +2405,10 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #385048; } +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #385048; +} .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f4f4f4; color: #666666; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index ec4827bb3f..51d29b7070 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #dee2e6; @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #2196F3; + background: #2196F3; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #2196F3; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #2196F3; - background: #2196F3; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #0b7ad1; background: #0b7ad1; color: #ffffff; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f8f9fa; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #2196F3; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #0b7ad1; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #ffffff; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0b7ad1; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1087,10 +1083,6 @@ background: #0b7ad1; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #ffffff; -} - .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #c0392b; } -.p-highlight .p-rating .p-rating-icon { - color: #ffffff; -} - .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1278,6 +1266,18 @@ color: #2196F3; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} .p-button.p-button-text { background-color: transparent; color: #2196F3; @@ -1734,8 +1734,8 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: #495057; background: #f8f9fa; } -.p-datatable .p-sortable-column { - outline-color: #a6d5fa; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #2196F3; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #2196F3; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #2196F3; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #a6d5fa; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #2196F3; + box-shadow: inset 0 2px 0 0 #E3F2FD; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #2196F3; + box-shadow: inset 0 -2px 0 0 #E3F2FD; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; @@ -1903,14 +1911,14 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #ffffff; + color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #ffffff; + color: #495057; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #0b7ad1; + color: #ffffff; + border-color: #0b7ad1; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } @media screen and (max-width: 769px) { @@ -2147,11 +2165,11 @@ color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #08528d; + color: #6cbbf5; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #2196F3; - border-color: #2196F3; - color: #ffffff; + background: #E3F2FD; + border-color: #E3F2FD; + color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; } @media screen and (max-width: 769px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #2196F3; + color: #495057; + background: #E3F2FD; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #ffffff; + color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #ffffff; + color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #ffffff; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4107,8 +4137,8 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #2196F3; - color: #ffffff; + background: #E3F2FD; + color: #495057; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,10 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #2196F3; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #2196F3; +} diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 028af1e337..517ac868f7 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #dee2e6; @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #4CAF50; + background: #4CAF50; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #4CAF50; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #4CAF50; - background: #4CAF50; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #3d8c40; background: #3d8c40; color: #ffffff; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f8f9fa; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #4CAF50; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #3d8c40; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #ffffff; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #3d8c40; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1087,10 +1083,6 @@ background: #3d8c40; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #ffffff; -} - .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #c0392b; } -.p-highlight .p-rating .p-rating-icon { - color: #ffffff; -} - .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1278,6 +1266,18 @@ color: #4CAF50; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} .p-button.p-button-text { background-color: transparent; color: #4CAF50; @@ -1734,8 +1734,8 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: #495057; background: #f8f9fa; } -.p-datatable .p-sortable-column { - outline-color: #b7e0b8; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #4CAF50; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #4CAF50; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4CAF50; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #b7e0b8; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #4CAF50; + box-shadow: inset 0 2px 0 0 #E8F5E9; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #4CAF50; + box-shadow: inset 0 -2px 0 0 #E8F5E9; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; @@ -1903,14 +1911,14 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #ffffff; + color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #ffffff; + color: #495057; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #449e48; color: #ffffff; border-color: #449e48; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #3d8c40; + color: #ffffff; + border-color: #3d8c40; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 0.15rem #b7e0b8; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } @media screen and (max-width: 769px) { @@ -2147,11 +2165,11 @@ color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #255627; + color: #8fce94; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #4CAF50; - border-color: #4CAF50; - color: #ffffff; + background: #E8F5E9; + border-color: #E8F5E9; + color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 0.15rem #b7e0b8; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; } @media screen and (max-width: 769px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #4CAF50; + color: #495057; + background: #E8F5E9; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #ffffff; + color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #ffffff; + color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #ffffff; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4107,8 +4137,8 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; + background: #E8F5E9; + color: #495057; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,10 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #4CAF50; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #4CAF50; +} diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 2fcaf56e2f..f2a9be4880 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #dee2e6; @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { border-color: #FFC107; + background: #FFC107; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #FFC107; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFC107; - background: #FFC107; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #d29d00; background: #d29d00; color: #212529; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f8f9fa; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #FFC107; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #d29d00; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #212529; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #d29d00; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1087,10 +1083,6 @@ background: #d29d00; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #212529; -} - .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #c0392b; } -.p-highlight .p-rating .p-rating-icon { - color: #212529; -} - .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1278,6 +1266,18 @@ color: #FFC107; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} .p-button.p-button-text { background-color: transparent; color: #FFC107; @@ -1734,8 +1734,8 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: #495057; background: #f8f9fa; } -.p-datatable .p-sortable-column { - outline-color: #ffe69c; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #FFC107; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #FFC107; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #FFC107; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #ffe69c; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFC107; + box-shadow: inset 0 2px 0 0 #FFF3E0; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFC107; + box-shadow: inset 0 -2px 0 0 #FFF3E0; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; @@ -1903,14 +1911,14 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #212529; + color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #212529; + color: #495057; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #ecb100; color: #212529; border-color: #ecb100; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #d29d00; + color: #212529; + border-color: #d29d00; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 0.15rem #ffe69c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } @media screen and (max-width: 769px) { @@ -2147,11 +2165,11 @@ color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #876500; + color: #ffc261; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #FFC107; - border-color: #FFC107; - color: #212529; + background: #FFF3E0; + border-color: #FFF3E0; + color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 0.15rem #ffe69c; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; } @media screen and (max-width: 769px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #212529; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #FFC107; + color: #495057; + background: #FFF3E0; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #212529; + color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #212529; + color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #ffffff; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4107,8 +4137,8 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFC107; - color: #212529; + background: #FFF3E0; + color: #495057; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,10 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #FFC107; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #FFC107; +} diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 557c6337f9..ccde48182e 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #dee2e6; @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #9C27B0; + background: #9C27B0; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #9C27B0; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #9C27B0; - background: #9C27B0; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #7d1f8d; background: #7d1f8d; color: #ffffff; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #f8f9fa; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #9C27B0; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #7d1f8d; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #ffffff; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7d1f8d; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1087,10 +1083,6 @@ background: #7d1f8d; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #ffffff; -} - .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #c0392b; } -.p-highlight .p-rating .p-rating-icon { - color: #ffffff; -} - .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; @@ -1278,6 +1266,18 @@ color: #9C27B0; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #e9ecef; + color: #6c757d; +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: #dee2e6; + color: #6c757d; +} .p-button.p-button-text { background-color: transparent; color: #9C27B0; @@ -1734,8 +1734,8 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: #495057; background: #f8f9fa; } -.p-datatable .p-sortable-column { - outline-color: #df9eea; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #9C27B0; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #9C27B0; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #9C27B0; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 0.15rem #df9eea; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #9C27B0; + box-shadow: inset 0 2px 0 0 #F3E5F5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #9C27B0; + box-shadow: inset 0 -2px 0 0 #F3E5F5; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; @@ -1903,14 +1911,14 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #ffffff; + color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #ffffff; + color: #495057; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #7d1f8d; + color: #ffffff; + border-color: #7d1f8d; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 0.15rem #df9eea; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } @media screen and (max-width: 769px) { @@ -2147,11 +2165,11 @@ color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #3f1048; + color: #c989d2; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #9C27B0; - border-color: #9C27B0; - color: #ffffff; + background: #F3E5F5; + border-color: #F3E5F5; + color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 0.15rem #df9eea; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; } @media screen and (max-width: 769px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; + color: #495057; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #9C27B0; + color: #495057; + background: #F3E5F5; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #ffffff; + color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #ffffff; + color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #ffffff; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4107,8 +4137,8 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #9C27B0; - color: #ffffff; + background: #F3E5F5; + color: #495057; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,10 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #9C27B0; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #9C27B0; +} diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 557c47591d..e72a611b54 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #304562; @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #64B5F6; + background: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #64B5F6; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #2396f2; background: #2396f2; color: #212529; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #304562; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #304562; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #64B5F6; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #2396f2; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #212529; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2396f2; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1087,10 +1083,6 @@ background: #2396f2; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #212529; -} - .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #F48FB1; } -.p-highlight .p-rating .p-rating-icon { - color: #212529; -} - .p-selectbutton .p-button { background: #1f2d40; border: 1px solid #304562; @@ -1278,6 +1266,18 @@ color: #64B5F6; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #64B5F6; @@ -1731,11 +1731,11 @@ border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); + background: #3c567a; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: rgba(255, 255, 255, 0.87); background: #1f2d40; } -.p-datatable .p-sortable-column { - outline-color: #93cbf9; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #64B5F6; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #64B5F6; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #64B5F6; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #93cbf9; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #64B5F6; + box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #64B5F6; + box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1903,14 +1911,14 @@ background: rgba(255, 255, 255, 0.01); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #43a5f4; color: #212529; border-color: #43a5f4; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #2396f2; + color: #212529; + border-color: #2396f2; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 1px #93cbf9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } @media screen and (max-width: 960px) { @@ -2147,11 +2165,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #0c78cf; + color: rgba(12, 120, 207, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: rgba(255, 255, 255, 0.6); @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 1px #93cbf9; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); } @media screen and (max-width: 960px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #212529; + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #64B5F6; + color: rgba(255, 255, 255, 0.87); + background: rgba(100, 181, 246, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #1f2d40; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4104,11 +4134,11 @@ border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); + background: #3c567a; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #64B5F6; - color: #212529; + background: rgba(100, 181, 246, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,13 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #64B5F6; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #64B5F6; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #64B5F6; +} diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 2a1c94fa7c..c65492c896 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #304562; @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #81C784; + background: #81C784; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #81C784; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #81C784; - background: #81C784; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #54b358; background: #54b358; color: #212529; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #304562; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #304562; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #81C784; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #54b358; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #212529; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #54b358; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1087,10 +1083,6 @@ background: #54b358; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #212529; -} - .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #F48FB1; } -.p-highlight .p-rating .p-rating-icon { - color: #212529; -} - .p-selectbutton .p-button { background: #1f2d40; border: 1px solid #304562; @@ -1278,6 +1266,18 @@ color: #81C784; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #81C784; @@ -1731,11 +1731,11 @@ border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); + background: #3c567a; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: rgba(255, 255, 255, 0.87); background: #1f2d40; } -.p-datatable .p-sortable-column { - outline-color: #a7d8a9; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #81C784; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #81C784; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #81C784; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #a7d8a9; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #81C784; + box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #81C784; + box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1903,14 +1911,14 @@ background: rgba(255, 255, 255, 0.01); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #6abd6e; color: #212529; border-color: #6abd6e; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #54b358; + color: #212529; + border-color: #54b358; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 1px #a7d8a9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } @media screen and (max-width: 960px) { @@ -2147,11 +2165,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #3e8b41; + color: rgba(62, 139, 65, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: rgba(255, 255, 255, 0.6); @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #81C784; - border-color: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + border-color: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 1px #a7d8a9; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); } @media screen and (max-width: 960px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #212529; + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #81C784; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 199, 132, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #1f2d40; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4104,11 +4134,11 @@ border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); + background: #3c567a; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81C784; - color: #212529; + background: rgba(129, 199, 132, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,13 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #81C784; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #81C784; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #81C784; +} diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 3461d0c914..379fcf3906 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #304562; @@ -342,20 +342,20 @@ color: #212529; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #FFD54F; + background: #FFD54F; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #FFD54F; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #ffc50c; background: #ffc50c; color: #212529; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #304562; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #304562; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #FFD54F; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #ffc50c; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #212529; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #ffc50c; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1087,10 +1083,6 @@ background: #ffc50c; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #212529; -} - .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #F48FB1; } -.p-highlight .p-rating .p-rating-icon { - color: #212529; -} - .p-selectbutton .p-button { background: #1f2d40; border: 1px solid #304562; @@ -1278,6 +1266,18 @@ color: #FFD54F; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #FFD54F; @@ -1731,11 +1731,11 @@ border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); + background: #3c567a; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: rgba(255, 255, 255, 0.87); background: #1f2d40; } -.p-datatable .p-sortable-column { - outline-color: #ffe284; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #FFD54F; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #FFD54F; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #FFD54F; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #ffe284; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFD54F; + box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFD54F; + box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1903,14 +1911,14 @@ background: rgba(255, 255, 255, 0.01); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #ffcd2e; color: #212529; border-color: #ffcd2e; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #ffc50c; + color: #212529; + border-color: #ffc50c; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 1px #ffe284; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } @media screen and (max-width: 960px) { @@ -2147,11 +2165,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #cf9d00; + color: rgba(207, 157, 0, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: rgba(255, 255, 255, 0.6); @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + border-color: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 1px #ffe284; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); } @media screen and (max-width: 960px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 1px #ffe284; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #212529; + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #212529; - background: #FFD54F; + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 213, 79, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #212529; + color: rgba(255, 255, 255, 0.87); } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #1f2d40; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 1px #ffe284; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4104,11 +4134,11 @@ border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); + background: #3c567a; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFD54F; - color: #212529; + background: rgba(255, 213, 79, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,13 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #FFD54F; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #FFD54F; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #FFD54F; +} diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 30113ee976..d0f193f1a9 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -86,8 +86,8 @@ .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -121,8 +121,8 @@ background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { @@ -213,8 +213,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -227,8 +227,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -281,8 +281,8 @@ border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #304562; @@ -342,20 +342,20 @@ color: #ffffff; font-size: 14px; } -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { +.p-checkbox .p-checkbox-box.p-highlight { border-color: #BA68C8; + background: #BA68C8; } -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #BA68C8; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #a241b2; background: #a241b2; color: #ffffff; @@ -367,18 +367,14 @@ .p-input-filled .p-checkbox .p-checkbox-box { background-color: #304562; } -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #304562; -} .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #BA68C8; } -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - background: #a241b2; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #304562; } - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #ffffff; +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a241b2; } .p-chips .p-chips-multiple-container { @@ -396,8 +392,8 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -515,8 +511,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -877,8 +873,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -990,8 +986,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1087,10 +1083,6 @@ background: #a241b2; } -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #ffffff; -} - .p-rating .p-rating-icon { color: rgba(255, 255, 255, 0.87); margin-left: 0.5rem; @@ -1118,10 +1110,6 @@ color: #F48FB1; } -.p-highlight .p-rating .p-rating-icon { - color: #ffffff; -} - .p-selectbutton .p-button { background: #1f2d40; border: 1px solid #304562; @@ -1278,6 +1266,18 @@ color: #BA68C8; border: 1px solid; } +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} .p-button.p-button-text { background-color: transparent; color: #BA68C8; @@ -1731,11 +1731,11 @@ border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); + background: #3c567a; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-paginator-top { @@ -1781,9 +1781,6 @@ color: rgba(255, 255, 255, 0.87); background: #1f2d40; } -.p-datatable .p-sortable-column { - outline-color: #cf95d9; -} .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; @@ -1793,8 +1790,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -1811,6 +1808,17 @@ .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #BA68C8; } +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.03); + color: #BA68C8; +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #BA68C8; +} +.p-datatable .p-sortable-column:focus { + box-shadow: inset 0 0 0 1px #cf95d9; + outline: 0 none; +} .p-datatable .p-datatable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1855,14 +1863,14 @@ margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #BA68C8; + box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #BA68C8; + box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1903,14 +1911,14 @@ background: rgba(255, 255, 255, 0.01); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2015,11 +2023,21 @@ display: flex; align-items: center; } -.fc .fc-toolbar .fc-button:hover { +.fc .fc-toolbar .fc-button:enabled:hover { background: #b052c0; color: #ffffff; border-color: #b052c0; } +.fc .fc-toolbar .fc-button:enabled:active { + background: #a241b2; + color: #ffffff; + border-color: #a241b2; +} +.fc .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; +} .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; @@ -2122,8 +2140,8 @@ box-shadow: inset 0 0 0 1px #cf95d9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } @media screen and (max-width: 960px) { @@ -2147,11 +2165,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #752f81; + color: rgba(117, 47, 129, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: rgba(255, 255, 255, 0.6); @@ -2245,9 +2263,9 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + border-color: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2297,8 +2315,8 @@ box-shadow: inset 0 0 0 1px #cf95d9; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); } @media screen and (max-width: 960px) { @@ -2380,12 +2398,16 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2464,8 +2486,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #ffffff; - background: #BA68C8; + color: rgba(255, 255, 255, 0.87); + background: rgba(186, 104, 200, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -2521,14 +2543,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #ffffff; + color: rgba(255, 255, 255, 0.87); } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2650,6 +2672,10 @@ .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } +.p-accordion .p-accordion-tab .p-accordion-content { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } @@ -2664,6 +2690,10 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } +.p-accordion .p-accordion-tab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} .p-card { background: #1f2d40; @@ -3716,8 +3746,8 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -4104,11 +4134,11 @@ border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); + background: #3c567a; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4126,8 +4156,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #BA68C8; - color: #ffffff; + background: rgba(186, 104, 200, 0.16); + color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4275,3 +4305,13 @@ } /* Customizations to the designer theme should be defined here */ +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #BA68C8; +} + +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #BA68C8; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #BA68C8; +} diff --git a/src/AppConfigurator.vue b/src/AppConfigurator.vue index 50d35e4664..6580d712e1 100755 --- a/src/AppConfigurator.vue +++ b/src/AppConfigurator.vue @@ -109,6 +109,16 @@ +
Fluent UI
+
+
+ + Fluent Light +
+
+
PrimeOne Design
@@ -185,7 +195,24 @@
-
Legacy
+

Premium Themes

+

Premium themes are only available exclusively for PrimeVue Theme Designer subscribers and therefore not included in PrimeNG core.

+
+
+ + Soho Light +
+
+ + Soho Dark +
+
+ +

Legacy Free Themes