From 1f7199e9594d1bbccaaac43ea78d4873217d349f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yi=C4=9Fit=20FINDIKLI?= Date: Mon, 8 Nov 2021 10:06:58 +0300 Subject: [PATCH] Fixed #2400 - Material Focus Improvements --- public/themes/arya-blue/theme.css | 2 +- public/themes/arya-green/theme.css | 2 +- public/themes/arya-orange/theme.css | 2 +- public/themes/arya-purple/theme.css | 2 +- public/themes/bootstrap4-dark-blue/theme.css | 2 +- .../themes/bootstrap4-dark-purple/theme.css | 2 +- public/themes/bootstrap4-light-blue/theme.css | 2 +- .../themes/bootstrap4-light-purple/theme.css | 2 +- public/themes/fluent-light/theme.css | 2 +- public/themes/luna-amber/theme.css | 2 +- public/themes/luna-blue/theme.css | 2 +- public/themes/luna-green/theme.css | 2 +- public/themes/luna-pink/theme.css | 2 +- public/themes/md-dark-deeppurple/theme.css | 161 +++++++++++++++++- public/themes/md-dark-indigo/theme.css | 161 +++++++++++++++++- public/themes/md-light-deeppurple/theme.css | 161 +++++++++++++++++- public/themes/md-light-indigo/theme.css | 161 +++++++++++++++++- public/themes/mdc-dark-deeppurple/theme.css | 161 +++++++++++++++++- public/themes/mdc-dark-indigo/theme.css | 161 +++++++++++++++++- public/themes/mdc-light-deeppurple/theme.css | 161 +++++++++++++++++- public/themes/mdc-light-indigo/theme.css | 161 +++++++++++++++++- public/themes/nova-accent/theme.css | 2 +- public/themes/nova-alt/theme.css | 2 +- public/themes/nova/theme.css | 2 +- public/themes/rhea/theme.css | 2 +- public/themes/saga-blue/theme.css | 2 +- public/themes/saga-green/theme.css | 2 +- public/themes/saga-orange/theme.css | 2 +- public/themes/saga-purple/theme.css | 2 +- public/themes/tailwind-light/theme.css | 2 +- public/themes/vela-blue/theme.css | 2 +- public/themes/vela-green/theme.css | 2 +- public/themes/vela-orange/theme.css | 2 +- public/themes/vela-purple/theme.css | 2 +- 34 files changed, 1274 insertions(+), 66 deletions(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 4c4cfce298..5d49bf6e12 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #64B5F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 1b35dba70b..4ff21ac8f4 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #81C784; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 8043ddffbd..895dcd7e09 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #FFD54F; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index df3de139cc..2409c623c0 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #BA68C8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 9a9a5151aa..b96c223c64 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #8dd0ff; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 72c5708fe8..b2a1e0fb56 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #c298d8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 3bccc2ce86..c0f7017cde 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #007bff; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index ce7dd8fdd8..b64fa3d1c4 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #883cae; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 51c5e9bdd7..407b989533 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #323130; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 320bbbb42b..03fff01566 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #FFE082; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index e356b22fe6..c0502be14e 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #81D4FA; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 4e47071683..016686a8fa 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #C5E1A5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 212d2eb7ae..f307d749cf 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #F48FB1; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 82a6d49ebe..15cd7ddd3f 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -1491,7 +1491,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #CE93D8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { @@ -5769,6 +5769,13 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-button { font-weight: 500; min-width: 4rem; @@ -6329,6 +6336,51 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -6453,6 +6505,9 @@ .p-fieldset .p-fieldset-legend { border: 0 none; } +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); +} .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, @@ -6491,9 +6546,27 @@ background: transparent; } -.p-listbox-item .p-ink { +.p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; @@ -6506,9 +6579,18 @@ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } -.p-multiselect-item .p-ink { +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); +} .p-input-filled .p-multiselect { border-bottom-left-radius: 0; @@ -6587,9 +6669,22 @@ padding: 1.5rem; } +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + .p-paginator { justify-content: flex-end; } +.p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; @@ -6623,6 +6718,9 @@ .p-panel .p-panel-title { font-size: 1.25rem; } +.p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); +} .p-panelmenu .p-panelmenu-panel { 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); @@ -6650,9 +6748,19 @@ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { opacity: 0.38; } -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { background: rgba(255, 255, 255, 0.04); } +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} .p-progressbar { border-radius: 0; @@ -6694,6 +6802,28 @@ background-color: #1e1e1e; } +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(244, 68, 53, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + .p-selectbutton .p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -6703,6 +6833,10 @@ border-color: rgba(255, 255, 255, 0.12); } +.p-slidemenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -6738,7 +6872,7 @@ flex-direction: row; flex: 1 1 auto; overflow: visible; - padding: 0 0.5rem; + padding: 1rem 0.5rem; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { background-color: #9e9d9e; @@ -6752,6 +6886,9 @@ margin: 0; padding-left: 0.5rem; } +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); +} .p-steps .p-steps-item.p-highlight .p-steps-number { background-color: #CE93D8; color: #121212; @@ -6787,6 +6924,10 @@ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-toolbar { border: 0 none; } @@ -6799,6 +6940,13 @@ display: none; } +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -6913,6 +7061,9 @@ .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { background-color: rgba(206, 147, 216, 0.12); } +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); +} .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index f3928301f3..fd7d439702 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -1491,7 +1491,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #9FA8DA; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { @@ -5769,6 +5769,13 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-button { font-weight: 500; min-width: 4rem; @@ -6329,6 +6336,51 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -6453,6 +6505,9 @@ .p-fieldset .p-fieldset-legend { border: 0 none; } +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); +} .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, @@ -6491,9 +6546,27 @@ background: transparent; } -.p-listbox-item .p-ink { +.p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; @@ -6506,9 +6579,18 @@ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } -.p-multiselect-item .p-ink { +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); +} .p-input-filled .p-multiselect { border-bottom-left-radius: 0; @@ -6587,9 +6669,22 @@ padding: 1.5rem; } +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + .p-paginator { justify-content: flex-end; } +.p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; @@ -6623,6 +6718,9 @@ .p-panel .p-panel-title { font-size: 1.25rem; } +.p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); +} .p-panelmenu .p-panelmenu-panel { 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); @@ -6650,9 +6748,19 @@ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { opacity: 0.38; } -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { background: rgba(255, 255, 255, 0.04); } +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} .p-progressbar { border-radius: 0; @@ -6694,6 +6802,28 @@ background-color: #1e1e1e; } +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(159, 168, 218, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(244, 68, 53, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + .p-selectbutton .p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -6703,6 +6833,10 @@ border-color: rgba(255, 255, 255, 0.12); } +.p-slidemenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -6738,7 +6872,7 @@ flex-direction: row; flex: 1 1 auto; overflow: visible; - padding: 0 0.5rem; + padding: 1rem 0.5rem; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { background-color: #9e9d9e; @@ -6752,6 +6886,9 @@ margin: 0; padding-left: 0.5rem; } +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); +} .p-steps .p-steps-item.p-highlight .p-steps-number { background-color: #9FA8DA; color: #121212; @@ -6787,6 +6924,10 @@ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-toolbar { border: 0 none; } @@ -6799,6 +6940,13 @@ display: none; } +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -6913,6 +7061,9 @@ .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { background-color: rgba(159, 168, 218, 0.12); } +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); +} .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index bae729770e..272a691699 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -1491,7 +1491,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #673AB7; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { @@ -5769,6 +5769,13 @@ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; } +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-button { font-weight: 500; min-width: 4rem; @@ -6329,6 +6336,51 @@ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; } +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -6453,6 +6505,9 @@ .p-fieldset .p-fieldset-legend { border: 0 none; } +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); +} .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, @@ -6491,9 +6546,27 @@ background: transparent; } -.p-listbox-item .p-ink { +.p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; @@ -6506,9 +6579,18 @@ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } -.p-multiselect-item .p-ink { +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); +} .p-input-filled .p-multiselect { border-bottom-left-radius: 0; @@ -6587,9 +6669,22 @@ padding: 1.5rem; } +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + .p-paginator { justify-content: flex-end; } +.p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; @@ -6623,6 +6718,9 @@ .p-panel .p-panel-title { font-size: 1.25rem; } +.p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); +} .p-panelmenu .p-panelmenu-panel { 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); @@ -6650,9 +6748,19 @@ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { opacity: 0.38; } -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { background: #f6f6f6; } +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} .p-progressbar { border-radius: 0; @@ -6694,6 +6802,28 @@ background-color: #ffffff; } +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(103, 58, 183, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(176, 0, 32, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + .p-selectbutton .p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -6703,6 +6833,10 @@ border-color: #d9d8d9; } +.p-slidemenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -6738,7 +6872,7 @@ flex-direction: row; flex: 1 1 auto; overflow: visible; - padding: 0 0.5rem; + padding: 1rem 0.5rem; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { background-color: #9e9d9e; @@ -6752,6 +6886,9 @@ margin: 0; padding-left: 0.5rem; } +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); +} .p-steps .p-steps-item.p-highlight .p-steps-number { background-color: #673AB7; color: #ffffff; @@ -6787,6 +6924,10 @@ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-toolbar { border: 0 none; } @@ -6799,6 +6940,13 @@ display: none; } +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -6913,6 +7061,9 @@ .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { background-color: rgba(103, 58, 183, 0.12); } +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); +} .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index c6dda88900..1513d2d080 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -1491,7 +1491,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #3F51B5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { @@ -5769,6 +5769,13 @@ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; } +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-button { font-weight: 500; min-width: 4rem; @@ -6329,6 +6336,51 @@ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; } +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -6453,6 +6505,9 @@ .p-fieldset .p-fieldset-legend { border: 0 none; } +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); +} .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, @@ -6491,9 +6546,27 @@ background: transparent; } -.p-listbox-item .p-ink { +.p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; @@ -6506,9 +6579,18 @@ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } -.p-multiselect-item .p-ink { +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); +} .p-input-filled .p-multiselect { border-bottom-left-radius: 0; @@ -6587,9 +6669,22 @@ padding: 1.5rem; } +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + .p-paginator { justify-content: flex-end; } +.p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; @@ -6623,6 +6718,9 @@ .p-panel .p-panel-title { font-size: 1.25rem; } +.p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); +} .p-panelmenu .p-panelmenu-panel { 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); @@ -6650,9 +6748,19 @@ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { opacity: 0.38; } -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { background: #f6f6f6; } +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} .p-progressbar { border-radius: 0; @@ -6694,6 +6802,28 @@ background-color: #ffffff; } +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(63, 81, 181, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(176, 0, 32, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + .p-selectbutton .p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -6703,6 +6833,10 @@ border-color: #d9d8d9; } +.p-slidemenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -6738,7 +6872,7 @@ flex-direction: row; flex: 1 1 auto; overflow: visible; - padding: 0 0.5rem; + padding: 1rem 0.5rem; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { background-color: #9e9d9e; @@ -6752,6 +6886,9 @@ margin: 0; padding-left: 0.5rem; } +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); +} .p-steps .p-steps-item.p-highlight .p-steps-number { background-color: #3F51B5; color: #ffffff; @@ -6787,6 +6924,10 @@ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-toolbar { border: 0 none; } @@ -6799,6 +6940,13 @@ display: none; } +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -6913,6 +7061,9 @@ .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { background-color: rgba(63, 81, 181, 0.12); } +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); +} .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 5828e11c02..3d4ba81d91 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -1491,7 +1491,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #CE93D8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { @@ -5769,6 +5769,13 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-button { font-weight: 500; min-width: 4rem; @@ -6329,6 +6336,51 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(206, 147, 216, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(206, 147, 216, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -6453,6 +6505,9 @@ .p-fieldset .p-fieldset-legend { border: 0 none; } +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); +} .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, @@ -6491,9 +6546,27 @@ background: transparent; } -.p-listbox-item .p-ink { +.p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; @@ -6506,9 +6579,18 @@ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } -.p-multiselect-item .p-ink { +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); +} .p-input-filled .p-multiselect { border-bottom-left-radius: 0; @@ -6587,9 +6669,22 @@ padding: 1.5rem; } +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + .p-paginator { justify-content: flex-end; } +.p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; @@ -6623,6 +6718,9 @@ .p-panel .p-panel-title { font-size: 1.25rem; } +.p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); +} .p-panelmenu .p-panelmenu-panel { 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); @@ -6650,9 +6748,19 @@ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { opacity: 0.38; } -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { background: rgba(255, 255, 255, 0.04); } +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} .p-progressbar { border-radius: 0; @@ -6694,6 +6802,28 @@ background-color: #1e1e1e; } +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(244, 68, 53, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + .p-selectbutton .p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -6703,6 +6833,10 @@ border-color: rgba(255, 255, 255, 0.12); } +.p-slidemenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -6738,7 +6872,7 @@ flex-direction: row; flex: 1 1 auto; overflow: visible; - padding: 0 0.5rem; + padding: 1rem 0.5rem; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { background-color: #9e9d9e; @@ -6752,6 +6886,9 @@ margin: 0; padding-left: 0.5rem; } +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); +} .p-steps .p-steps-item.p-highlight .p-steps-number { background-color: #CE93D8; color: #121212; @@ -6787,6 +6924,10 @@ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-toolbar { border: 0 none; } @@ -6799,6 +6940,13 @@ display: none; } +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(206, 147, 216, 0.24); +} + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -6913,6 +7061,9 @@ .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { background-color: rgba(206, 147, 216, 0.12); } +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(206, 147, 216, 0.12); +} .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index bbffaa6fbf..83b712e58b 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -1491,7 +1491,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #9FA8DA; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { @@ -5769,6 +5769,13 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-button { font-weight: 500; min-width: 4rem; @@ -6329,6 +6336,51 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(159, 168, 218, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(159, 168, 218, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -6453,6 +6505,9 @@ .p-fieldset .p-fieldset-legend { border: 0 none; } +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(255, 255, 255, 0.12); +} .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, @@ -6491,9 +6546,27 @@ background: transparent; } -.p-listbox-item .p-ink { +.p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; @@ -6506,9 +6579,18 @@ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } -.p-multiselect-item .p-ink { +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + background: rgba(255, 255, 255, 0.12); +} .p-input-filled .p-multiselect { border-bottom-left-radius: 0; @@ -6587,9 +6669,22 @@ padding: 1.5rem; } +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + .p-paginator { justify-content: flex-end; } +.p-paginator .p-paginator-element:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; @@ -6623,6 +6718,9 @@ .p-panel .p-panel-title { font-size: 1.25rem; } +.p-panel .p-panel-header-icon:focus { + background: rgba(255, 255, 255, 0.12); +} .p-panelmenu .p-panelmenu-panel { 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); @@ -6650,9 +6748,19 @@ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { opacity: 0.38; } -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { background: rgba(255, 255, 255, 0.04); } +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} .p-progressbar { border-radius: 0; @@ -6694,6 +6802,28 @@ background-color: #1e1e1e; } +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(159, 168, 218, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(244, 68, 53, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + .p-selectbutton .p-button:focus { background: #1c1c1c; border-color: rgba(255, 255, 255, 0.12); @@ -6703,6 +6833,10 @@ border-color: rgba(255, 255, 255, 0.12); } +.p-slidemenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -6738,7 +6872,7 @@ flex-direction: row; flex: 1 1 auto; overflow: visible; - padding: 0 0.5rem; + padding: 1rem 0.5rem; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { background-color: #9e9d9e; @@ -6752,6 +6886,9 @@ margin: 0; padding-left: 0.5rem; } +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(255, 255, 255, 0.12); +} .p-steps .p-steps-item.p-highlight .p-steps-number { background-color: #9FA8DA; color: #121212; @@ -6787,6 +6924,10 @@ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(255, 255, 255, 0.12); +} + .p-toolbar { border: 0 none; } @@ -6799,6 +6940,13 @@ display: none; } +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(159, 168, 218, 0.24); +} + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -6913,6 +7061,9 @@ .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { background-color: rgba(159, 168, 218, 0.12); } +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(159, 168, 218, 0.12); +} .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index ccd5f2c376..a7a01e72b9 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -1491,7 +1491,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #673AB7; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { @@ -5769,6 +5769,13 @@ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; } +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-button { font-weight: 500; min-width: 4rem; @@ -6329,6 +6336,51 @@ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; } +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(103, 58, 183, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(103, 58, 183, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -6453,6 +6505,9 @@ .p-fieldset .p-fieldset-legend { border: 0 none; } +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); +} .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, @@ -6491,9 +6546,27 @@ background: transparent; } -.p-listbox-item .p-ink { +.p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; @@ -6506,9 +6579,18 @@ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } -.p-multiselect-item .p-ink { +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); +} .p-input-filled .p-multiselect { border-bottom-left-radius: 0; @@ -6587,9 +6669,22 @@ padding: 1.5rem; } +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + .p-paginator { justify-content: flex-end; } +.p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; @@ -6623,6 +6718,9 @@ .p-panel .p-panel-title { font-size: 1.25rem; } +.p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); +} .p-panelmenu .p-panelmenu-panel { 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); @@ -6650,9 +6748,19 @@ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { opacity: 0.38; } -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { background: #f6f6f6; } +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} .p-progressbar { border-radius: 0; @@ -6694,6 +6802,28 @@ background-color: #ffffff; } +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(103, 58, 183, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(176, 0, 32, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + .p-selectbutton .p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -6703,6 +6833,10 @@ border-color: #d9d8d9; } +.p-slidemenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -6738,7 +6872,7 @@ flex-direction: row; flex: 1 1 auto; overflow: visible; - padding: 0 0.5rem; + padding: 1rem 0.5rem; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { background-color: #9e9d9e; @@ -6752,6 +6886,9 @@ margin: 0; padding-left: 0.5rem; } +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); +} .p-steps .p-steps-item.p-highlight .p-steps-number { background-color: #673AB7; color: #ffffff; @@ -6787,6 +6924,10 @@ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-toolbar { border: 0 none; } @@ -6799,6 +6940,13 @@ display: none; } +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(103, 58, 183, 0.24); +} + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -6913,6 +7061,9 @@ .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { background-color: rgba(103, 58, 183, 0.12); } +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(103, 58, 183, 0.12); +} .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index b80b575af6..a9b617e742 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -1491,7 +1491,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #3F51B5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { @@ -5769,6 +5769,13 @@ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; } +.p-breadcrumb .p-menuitem-link { + padding: 0.25rem 0.5rem; +} +.p-breadcrumb .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-button { font-weight: 500; min-width: 4rem; @@ -6329,6 +6336,51 @@ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; } +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { + background: rgba(63, 81, 181, 0.76); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { + background: rgba(63, 81, 181, 0.68); +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + .p-galleria .p-galleria-indicators { padding: 1rem; } @@ -6453,6 +6505,9 @@ .p-fieldset .p-fieldset-legend { border: 0 none; } +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + background: rgba(0, 0, 0, 0.12); +} .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, @@ -6491,9 +6546,27 @@ background: transparent; } -.p-listbox-item .p-ink { +.p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } +.p-listbox .p-listbox-list .p-listbox-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + +.p-megamenu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menu .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-menubar .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { background-image: none; @@ -6506,9 +6579,18 @@ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } -.p-multiselect-item .p-ink { +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + background: rgba(0, 0, 0, 0.12); +} .p-input-filled .p-multiselect { border-bottom-left-radius: 0; @@ -6587,9 +6669,22 @@ padding: 1.5rem; } +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + .p-paginator { justify-content: flex-end; } +.p-paginator .p-paginator-element:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-paginator .p-paginator-element:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; @@ -6623,6 +6718,9 @@ .p-panel .p-panel-title { font-size: 1.25rem; } +.p-panel .p-panel-header-icon:focus { + background: rgba(0, 0, 0, 0.12); +} .p-panelmenu .p-panelmenu-panel { 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); @@ -6650,9 +6748,19 @@ .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { opacity: 0.38; } -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { background: #f6f6f6; } +.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + +.p-picklist .p-picklist-list .p-picklist-item:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} .p-progressbar { border-radius: 0; @@ -6694,6 +6802,28 @@ background-color: #ffffff; } +.p-rating .p-rating-icon { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-left: 0; +} +.p-rating .p-rating-icon:focus { + background: rgba(63, 81, 181, 0.12); +} +.p-rating .p-rating-icon.p-rating-cancel:focus { + background: rgba(176, 0, 32, 0.12); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + .p-selectbutton .p-button:focus { background: #e0e0e1; border-color: #e0e0e1; @@ -6703,6 +6833,10 @@ border-color: #d9d8d9; } +.p-slidemenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-slider .p-slider-handle { transition: transform 0.2s, box-shadow 0.2s; transform: scale(0.7); @@ -6738,7 +6872,7 @@ flex-direction: row; flex: 1 1 auto; overflow: visible; - padding: 0 0.5rem; + padding: 1rem 0.5rem; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { background-color: #9e9d9e; @@ -6752,6 +6886,9 @@ margin: 0; padding-left: 0.5rem; } +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + background: rgba(0, 0, 0, 0.12); +} .p-steps .p-steps-item.p-highlight .p-steps-number { background-color: #3F51B5; color: #ffffff; @@ -6787,6 +6924,10 @@ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } +.p-tieredmenu .p-menuitem-link:focus { + background: rgba(0, 0, 0, 0.12); +} + .p-toolbar { border: 0 none; } @@ -6799,6 +6940,13 @@ display: none; } +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + background: rgba(63, 81, 181, 0.24); +} + .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { background-image: none; background: transparent; @@ -6913,6 +7061,9 @@ .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { background-color: rgba(63, 81, 181, 0.12); } +.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { + background-color: rgba(63, 81, 181, 0.12); +} .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 34ced994bd..c9a04c3191 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #007ad9; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 0b9ab3b20c..e91da95d13 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #007ad9; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 5e5a459668..f906a41a74 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -1475,7 +1475,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #007ad9; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 06cb66fa03..8204a3de6f 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #7B95A3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 9a75657643..e0dbb6eb41 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #2196F3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 4581b32a09..f091469b29 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #4CAF50; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 9c31000c2e..307dcee39a 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #FFC107; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index f82c08c439..8af959e219 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #9C27B0; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index 7564b5f098..4ed52b3bd8 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -1502,7 +1502,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #4F46E5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index a1bb23da42..16a4e78a85 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #64B5F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 77f9174d1d..a247fb12ad 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #81C784; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 09a0e2a9bd..74c32aa488 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #FFD54F; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 065df35363..b815a251b3 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -1467,7 +1467,7 @@ .p-rating .p-rating-icon:first-child { margin-left: 0; } -.p-rating .p-rating-icon.pi-star { +.p-rating .p-rating-icon.pi-star-fill { color: #BA68C8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {