From d9e94bb44af726a43105a7fdc34e7a0352b03048 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Thu, 18 Jan 2024 12:56:05 +0300 Subject: [PATCH] Add new contrast button option --- doc/button/RaisedDoc.vue | 4 + doc/button/RoundedDoc.vue | 4 + doc/button/SeverityDoc.vue | 4 + layouts/AppConfigurator.vue | 90 +----- layouts/default.vue | 2 +- public/themes/arya-blue/theme.css | 28 ++ public/themes/arya-green/theme.css | 28 ++ public/themes/arya-orange/theme.css | 28 ++ public/themes/arya-purple/theme.css | 28 ++ public/themes/aura-dark-amber/theme.css | 126 +++++++-- public/themes/aura-dark-blue/theme.css | 126 +++++++-- public/themes/aura-dark-cyan/theme.css | 126 +++++++-- public/themes/aura-dark-green/theme.css | 126 +++++++-- public/themes/aura-dark-indigo/theme.css | 126 +++++++-- public/themes/aura-dark-lime/theme.css | 126 +++++++-- public/themes/aura-dark-noir/theme.css | 126 +++++++-- public/themes/aura-dark-pink/theme.css | 126 +++++++-- public/themes/aura-dark-purple/theme.css | 126 +++++++-- public/themes/aura-dark-teal/theme.css | 126 +++++++-- public/themes/aura-light-amber/theme.css | 86 ++++++ public/themes/aura-light-blue/theme.css | 86 ++++++ public/themes/aura-light-cyan/theme.css | 86 ++++++ public/themes/aura-light-green/theme.css | 86 ++++++ public/themes/aura-light-indigo/theme.css | 86 ++++++ public/themes/aura-light-lime/theme.css | 86 ++++++ public/themes/aura-light-noir/theme.css | 86 ++++++ public/themes/aura-light-pink/theme.css | 86 ++++++ public/themes/aura-light-purple/theme.css | 86 ++++++ public/themes/aura-light-teal/theme.css | 86 ++++++ public/themes/bootstrap4-dark-blue/theme.css | 77 +++++ .../themes/bootstrap4-dark-purple/theme.css | 77 +++++ public/themes/bootstrap4-light-blue/theme.css | 77 +++++ .../themes/bootstrap4-light-purple/theme.css | 77 +++++ public/themes/fluent-light/theme.css | 28 ++ public/themes/lara-dark-amber/theme.css | 77 +++++ public/themes/lara-dark-blue/theme.css | 77 +++++ public/themes/lara-dark-cyan/theme.css | 77 +++++ public/themes/lara-dark-green/theme.css | 77 +++++ public/themes/lara-dark-indigo/theme.css | 77 +++++ public/themes/lara-dark-pink/theme.css | 77 +++++ public/themes/lara-dark-purple/theme.css | 77 +++++ public/themes/lara-dark-teal/theme.css | 77 +++++ public/themes/lara-light-amber/theme.css | 77 +++++ public/themes/lara-light-blue/theme.css | 77 +++++ public/themes/lara-light-cyan/theme.css | 77 +++++ public/themes/lara-light-green/theme.css | 77 +++++ public/themes/lara-light-indigo/theme.css | 77 +++++ public/themes/lara-light-pink/theme.css | 77 +++++ public/themes/lara-light-purple/theme.css | 77 +++++ public/themes/lara-light-teal/theme.css | 77 +++++ public/themes/luna-amber/theme.css | 28 ++ public/themes/luna-blue/theme.css | 28 ++ public/themes/luna-green/theme.css | 28 ++ public/themes/luna-pink/theme.css | 28 ++ public/themes/md-dark-deeppurple/theme.css | 265 ++++++++++++++++-- public/themes/md-dark-indigo/theme.css | 265 ++++++++++++++++-- public/themes/md-light-deeppurple/theme.css | 265 ++++++++++++++++-- public/themes/md-light-indigo/theme.css | 265 ++++++++++++++++-- public/themes/mdc-dark-deeppurple/theme.css | 265 ++++++++++++++++-- public/themes/mdc-dark-indigo/theme.css | 265 ++++++++++++++++-- public/themes/mdc-light-deeppurple/theme.css | 265 ++++++++++++++++-- public/themes/mdc-light-indigo/theme.css | 265 ++++++++++++++++-- public/themes/mira/theme.css | 28 ++ public/themes/nano/theme.css | 28 ++ public/themes/nova-accent/theme.css | 28 ++ public/themes/nova-alt/theme.css | 28 ++ public/themes/nova-vue/theme.css | 28 ++ public/themes/nova/theme.css | 28 ++ public/themes/rhea/theme.css | 28 ++ public/themes/saga-blue/theme.css | 28 ++ public/themes/saga-green/theme.css | 28 ++ public/themes/saga-orange/theme.css | 28 ++ public/themes/saga-purple/theme.css | 28 ++ public/themes/soho-dark/theme.css | 77 +++++ public/themes/soho-light/theme.css | 77 +++++ public/themes/tailwind-light/theme.css | 28 ++ public/themes/vela-blue/theme.css | 28 ++ public/themes/vela-green/theme.css | 28 ++ public/themes/vela-orange/theme.css | 28 ++ public/themes/vela-purple/theme.css | 28 ++ public/themes/viva-dark/theme.css | 77 +++++ public/themes/viva-light/theme.css | 77 +++++ 82 files changed, 6373 insertions(+), 519 deletions(-) diff --git a/doc/button/RaisedDoc.vue b/doc/button/RaisedDoc.vue index f38bd57f8..9c48b3915 100644 --- a/doc/button/RaisedDoc.vue +++ b/doc/button/RaisedDoc.vue @@ -10,6 +10,7 @@ - -
-
- Mira - Mira -
- -
-
-
- Nano - Nano -
- -
-
- - @@ -421,8 +368,7 @@ export default { { label: 'Current', value: 'current' }, { label: 'Primary', value: 'primary' } ], - compactMaterial: false, - lightOnlyThemes: ['fluent-light', 'mira', 'nano'] + compactMaterial: false }; }, watch: { @@ -453,23 +399,18 @@ export default { changeTheme(theme, color) { let newTheme, dark; - if (this.lightOnlyThemes.includes(theme)) { - newTheme = theme; - dark = false; - } else { - newTheme = theme + '-' + (this.$appState.darkTheme ? 'dark' : 'light'); + newTheme = theme + '-' + (this.$appState.darkTheme ? 'dark' : 'light'); - if (color) { - newTheme += '-' + color; - } - - if (newTheme.startsWith('md-') && this.compactMaterial) { - newTheme = newTheme.replace('md-', 'mdc-'); - } - - dark = this.$appState.darkTheme; + if (color) { + newTheme += '-' + color; } + if (newTheme.startsWith('md-') && this.compactMaterial) { + newTheme = newTheme.replace('md-', 'mdc-'); + } + + dark = this.$appState.darkTheme; + EventBus.emit('theme-change', { theme: newTheme, dark: dark }); }, decrementScale() { @@ -505,11 +446,7 @@ export default { let themeName; let themePrefix = themeFamily === 'md' && this.compactMaterial ? 'mdc' : themeFamily; - if (this.lightOnlyThemes.includes(themePrefix)) { - themeName = themePrefix; - } else { - themeName = themePrefix + (this.$appState.darkTheme ? '-dark' : '-light'); - } + themeName = themePrefix + (this.$appState.darkTheme ? '-dark' : '-light'); if (color) { themeName += '-' + color; @@ -539,9 +476,6 @@ export default { rippleActive() { return this.$primevue.config.ripple; }, - darkToggleDisabled() { - return this.lightOnlyThemes.includes(this.$appState.theme); - }, containerClass() { return [ 'layout-config w-full sm:w-26rem', diff --git a/layouts/default.vue b/layouts/default.vue index 7fee2322c..26670a043 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -94,7 +94,7 @@ export default { newTheme = currentTheme.replace('dark', 'light'); localStorage.setItem(this.$appState.colorSchemeKey, 'light'); } else { - if (currentTheme.includes('light') && currentTheme !== 'fluent-light') newTheme = currentTheme.replace('light', 'dark'); + if (currentTheme.includes('light')) newTheme = currentTheme.replace('light', 'dark'); else newTheme = 'aura-dark-green'; //fallback localStorage.setItem(this.$appState.colorSchemeKey, 'dark'); diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 48113533f..4027fcaaa 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3365,6 +3389,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index d9019daa5..4dc876561 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3365,6 +3389,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 41565ae95..1f5a2ca10 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3365,6 +3389,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 8ca0ba605..61b04f2cd 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3365,6 +3389,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/aura-dark-amber/theme.css b/public/themes/aura-dark-amber/theme.css index 412ff2d54..e385609f9 100644 --- a/public/themes/aura-dark-amber/theme.css +++ b/public/themes/aura-dark-amber/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#fbbf24; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #fcd34d; background: #fcd34d; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #fbbf24; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #fbbf24; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #fcd34d; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #fcd34d; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #fbbf24; border: 1px solid #fbbf24; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #fcd34d; - color: #030712; + color: #020617; border-color: #fcd34d; } .p-button:not(:disabled):active { background: #fde68a; - color: #030712; + color: #020617; border-color: #fde68a; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #fbbf24; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #fbbf24; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #fbbf24; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #fcd34d; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #fcd34d; - color: #030712; + color: #020617; border-color: #fcd34d; } .p-fileupload-choose:not(.p-disabled):active { background: #fde68a; - color: #030712; + color: #020617; border-color: #fde68a; } @@ -5718,7 +5795,7 @@ .p-badge { background: #fbbf24; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #fbbf24; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #fbbf24; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-blue/theme.css b/public/themes/aura-dark-blue/theme.css index 35bfef9ad..5f3212227 100644 --- a/public/themes/aura-dark-blue/theme.css +++ b/public/themes/aura-dark-blue/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#60a5fa; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #93c5fd; background: #93c5fd; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #60a5fa; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #60a5fa; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #93c5fd; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #93c5fd; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #60a5fa; border: 1px solid #60a5fa; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #93c5fd; - color: #030712; + color: #020617; border-color: #93c5fd; } .p-button:not(:disabled):active { background: #bfdbfe; - color: #030712; + color: #020617; border-color: #bfdbfe; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #60a5fa; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #60a5fa; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #60a5fa; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #93c5fd; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #93c5fd; - color: #030712; + color: #020617; border-color: #93c5fd; } .p-fileupload-choose:not(.p-disabled):active { background: #bfdbfe; - color: #030712; + color: #020617; border-color: #bfdbfe; } @@ -5718,7 +5795,7 @@ .p-badge { background: #60a5fa; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #60a5fa; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #60a5fa; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-cyan/theme.css b/public/themes/aura-dark-cyan/theme.css index 27f2c8212..2c5efff46 100644 --- a/public/themes/aura-dark-cyan/theme.css +++ b/public/themes/aura-dark-cyan/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#22d3ee; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #67e8f9; background: #67e8f9; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #22d3ee; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #22d3ee; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #67e8f9; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #67e8f9; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #22d3ee; border: 1px solid #22d3ee; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #67e8f9; - color: #030712; + color: #020617; border-color: #67e8f9; } .p-button:not(:disabled):active { background: #a5f3fc; - color: #030712; + color: #020617; border-color: #a5f3fc; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #22d3ee; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #22d3ee; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #22d3ee; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #67e8f9; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #67e8f9; - color: #030712; + color: #020617; border-color: #67e8f9; } .p-fileupload-choose:not(.p-disabled):active { background: #a5f3fc; - color: #030712; + color: #020617; border-color: #a5f3fc; } @@ -5718,7 +5795,7 @@ .p-badge { background: #22d3ee; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #22d3ee; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #22d3ee; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-green/theme.css b/public/themes/aura-dark-green/theme.css index 3f10b84d7..e5dbdd552 100644 --- a/public/themes/aura-dark-green/theme.css +++ b/public/themes/aura-dark-green/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#34d399; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #6ee7b7; background: #6ee7b7; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #34d399; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #34d399; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #6ee7b7; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #6ee7b7; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #34d399; border: 1px solid #34d399; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #6ee7b7; - color: #030712; + color: #020617; border-color: #6ee7b7; } .p-button:not(:disabled):active { background: #a7f3d0; - color: #030712; + color: #020617; border-color: #a7f3d0; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #34d399; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #34d399; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #34d399; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #6ee7b7; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #6ee7b7; - color: #030712; + color: #020617; border-color: #6ee7b7; } .p-fileupload-choose:not(.p-disabled):active { background: #a7f3d0; - color: #030712; + color: #020617; border-color: #a7f3d0; } @@ -5718,7 +5795,7 @@ .p-badge { background: #34d399; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #34d399; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #34d399; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-indigo/theme.css b/public/themes/aura-dark-indigo/theme.css index c140b7c17..3c421febc 100644 --- a/public/themes/aura-dark-indigo/theme.css +++ b/public/themes/aura-dark-indigo/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#818cf8; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #a5b4fc; background: #a5b4fc; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #818cf8; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #818cf8; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #a5b4fc; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #a5b4fc; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #818cf8; border: 1px solid #818cf8; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #a5b4fc; - color: #030712; + color: #020617; border-color: #a5b4fc; } .p-button:not(:disabled):active { background: #c7d2fe; - color: #030712; + color: #020617; border-color: #c7d2fe; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #818cf8; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #818cf8; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #818cf8; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #a5b4fc; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #a5b4fc; - color: #030712; + color: #020617; border-color: #a5b4fc; } .p-fileupload-choose:not(.p-disabled):active { background: #c7d2fe; - color: #030712; + color: #020617; border-color: #c7d2fe; } @@ -5718,7 +5795,7 @@ .p-badge { background: #818cf8; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #818cf8; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #818cf8; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-lime/theme.css b/public/themes/aura-dark-lime/theme.css index 2f58c9619..80c04707f 100644 --- a/public/themes/aura-dark-lime/theme.css +++ b/public/themes/aura-dark-lime/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#a3e635; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #bef264; background: #bef264; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #a3e635; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #a3e635; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #bef264; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #bef264; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #a3e635; border: 1px solid #a3e635; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #bef264; - color: #030712; + color: #020617; border-color: #bef264; } .p-button:not(:disabled):active { background: #d9f99d; - color: #030712; + color: #020617; border-color: #d9f99d; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #a3e635; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #a3e635; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #a3e635; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #bef264; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #bef264; - color: #030712; + color: #020617; border-color: #bef264; } .p-fileupload-choose:not(.p-disabled):active { background: #d9f99d; - color: #030712; + color: #020617; border-color: #d9f99d; } @@ -5718,7 +5795,7 @@ .p-badge { background: #a3e635; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #a3e635; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #a3e635; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-noir/theme.css b/public/themes/aura-dark-noir/theme.css index f000c5958..5249f212e 100644 --- a/public/themes/aura-dark-noir/theme.css +++ b/public/themes/aura-dark-noir/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#fafafa; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #f4f4f5; background: #f4f4f5; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #fafafa; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #fafafa; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #f4f4f5; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #f4f4f5; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #fafafa; border: 1px solid #fafafa; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #f4f4f5; - color: #030712; + color: #020617; border-color: #f4f4f5; } .p-button:not(:disabled):active { background: #e4e4e7; - color: #030712; + color: #020617; border-color: #e4e4e7; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #fafafa; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #fafafa; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #fafafa; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #f4f4f5; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #f4f4f5; - color: #030712; + color: #020617; border-color: #f4f4f5; } .p-fileupload-choose:not(.p-disabled):active { background: #e4e4e7; - color: #030712; + color: #020617; border-color: #e4e4e7; } @@ -5718,7 +5795,7 @@ .p-badge { background: #fafafa; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #fafafa; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #fafafa; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-pink/theme.css b/public/themes/aura-dark-pink/theme.css index e814a5fd0..3cc07d3a0 100644 --- a/public/themes/aura-dark-pink/theme.css +++ b/public/themes/aura-dark-pink/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#f472b6; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #f9a8d4; background: #f9a8d4; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #f472b6; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #f472b6; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #f9a8d4; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #f9a8d4; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #f472b6; border: 1px solid #f472b6; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #f9a8d4; - color: #030712; + color: #020617; border-color: #f9a8d4; } .p-button:not(:disabled):active { background: #fbcfe8; - color: #030712; + color: #020617; border-color: #fbcfe8; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #f472b6; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #f472b6; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #f472b6; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #f9a8d4; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #f9a8d4; - color: #030712; + color: #020617; border-color: #f9a8d4; } .p-fileupload-choose:not(.p-disabled):active { background: #fbcfe8; - color: #030712; + color: #020617; border-color: #fbcfe8; } @@ -5718,7 +5795,7 @@ .p-badge { background: #f472b6; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #f472b6; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #f472b6; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-purple/theme.css b/public/themes/aura-dark-purple/theme.css index 6f0fe01d1..600e79f6c 100644 --- a/public/themes/aura-dark-purple/theme.css +++ b/public/themes/aura-dark-purple/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#a78bfa; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #c4b5fd; background: #c4b5fd; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #a78bfa; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #a78bfa; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #c4b5fd; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #c4b5fd; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #a78bfa; border: 1px solid #a78bfa; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #c4b5fd; - color: #030712; + color: #020617; border-color: #c4b5fd; } .p-button:not(:disabled):active { background: #ddd6fe; - color: #030712; + color: #020617; border-color: #ddd6fe; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #a78bfa; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #a78bfa; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #a78bfa; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #c4b5fd; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #c4b5fd; - color: #030712; + color: #020617; border-color: #c4b5fd; } .p-fileupload-choose:not(.p-disabled):active { background: #ddd6fe; - color: #030712; + color: #020617; border-color: #ddd6fe; } @@ -5718,7 +5795,7 @@ .p-badge { background: #a78bfa; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #a78bfa; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #a78bfa; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-dark-teal/theme.css b/public/themes/aura-dark-teal/theme.css index cac150ae5..787955b00 100644 --- a/public/themes/aura-dark-teal/theme.css +++ b/public/themes/aura-dark-teal/theme.css @@ -7,7 +7,7 @@ --text-color:#ffffff; --text-color-secondary:#a1a1aa; --primary-color:#2dd4bf; - --primary-color-text:#030712; + --primary-color-text:#020617; --surface-0: #18181b; --surface-50: #27272a; --surface-100: #3f3f46; @@ -453,6 +453,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -772,6 +776,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -820,7 +828,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #030712; + color: #020617; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -837,7 +845,7 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #5eead4; background: #5eead4; - color: #030712; + color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 2px solid var(--p-focus-ring-color); @@ -1024,6 +1032,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1161,7 +1173,7 @@ background: #2dd4bf; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: #030712; + background: #020617; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { @@ -1352,6 +1364,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1490,6 +1506,10 @@ color: #ffffff; background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1579,14 +1599,14 @@ } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #2dd4bf; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #3f3f46; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #5eead4; - background: #030712; + background: #020617; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #5eead4; @@ -1605,13 +1625,13 @@ background-color: #27272a; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #27272a; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: #030712; + background: #020617; } .p-rating { @@ -1865,7 +1885,7 @@ } .p-button { - color: #030712; + color: #020617; background: #2dd4bf; border: 1px solid #2dd4bf; padding: 0.5rem 1rem; @@ -1876,12 +1896,12 @@ } .p-button:not(:disabled):hover { background: #5eead4; - color: #030712; + color: #020617; border-color: #5eead4; } .p-button:not(:disabled):active { background: #99f6e4; - color: #030712; + color: #020617; border-color: #99f6e4; } .p-button.p-button-outlined { @@ -1963,7 +1983,7 @@ height: 1rem; line-height: 1rem; color: #2dd4bf; - background-color: #030712; + background-color: #020617; } .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); @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #09090b; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #09090b; + border-color: #f4f4f5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e4e4e7; + color: #09090b; + border-color: #e4e4e7; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #2dd4bf; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: #ffffff; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #ffffff; background: rgba(255, 255, 255, 0.08); @@ -3407,7 +3484,7 @@ border-radius: 50%; width: 1.125rem; height: 1.125rem; - background-color: #030712; + background-color: #020617; } .p-timeline .p-timeline-event-connector { background-color: #27272a; @@ -4172,7 +4249,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #2dd4bf; - color: #030712; + color: #020617; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; @@ -4183,7 +4260,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #5eead4; - color: #030712; + color: #020617; } .p-overlaypanel:after { border: solid transparent; @@ -4320,12 +4397,12 @@ .p-fileupload-choose:not(.p-disabled):hover { background: #5eead4; - color: #030712; + color: #020617; border-color: #5eead4; } .p-fileupload-choose:not(.p-disabled):active { background: #99f6e4; - color: #030712; + color: #020617; border-color: #99f6e4; } @@ -5718,7 +5795,7 @@ .p-badge { background: #2dd4bf; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5884,7 +5961,7 @@ background: #2dd4bf; } .p-progressbar .p-progressbar-label { - color: #030712; + color: #020617; line-height: 1.25rem; } @@ -5965,7 +6042,7 @@ .p-tag { background: #2dd4bf; - color: #030712; + color: #020617; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6072,6 +6149,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #f87171; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6122,6 +6202,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #a1a1aa; } diff --git a/public/themes/aura-light-amber/theme.css b/public/themes/aura-light-amber/theme.css index f050e42a9..9b6c1e20f 100644 --- a/public/themes/aura-light-amber/theme.css +++ b/public/themes/aura-light-amber/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #d97706; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-blue/theme.css b/public/themes/aura-light-blue/theme.css index 2a17de1ea..0b7843809 100644 --- a/public/themes/aura-light-blue/theme.css +++ b/public/themes/aura-light-blue/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #2563eb; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-cyan/theme.css b/public/themes/aura-light-cyan/theme.css index 93da40153..8d84e2b54 100644 --- a/public/themes/aura-light-cyan/theme.css +++ b/public/themes/aura-light-cyan/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #0891b2; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-green/theme.css b/public/themes/aura-light-green/theme.css index 417db8f34..98498b545 100644 --- a/public/themes/aura-light-green/theme.css +++ b/public/themes/aura-light-green/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #059669; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-indigo/theme.css b/public/themes/aura-light-indigo/theme.css index e375befa0..78af0825e 100644 --- a/public/themes/aura-light-indigo/theme.css +++ b/public/themes/aura-light-indigo/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #4F46E5; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-lime/theme.css b/public/themes/aura-light-lime/theme.css index 64c686b99..d86acbdd7 100644 --- a/public/themes/aura-light-lime/theme.css +++ b/public/themes/aura-light-lime/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #65a30d; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-noir/theme.css b/public/themes/aura-light-noir/theme.css index f166d80d9..edf70ad80 100644 --- a/public/themes/aura-light-noir/theme.css +++ b/public/themes/aura-light-noir/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1030,6 +1038,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1358,6 +1370,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1496,6 +1512,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2321,6 +2341,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #0f172a; background: transparent; @@ -3204,6 +3273,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3394,6 +3467,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6082,6 +6159,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6132,6 +6212,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-pink/theme.css b/public/themes/aura-light-pink/theme.css index 724811569..6ffe1780f 100644 --- a/public/themes/aura-light-pink/theme.css +++ b/public/themes/aura-light-pink/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #db2777; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-purple/theme.css b/public/themes/aura-light-purple/theme.css index 5264d80fb..59e9a1d08 100644 --- a/public/themes/aura-light-purple/theme.css +++ b/public/themes/aura-light-purple/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #7C3AED; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/aura-light-teal/theme.css b/public/themes/aura-light-teal/theme.css index b1b5d0182..ff73ef4c2 100644 --- a/public/themes/aura-light-teal/theme.css +++ b/public/themes/aura-light-teal/theme.css @@ -455,6 +455,10 @@ color: #1e293b; background: #f1f5f9; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -774,6 +778,10 @@ color: #1e293b; background: #f1f5f9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } @@ -1026,6 +1034,10 @@ color: #1e293b; background: #f1f5f9; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; @@ -1354,6 +1366,10 @@ color: #1e293b; background: #f1f5f9; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-listbox.p-focus { outline: 2px solid var(--p-focus-ring-color); outline-offset: -2px; @@ -1492,6 +1508,10 @@ color: #1e293b; background: #f1f5f9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2313,6 +2333,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + border-color: transparent; + color: #020617; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + border-color: transparent; + color: #020617; + } + .p-button.p-button-link { color: #0d9488; background: transparent; @@ -3196,6 +3265,10 @@ background: #f1f5f9; color: #1e293b; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -3386,6 +3459,10 @@ background: #f1f5f9; color: #1e293b; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #0f172a; + background: #e2e8f0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #0f172a; background: #e2e8f0; @@ -6074,6 +6151,9 @@ .p-button.p-button-danger:enabled:focus-visible { outline-color: #EF4444; } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } .p-button.p-button-outlined { border-color: var(--primary-200); } @@ -6124,6 +6204,12 @@ .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } + .p-button.p-button-outlined.p-button-contrast { + border-color: #e4e4e7; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #e4e4e7; + } .p-button.p-button-secondary.p-button-text { color: #64748b; } diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index b88781864..fdfc14703 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1.5rem; } @@ -1009,6 +1017,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1337,6 +1349,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2304,6 +2324,55 @@ color: #f19ea6; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #20262e; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d2d4d5; + color: #20262e; + border-color: #d2d4d5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #bcbec0; + color: #20262e; + border-color: #bcbec0; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #8dd0ff; background: transparent; @@ -3187,6 +3256,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -3377,6 +3450,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 7a1aed705..03a9056f2 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1.5rem; } @@ -1009,6 +1017,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1337,6 +1349,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2304,6 +2324,55 @@ color: #f19ea6; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #20262e; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d2d4d5; + color: #20262e; + border-color: #d2d4d5; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #bcbec0; + color: #20262e; + border-color: #bcbec0; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #c298d8; background: transparent; @@ -3187,6 +3256,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -3377,6 +3450,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 260e31384..875afdd81 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -434,6 +434,10 @@ color: #212529; background: #e9ecef; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: #212529; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1.5rem; } @@ -1009,6 +1017,10 @@ color: #212529; background: #e9ecef; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1337,6 +1349,10 @@ color: #212529; background: #e9ecef; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #212529; background: #e9ecef; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2304,6 +2324,55 @@ color: #dc3545; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212529; + border: 1px solid #212529; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #343a40; + color: #ffffff; + border-color: #343a40; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #495057; + color: #ffffff; + border-color: #495057; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212529; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + border-color: transparent; + color: #212529; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + border-color: transparent; + color: #212529; + } + .p-button.p-button-link { color: #007bff; background: transparent; @@ -3187,6 +3256,10 @@ background: #e9ecef; color: #212529; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #212529; background: #dee2e6; @@ -3377,6 +3450,10 @@ background: #e9ecef; color: #212529; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #212529; background: #dee2e6; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index e13e872cf..8a8b446c2 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -434,6 +434,10 @@ color: #212529; background: #e9ecef; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: #212529; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1.5rem; } @@ -1009,6 +1017,10 @@ color: #212529; background: #e9ecef; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1337,6 +1349,10 @@ color: #212529; background: #e9ecef; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #212529; background: #e9ecef; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2304,6 +2324,55 @@ color: #dc3545; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212529; + border: 1px solid #212529; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #343a40; + color: #ffffff; + border-color: #343a40; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #495057; + color: #ffffff; + border-color: #495057; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212529; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + border-color: transparent; + color: #212529; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + border-color: transparent; + color: #212529; + } + .p-button.p-button-link { color: #883cae; background: transparent; @@ -3187,6 +3256,10 @@ background: #e9ecef; color: #212529; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #212529; background: #dee2e6; @@ -3377,6 +3450,10 @@ background: #e9ecef; color: #212529; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #212529; + background: #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #212529; background: #dee2e6; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 9d9c0a637..da6e09aed 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -434,6 +434,10 @@ color: #323130; background: #f3f2f1; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #323130; + background: #e1dfdd; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 0.5rem; @@ -753,6 +757,10 @@ color: #323130; background: #f3f2f1; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #323130; + background: #e1dfdd; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.5rem; } @@ -1005,6 +1013,10 @@ color: #323130; background: #f3f2f1; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #323130; + background: #e1dfdd; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 0.5rem; @@ -1333,6 +1345,10 @@ color: #323130; background: #f3f2f1; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #323130; + background: #e1dfdd; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: #323130; background: #f3f2f1; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #323130; + background: #e1dfdd; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: #f3f2f1; color: #323130; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #323130; + background: #e1dfdd; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #323130; background: #e1dfdd; @@ -3365,6 +3389,10 @@ background: #f3f2f1; color: #323130; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #323130; + background: #e1dfdd; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #323130; background: #e1dfdd; diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css index 9d470a21b..4b9cb01d0 100644 --- a/public/themes/lara-dark-amber/theme.css +++ b/public/themes/lara-dark-amber/theme.css @@ -453,6 +453,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #fbbf24; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 46d85afb3..2b037c021 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -453,6 +453,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #60a5fa; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css index cb75626c6..70d0a75f8 100644 --- a/public/themes/lara-dark-cyan/theme.css +++ b/public/themes/lara-dark-cyan/theme.css @@ -453,6 +453,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #22d3ee; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; diff --git a/public/themes/lara-dark-green/theme.css b/public/themes/lara-dark-green/theme.css index 8a080d7af..c852708d1 100644 --- a/public/themes/lara-dark-green/theme.css +++ b/public/themes/lara-dark-green/theme.css @@ -453,6 +453,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #34d399; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index be64e0ba8..2e591f1ba 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -453,6 +453,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #818cf8; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css index a184d5cb0..583cb223e 100644 --- a/public/themes/lara-dark-pink/theme.css +++ b/public/themes/lara-dark-pink/theme.css @@ -453,6 +453,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #f472b6; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 27807c657..37f6bb2c9 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -453,6 +453,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #a78bfa; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index f28e3e467..d5a4806a1 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -453,6 +453,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #f87171; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #111827; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #111827; + border-color: #f3f4f6; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #111827; + border-color: #e5e7eb; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #2dd4bf; background: transparent; @@ -3194,6 +3263,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; @@ -3384,6 +3457,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: #424b57; diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css index 1b3fc44a3..e7078ec08 100644 --- a/public/themes/lara-light-amber/theme.css +++ b/public/themes/lara-light-amber/theme.css @@ -453,6 +453,10 @@ color: #4b5563; background: #f3f4f6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: #4b5563; background: #f3f4f6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: #4b5563; background: #f3f4f6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: #4b5563; background: #f3f4f6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: #4b5563; background: #f3f4f6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-link { color: #b45309; background: transparent; @@ -3194,6 +3263,10 @@ background: #f3f4f6; color: #4b5563; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; @@ -3384,6 +3457,10 @@ background: #f3f4f6; color: #4b5563; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 383ba02b5..718110842 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -453,6 +453,10 @@ color: #4b5563; background: #f3f4f6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: #4b5563; background: #f3f4f6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: #4b5563; background: #f3f4f6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: #4b5563; background: #f3f4f6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: #4b5563; background: #f3f4f6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-link { color: #1D4ED8; background: transparent; @@ -3194,6 +3263,10 @@ background: #f3f4f6; color: #4b5563; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; @@ -3384,6 +3457,10 @@ background: #f3f4f6; color: #4b5563; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css index d00ffa5ca..148d24675 100644 --- a/public/themes/lara-light-cyan/theme.css +++ b/public/themes/lara-light-cyan/theme.css @@ -453,6 +453,10 @@ color: #4b5563; background: #f3f4f6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: #4b5563; background: #f3f4f6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: #4b5563; background: #f3f4f6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: #4b5563; background: #f3f4f6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: #4b5563; background: #f3f4f6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-link { color: #0e7490; background: transparent; @@ -3194,6 +3263,10 @@ background: #f3f4f6; color: #4b5563; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; @@ -3384,6 +3457,10 @@ background: #f3f4f6; color: #4b5563; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; diff --git a/public/themes/lara-light-green/theme.css b/public/themes/lara-light-green/theme.css index c03933160..5552c2441 100644 --- a/public/themes/lara-light-green/theme.css +++ b/public/themes/lara-light-green/theme.css @@ -453,6 +453,10 @@ color: #4b5563; background: #f3f4f6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: #4b5563; background: #f3f4f6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: #4b5563; background: #f3f4f6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: #4b5563; background: #f3f4f6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: #4b5563; background: #f3f4f6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-link { color: #047857; background: transparent; @@ -3194,6 +3263,10 @@ background: #f3f4f6; color: #4b5563; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; @@ -3384,6 +3457,10 @@ background: #f3f4f6; color: #4b5563; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index 8193837d0..0123ebb40 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -453,6 +453,10 @@ color: #4b5563; background: #f3f4f6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: #4b5563; background: #f3f4f6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: #4b5563; background: #f3f4f6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: #4b5563; background: #f3f4f6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: #4b5563; background: #f3f4f6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-link { color: #4338CA; background: transparent; @@ -3194,6 +3263,10 @@ background: #f3f4f6; color: #4b5563; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; @@ -3384,6 +3457,10 @@ background: #f3f4f6; color: #4b5563; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css index 87b314993..219a2c756 100644 --- a/public/themes/lara-light-pink/theme.css +++ b/public/themes/lara-light-pink/theme.css @@ -453,6 +453,10 @@ color: #4b5563; background: #f3f4f6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: #4b5563; background: #f3f4f6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: #4b5563; background: #f3f4f6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: #4b5563; background: #f3f4f6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: #4b5563; background: #f3f4f6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-link { color: #be185d; background: transparent; @@ -3194,6 +3263,10 @@ background: #f3f4f6; color: #4b5563; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; @@ -3384,6 +3457,10 @@ background: #f3f4f6; color: #4b5563; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 9125221c7..189b3c2d0 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -453,6 +453,10 @@ color: #4b5563; background: #f3f4f6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: #4b5563; background: #f3f4f6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: #4b5563; background: #f3f4f6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: #4b5563; background: #f3f4f6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: #4b5563; background: #f3f4f6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-link { color: #6D28D9; background: transparent; @@ -3194,6 +3263,10 @@ background: #f3f4f6; color: #4b5563; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; @@ -3384,6 +3457,10 @@ background: #f3f4f6; color: #4b5563; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 472ddee2a..675d17e0a 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -453,6 +453,10 @@ color: #4b5563; background: #f3f4f6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -772,6 +776,10 @@ color: #4b5563; background: #f3f4f6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1024,6 +1032,10 @@ color: #4b5563; background: #f3f4f6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1352,6 +1364,10 @@ color: #4b5563; background: #f3f4f6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1490,6 +1506,10 @@ color: #4b5563; background: #f3f4f6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2311,6 +2331,55 @@ color: #EF4444; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #1f2937; + border: 1px solid #1f2937; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #374151; + color: #ffffff; + border-color: #374151; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #4b5563; + color: #ffffff; + border-color: #4b5563; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + color: #1f2937; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #1f2937; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(31, 41, 55, 0.04); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(31, 41, 55, 0.16); + border-color: transparent; + color: #1f2937; + } + .p-button.p-button-link { color: #0f766e; background: transparent; @@ -3194,6 +3263,10 @@ background: #f3f4f6; color: #4b5563; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; @@ -3384,6 +3457,10 @@ background: #f3f4f6; color: #4b5563; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index a8b65b13f..891b92d01 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -434,6 +434,10 @@ color: #dedede; background: #4c4c4c; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #dedede; background: #4c4c4c; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1009,6 +1017,10 @@ color: #dedede; background: #4c4c4c; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1337,6 +1349,10 @@ color: #dedede; background: #4c4c4c; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #dedede; background: #4c4c4c; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3187,6 +3207,10 @@ background: #4c4c4c; color: #dedede; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #dedede; background: #3c3c3c; @@ -3377,6 +3401,10 @@ background: #4c4c4c; color: #dedede; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #dedede; background: #3c3c3c; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 978d36ad0..a793fdeda 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -434,6 +434,10 @@ color: #dedede; background: #4c4c4c; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #dedede; background: #4c4c4c; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1009,6 +1017,10 @@ color: #dedede; background: #4c4c4c; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1337,6 +1349,10 @@ color: #dedede; background: #4c4c4c; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #dedede; background: #4c4c4c; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3187,6 +3207,10 @@ background: #4c4c4c; color: #dedede; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #dedede; background: #3c3c3c; @@ -3377,6 +3401,10 @@ background: #4c4c4c; color: #dedede; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #dedede; background: #3c3c3c; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 6712bcce8..96157148f 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -434,6 +434,10 @@ color: #dedede; background: #4c4c4c; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #dedede; background: #4c4c4c; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1009,6 +1017,10 @@ color: #dedede; background: #4c4c4c; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1337,6 +1349,10 @@ color: #dedede; background: #4c4c4c; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #dedede; background: #4c4c4c; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3187,6 +3207,10 @@ background: #4c4c4c; color: #dedede; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #dedede; background: #3c3c3c; @@ -3377,6 +3401,10 @@ background: #4c4c4c; color: #dedede; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #dedede; background: #3c3c3c; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 8e60e3ff9..184c752c5 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -434,6 +434,10 @@ color: #dedede; background: #4c4c4c; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #dedede; background: #4c4c4c; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1009,6 +1017,10 @@ color: #dedede; background: #4c4c4c; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1337,6 +1349,10 @@ color: #dedede; background: #4c4c4c; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #dedede; background: #4c4c4c; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3187,6 +3207,10 @@ background: #4c4c4c; color: #dedede; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #dedede; background: #3c3c3c; @@ -3377,6 +3401,10 @@ background: #4c4c4c; color: #dedede; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #dedede; + background: #3c3c3c; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #dedede; background: #3c3c3c; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 5cbc6a943..954f8a723 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -458,6 +458,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 1rem; @@ -777,6 +781,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 1rem 1rem; } @@ -1029,6 +1037,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 1rem; @@ -1357,6 +1369,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #EF9A9A; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #121212; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d0d0d0; + color: #121212; + border-color: #d0d0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b8b8b8; + color: #121212; + border-color: #b8b8b8; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #CE93D8; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -3389,6 +3462,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -6193,102 +6270,230 @@ 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-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .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 { background: rgba(165, 214, 167, 0.76); } - .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 { + .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: rgba(165, 214, 167, 0.68); } - .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { background: rgba(165, 214, 167, 0.12); } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(165, 214, 167, 0.16); } - .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(165, 214, 167, 0.16); } - .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 { + .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 { background: rgba(144, 202, 249, 0.76); } - .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 { + .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: rgba(144, 202, 249, 0.68); } - .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { background: rgba(144, 202, 249, 0.12); } - .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(144, 202, 249, 0.16); } - .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(144, 202, 249, 0.16); } - .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 { + .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 { background: rgba(197, 225, 165, 0.76); } - .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 { + .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: rgba(197, 225, 165, 0.68); } - .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { background: rgba(197, 225, 165, 0.12); } - .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(197, 225, 165, 0.16); } - .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(197, 225, 165, 0.16); } - .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 { + .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 { background: rgba(255, 245, 157, 0.76); } - .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 { + .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: rgba(255, 245, 157, 0.68); } - .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { background: rgba(255, 245, 157, 0.12); } - .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 245, 157, 0.16); } - .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 245, 157, 0.16); } - .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 { + .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 { background: rgba(206, 147, 216, 0.76); } - .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 { + .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: rgba(206, 147, 216, 0.68); } - .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { background: rgba(206, 147, 216, 0.12); } - .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); } - .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } - .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 { + .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 { background: rgba(239, 154, 154, 0.76); } - .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 { + .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: rgba(239, 154, 154, 0.68); } - .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { background: rgba(239, 154, 154, 0.12); } - .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 154, 154, 0.16); } - .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(239, 154, 154, 0.16); } + .p-button.p-button-contrast:enabled:focus, +.p-buttonset.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(255, 255, 255, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-buttonset.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(255, 255, 255, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 255, 255, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 255, 255, 0.16); + } + .p-calendar-w-btn { border: 1px solid rgba(255, 255, 255, 0.3); background: #1e1e1e; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index bec222e0d..d134c77b6 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -458,6 +458,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 1rem; @@ -777,6 +781,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 1rem 1rem; } @@ -1029,6 +1037,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 1rem; @@ -1357,6 +1369,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #EF9A9A; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #121212; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d0d0d0; + color: #121212; + border-color: #d0d0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b8b8b8; + color: #121212; + border-color: #b8b8b8; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #9FA8DA; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -3389,6 +3462,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -6193,102 +6270,230 @@ 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-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .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 { background: rgba(244, 143, 177, 0.76); } - .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 { + .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: rgba(244, 143, 177, 0.68); } - .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { background: rgba(244, 143, 177, 0.12); } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(244, 143, 177, 0.16); } - .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(244, 143, 177, 0.16); } - .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 { + .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 { background: rgba(144, 202, 249, 0.76); } - .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 { + .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: rgba(144, 202, 249, 0.68); } - .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { background: rgba(144, 202, 249, 0.12); } - .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(144, 202, 249, 0.16); } - .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(144, 202, 249, 0.16); } - .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 { + .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 { background: rgba(197, 225, 165, 0.76); } - .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 { + .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: rgba(197, 225, 165, 0.68); } - .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { background: rgba(197, 225, 165, 0.12); } - .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(197, 225, 165, 0.16); } - .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(197, 225, 165, 0.16); } - .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 { + .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 { background: rgba(255, 245, 157, 0.76); } - .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 { + .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: rgba(255, 245, 157, 0.68); } - .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { background: rgba(255, 245, 157, 0.12); } - .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 245, 157, 0.16); } - .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 245, 157, 0.16); } - .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 { + .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 { background: rgba(206, 147, 216, 0.76); } - .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 { + .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: rgba(206, 147, 216, 0.68); } - .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { background: rgba(206, 147, 216, 0.12); } - .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); } - .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } - .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 { + .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 { background: rgba(239, 154, 154, 0.76); } - .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 { + .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: rgba(239, 154, 154, 0.68); } - .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { background: rgba(239, 154, 154, 0.12); } - .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 154, 154, 0.16); } - .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(239, 154, 154, 0.16); } + .p-button.p-button-contrast:enabled:focus, +.p-buttonset.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(255, 255, 255, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-buttonset.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(255, 255, 255, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 255, 255, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 255, 255, 0.16); + } + .p-calendar-w-btn { border: 1px solid rgba(255, 255, 255, 0.3); background: #1e1e1e; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index b6ab4e4af..a3c196cda 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -458,6 +458,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 1rem; @@ -777,6 +781,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 1rem 1rem; } @@ -1029,6 +1037,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 1rem; @@ -1357,6 +1369,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #D32F2F; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212121; + border: 1px solid #212121; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #424242; + color: #ffffff; + border-color: #424242; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #616161; + color: #ffffff; + border-color: #616161; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212121; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + border-color: transparent; + color: #212121; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + border-color: transparent; + color: #212121; + } + .p-button.p-button-link { color: #673AB7; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.12); @@ -3389,6 +3462,10 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.12); @@ -6193,102 +6270,230 @@ 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-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .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 { background: rgba(76, 175, 80, 0.76); } - .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 { + .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: rgba(76, 175, 80, 0.68); } - .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { background: rgba(76, 175, 80, 0.12); } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(76, 175, 80, 0.16); } - .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(76, 175, 80, 0.16); } - .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 { + .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 { background: rgba(33, 150, 243, 0.76); } - .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 { + .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: rgba(33, 150, 243, 0.68); } - .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { background: rgba(33, 150, 243, 0.12); } - .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); } - .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(33, 150, 243, 0.16); } - .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 { + .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 { background: rgba(104, 159, 56, 0.76); } - .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 { + .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: rgba(104, 159, 56, 0.68); } - .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { background: rgba(104, 159, 56, 0.12); } - .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); } - .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(104, 159, 56, 0.16); } - .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 { + .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 { background: rgba(251, 192, 45, 0.76); } - .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 { + .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: rgba(251, 192, 45, 0.68); } - .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { background: rgba(251, 192, 45, 0.12); } - .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); } - .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(251, 192, 45, 0.16); } - .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 { + .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 { background: rgba(156, 39, 176, 0.76); } - .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 { + .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: rgba(156, 39, 176, 0.68); } - .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { background: rgba(156, 39, 176, 0.12); } - .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); } - .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(156, 39, 176, 0.16); } - .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 { + .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 { background: rgba(211, 47, 47, 0.76); } - .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 { + .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: rgba(211, 47, 47, 0.68); } - .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { background: rgba(211, 47, 47, 0.12); } - .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); } - .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(211, 47, 47, 0.16); } + .p-button.p-button-contrast:enabled:focus, +.p-buttonset.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(33, 33, 33, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-buttonset.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(33, 33, 33, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 33, 33, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 33, 33, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 33, 33, 0.16); + } + .p-calendar-w-btn { border: 1px solid rgba(0, 0, 0, 0.38); background: #ffffff; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index a3bd3cf2c..c7d6bb879 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -458,6 +458,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 1rem; @@ -777,6 +781,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 1rem 1rem; } @@ -1029,6 +1037,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 1rem; @@ -1357,6 +1369,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #D32F2F; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212121; + border: 1px solid #212121; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #424242; + color: #ffffff; + border-color: #424242; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #616161; + color: #ffffff; + border-color: #616161; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212121; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + border-color: transparent; + color: #212121; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + border-color: transparent; + color: #212121; + } + .p-button.p-button-link { color: #3F51B5; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.12); @@ -3389,6 +3462,10 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.12); @@ -6193,102 +6270,230 @@ 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-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .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 { background: rgba(255, 64, 129, 0.76); } - .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 { + .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: rgba(255, 64, 129, 0.68); } - .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { background: rgba(255, 64, 129, 0.12); } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(255, 64, 129, 0.16); } - .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 64, 129, 0.16); } - .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 { + .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 { background: rgba(33, 150, 243, 0.76); } - .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 { + .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: rgba(33, 150, 243, 0.68); } - .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { background: rgba(33, 150, 243, 0.12); } - .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); } - .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(33, 150, 243, 0.16); } - .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 { + .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 { background: rgba(104, 159, 56, 0.76); } - .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 { + .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: rgba(104, 159, 56, 0.68); } - .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { background: rgba(104, 159, 56, 0.12); } - .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); } - .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(104, 159, 56, 0.16); } - .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 { + .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 { background: rgba(251, 192, 45, 0.76); } - .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 { + .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: rgba(251, 192, 45, 0.68); } - .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { background: rgba(251, 192, 45, 0.12); } - .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); } - .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(251, 192, 45, 0.16); } - .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 { + .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 { background: rgba(156, 39, 176, 0.76); } - .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 { + .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: rgba(156, 39, 176, 0.68); } - .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { background: rgba(156, 39, 176, 0.12); } - .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); } - .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(156, 39, 176, 0.16); } - .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 { + .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 { background: rgba(211, 47, 47, 0.76); } - .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 { + .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: rgba(211, 47, 47, 0.68); } - .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { background: rgba(211, 47, 47, 0.12); } - .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); } - .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(211, 47, 47, 0.16); } + .p-button.p-button-contrast:enabled:focus, +.p-buttonset.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(33, 33, 33, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-buttonset.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(33, 33, 33, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 33, 33, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 33, 33, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 33, 33, 0.16); + } + .p-calendar-w-btn { border: 1px solid rgba(0, 0, 0, 0.38); background: #ffffff; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 3962cb188..b5a9ab940 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -458,6 +458,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem; @@ -777,6 +781,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.75rem; } @@ -1029,6 +1037,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem; @@ -1357,6 +1369,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #EF9A9A; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #121212; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d0d0d0; + color: #121212; + border-color: #d0d0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b8b8b8; + color: #121212; + border-color: #b8b8b8; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #CE93D8; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -3389,6 +3462,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -6193,102 +6270,230 @@ 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-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .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 { background: rgba(165, 214, 167, 0.76); } - .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 { + .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: rgba(165, 214, 167, 0.68); } - .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { background: rgba(165, 214, 167, 0.12); } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(165, 214, 167, 0.16); } - .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(165, 214, 167, 0.16); } - .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 { + .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 { background: rgba(144, 202, 249, 0.76); } - .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 { + .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: rgba(144, 202, 249, 0.68); } - .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { background: rgba(144, 202, 249, 0.12); } - .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(144, 202, 249, 0.16); } - .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(144, 202, 249, 0.16); } - .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 { + .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 { background: rgba(197, 225, 165, 0.76); } - .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 { + .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: rgba(197, 225, 165, 0.68); } - .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { background: rgba(197, 225, 165, 0.12); } - .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(197, 225, 165, 0.16); } - .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(197, 225, 165, 0.16); } - .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 { + .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 { background: rgba(255, 245, 157, 0.76); } - .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 { + .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: rgba(255, 245, 157, 0.68); } - .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { background: rgba(255, 245, 157, 0.12); } - .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 245, 157, 0.16); } - .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 245, 157, 0.16); } - .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 { + .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 { background: rgba(206, 147, 216, 0.76); } - .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 { + .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: rgba(206, 147, 216, 0.68); } - .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { background: rgba(206, 147, 216, 0.12); } - .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); } - .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } - .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 { + .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 { background: rgba(239, 154, 154, 0.76); } - .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 { + .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: rgba(239, 154, 154, 0.68); } - .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { background: rgba(239, 154, 154, 0.12); } - .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 154, 154, 0.16); } - .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(239, 154, 154, 0.16); } + .p-button.p-button-contrast:enabled:focus, +.p-buttonset.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(255, 255, 255, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-buttonset.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(255, 255, 255, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 255, 255, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 255, 255, 0.16); + } + .p-calendar-w-btn { border: 1px solid rgba(255, 255, 255, 0.3); background: #1e1e1e; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 02954b9ca..6cf629962 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -458,6 +458,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem; @@ -777,6 +781,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.75rem; } @@ -1029,6 +1037,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem; @@ -1357,6 +1369,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #EF9A9A; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #121212; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d0d0d0; + color: #121212; + border-color: #d0d0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b8b8b8; + color: #121212; + border-color: #b8b8b8; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 0px none; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #9FA8DA; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -3389,6 +3462,10 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.12); @@ -6193,102 +6270,230 @@ 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-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .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 { background: rgba(244, 143, 177, 0.76); } - .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 { + .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: rgba(244, 143, 177, 0.68); } - .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { background: rgba(244, 143, 177, 0.12); } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(244, 143, 177, 0.16); } - .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(244, 143, 177, 0.16); } - .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 { + .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 { background: rgba(144, 202, 249, 0.76); } - .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 { + .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: rgba(144, 202, 249, 0.68); } - .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { background: rgba(144, 202, 249, 0.12); } - .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(144, 202, 249, 0.16); } - .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(144, 202, 249, 0.16); } - .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 { + .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 { background: rgba(197, 225, 165, 0.76); } - .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 { + .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: rgba(197, 225, 165, 0.68); } - .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { background: rgba(197, 225, 165, 0.12); } - .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(197, 225, 165, 0.16); } - .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(197, 225, 165, 0.16); } - .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 { + .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 { background: rgba(255, 245, 157, 0.76); } - .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 { + .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: rgba(255, 245, 157, 0.68); } - .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { background: rgba(255, 245, 157, 0.12); } - .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 245, 157, 0.16); } - .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 245, 157, 0.16); } - .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 { + .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 { background: rgba(206, 147, 216, 0.76); } - .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 { + .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: rgba(206, 147, 216, 0.68); } - .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { background: rgba(206, 147, 216, 0.12); } - .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); } - .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } - .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 { + .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 { background: rgba(239, 154, 154, 0.76); } - .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 { + .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: rgba(239, 154, 154, 0.68); } - .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { background: rgba(239, 154, 154, 0.12); } - .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 154, 154, 0.16); } - .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(239, 154, 154, 0.16); } + .p-button.p-button-contrast:enabled:focus, +.p-buttonset.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(255, 255, 255, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-buttonset.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(255, 255, 255, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 255, 255, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 255, 255, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 255, 255, 0.16); + } + .p-calendar-w-btn { border: 1px solid rgba(255, 255, 255, 0.3); background: #1e1e1e; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 52a727362..bcd5f81c3 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -458,6 +458,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem; @@ -777,6 +781,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.75rem; } @@ -1029,6 +1037,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem; @@ -1357,6 +1369,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #D32F2F; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212121; + border: 1px solid #212121; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #424242; + color: #ffffff; + border-color: #424242; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #616161; + color: #ffffff; + border-color: #616161; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212121; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + border-color: transparent; + color: #212121; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + border-color: transparent; + color: #212121; + } + .p-button.p-button-link { color: #673AB7; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.12); @@ -3389,6 +3462,10 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.12); @@ -6193,102 +6270,230 @@ 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-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .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 { background: rgba(76, 175, 80, 0.76); } - .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 { + .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: rgba(76, 175, 80, 0.68); } - .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { background: rgba(76, 175, 80, 0.12); } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(76, 175, 80, 0.16); } - .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(76, 175, 80, 0.16); } - .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 { + .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 { background: rgba(33, 150, 243, 0.76); } - .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 { + .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: rgba(33, 150, 243, 0.68); } - .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { background: rgba(33, 150, 243, 0.12); } - .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); } - .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(33, 150, 243, 0.16); } - .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 { + .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 { background: rgba(104, 159, 56, 0.76); } - .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 { + .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: rgba(104, 159, 56, 0.68); } - .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { background: rgba(104, 159, 56, 0.12); } - .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); } - .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(104, 159, 56, 0.16); } - .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 { + .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 { background: rgba(251, 192, 45, 0.76); } - .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 { + .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: rgba(251, 192, 45, 0.68); } - .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { background: rgba(251, 192, 45, 0.12); } - .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); } - .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(251, 192, 45, 0.16); } - .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 { + .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 { background: rgba(156, 39, 176, 0.76); } - .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 { + .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: rgba(156, 39, 176, 0.68); } - .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { background: rgba(156, 39, 176, 0.12); } - .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); } - .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(156, 39, 176, 0.16); } - .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 { + .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 { background: rgba(211, 47, 47, 0.76); } - .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 { + .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: rgba(211, 47, 47, 0.68); } - .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { background: rgba(211, 47, 47, 0.12); } - .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); } - .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(211, 47, 47, 0.16); } + .p-button.p-button-contrast:enabled:focus, +.p-buttonset.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(33, 33, 33, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-buttonset.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(33, 33, 33, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 33, 33, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 33, 33, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 33, 33, 0.16); + } + .p-calendar-w-btn { border: 1px solid rgba(0, 0, 0, 0.38); background: #ffffff; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 79cf03e5d..15b2b3d04 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -458,6 +458,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem; @@ -777,6 +781,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.75rem; } @@ -1029,6 +1037,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem; @@ -1357,6 +1369,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #D32F2F; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212121; + border: 1px solid #212121; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #424242; + color: #ffffff; + border-color: #424242; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #616161; + color: #ffffff; + border-color: #616161; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + color: #212121; + border: 0 none; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212121; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 33, 33, 0.04); + border-color: transparent; + color: #212121; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 33, 33, 0.16); + border-color: transparent; + color: #212121; + } + .p-button.p-button-link { color: #3F51B5; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.12); @@ -3389,6 +3462,10 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.12); @@ -6193,102 +6270,230 @@ 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-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .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 { background: rgba(255, 64, 129, 0.76); } - .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 { + .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: rgba(255, 64, 129, 0.68); } - .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { background: rgba(255, 64, 129, 0.12); } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(255, 64, 129, 0.16); } - .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { background-color: rgba(255, 64, 129, 0.16); } - .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 { + .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 { background: rgba(33, 150, 243, 0.76); } - .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 { + .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: rgba(33, 150, 243, 0.68); } - .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { background: rgba(33, 150, 243, 0.12); } - .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); } - .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { background-color: rgba(33, 150, 243, 0.16); } - .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 { + .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 { background: rgba(104, 159, 56, 0.76); } - .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 { + .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: rgba(104, 159, 56, 0.68); } - .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { background: rgba(104, 159, 56, 0.12); } - .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); } - .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { background-color: rgba(104, 159, 56, 0.16); } - .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 { + .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 { background: rgba(251, 192, 45, 0.76); } - .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 { + .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: rgba(251, 192, 45, 0.68); } - .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { background: rgba(251, 192, 45, 0.12); } - .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); } - .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { background-color: rgba(251, 192, 45, 0.16); } - .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 { + .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 { background: rgba(156, 39, 176, 0.76); } - .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 { + .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: rgba(156, 39, 176, 0.68); } - .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { background: rgba(156, 39, 176, 0.12); } - .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); } - .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { background-color: rgba(156, 39, 176, 0.16); } - .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 { + .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 { background: rgba(211, 47, 47, 0.76); } - .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 { + .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: rgba(211, 47, 47, 0.68); } - .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { background: rgba(211, 47, 47, 0.12); } - .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); } - .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { background-color: rgba(211, 47, 47, 0.16); } + .p-button.p-button-contrast:enabled:focus, +.p-buttonset.p-button-contrast > .p-button:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button:enabled:focus { + background: rgba(33, 33, 33, 0.76); + } + .p-button.p-button-contrast:enabled:active, +.p-buttonset.p-button-contrast > .p-button:enabled:active, +.p-splitbutton.p-button-contrast > .p-button:enabled:active { + background: rgba(33, 33, 33, 0.68); + } + .p-button.p-button-contrast.p-button-text:enabled:focus, .p-button.p-button-contrast.p-button-outlined:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 33, 33, 0.12); + } + .p-button.p-button-contrast.p-button-text:enabled:active, .p-button.p-button-contrast.p-button-outlined:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 33, 33, 0.16); + } + .p-button.p-button-contrast.p-button-text .p-ink, .p-button.p-button-contrast.p-button-outlined .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-text .p-ink, +.p-buttonset.p-button-contrast > .p-button.p-button-outlined .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink, +.p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 33, 33, 0.16); + } + .p-calendar-w-btn { border: 1px solid rgba(0, 0, 0, 0.38); background: #ffffff; diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css index 3b64a9ef0..54baf3232 100644 --- a/public/themes/mira/theme.css +++ b/public/themes/mira/theme.css @@ -462,6 +462,10 @@ color: #4C566A; background: transparent; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4C566A; + background: #E5E9F0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -781,6 +785,10 @@ color: #4C566A; background: transparent; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4C566A; + background: #E5E9F0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1033,6 +1041,10 @@ color: #4C566A; background: transparent; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4C566A; + background: #E5E9F0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1361,6 +1373,10 @@ color: #4C566A; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4C566A; + background: #E5E9F0; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1499,6 +1515,10 @@ color: #4C566A; background: transparent; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #4C566A; + background: #E5E9F0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3203,6 +3223,10 @@ background: transparent; color: #4C566A; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #4C566A; + background: #E5E9F0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4C566A; background: #E5E9F0; @@ -3393,6 +3417,10 @@ background: transparent; color: #4C566A; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #4C566A; + background: #E5E9F0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4C566A; background: #E5E9F0; diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css index 05490490e..830d9e8c1 100644 --- a/public/themes/nano/theme.css +++ b/public/themes/nano/theme.css @@ -434,6 +434,10 @@ color: #343a3f; background: #dde1e6; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #343a3f; + background: #d2d6db; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.25rem 0.5rem; @@ -753,6 +757,10 @@ color: #343a3f; background: #dde1e6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #343a3f; + background: #d2d6db; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.25rem 0.5rem; } @@ -1005,6 +1013,10 @@ color: #343a3f; background: #dde1e6; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #343a3f; + background: #d2d6db; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.25rem 0.5rem; @@ -1333,6 +1345,10 @@ color: #343a3f; background: #dde1e6; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #343a3f; + background: #d2d6db; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: #343a3f; background: #dde1e6; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #343a3f; + background: #d2d6db; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: #dde1e6; color: #343a3f; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #343a3f; + background: #d2d6db; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #343a3f; background: #d2d6db; @@ -3365,6 +3389,10 @@ background: #dde1e6; color: #343a3f; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #343a3f; + background: #d2d6db; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #343a3f; background: #d2d6db; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 0900cae06..69fd2a6fb 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -434,6 +434,10 @@ color: #333333; background: #eaeaea; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #333333; background: #eaeaea; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1005,6 +1013,10 @@ color: #333333; background: #eaeaea; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1333,6 +1345,10 @@ color: #333333; background: #eaeaea; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: #333333; background: #eaeaea; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: #eaeaea; color: #333333; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #333333; background: #d6d6d6; @@ -3365,6 +3389,10 @@ background: #eaeaea; color: #333333; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #333333; background: #d6d6d6; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 16de6991f..f860431cd 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -434,6 +434,10 @@ color: #333333; background: #eaeaea; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #333333; background: #eaeaea; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1009,6 +1017,10 @@ color: #333333; background: #eaeaea; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1337,6 +1349,10 @@ color: #333333; background: #eaeaea; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #333333; background: #eaeaea; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3187,6 +3207,10 @@ background: #eaeaea; color: #333333; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #333333; background: #d6d6d6; @@ -3377,6 +3401,10 @@ background: #eaeaea; color: #333333; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #333333; background: #d6d6d6; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 7e5cce260..d866db1e4 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -434,6 +434,10 @@ color: #333333; background: #eaeaea; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #333333; background: #eaeaea; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1009,6 +1017,10 @@ color: #333333; background: #eaeaea; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1337,6 +1349,10 @@ color: #333333; background: #eaeaea; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #333333; background: #eaeaea; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3187,6 +3207,10 @@ background: #eaeaea; color: #333333; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #333333; background: #d6d6d6; @@ -3377,6 +3401,10 @@ background: #eaeaea; color: #333333; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #333333; background: #d6d6d6; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index ceaf94004..74713b547 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -434,6 +434,10 @@ color: #333333; background: #eaeaea; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #333333; background: #eaeaea; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1009,6 +1017,10 @@ color: #333333; background: #eaeaea; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1337,6 +1349,10 @@ color: #333333; background: #eaeaea; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1475,6 +1491,10 @@ color: #333333; background: #eaeaea; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3187,6 +3207,10 @@ background: #eaeaea; color: #333333; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #333333; background: #d6d6d6; @@ -3377,6 +3401,10 @@ background: #eaeaea; color: #333333; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #333333; + background: #d6d6d6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #333333; background: #d6d6d6; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 6c08615d8..5e6f0fa9b 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -434,6 +434,10 @@ color: #666666; background: #f4f4f4; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #666666; + background: #e0e0e0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; @@ -753,6 +757,10 @@ color: #666666; background: #f4f4f4; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #666666; + background: #e0e0e0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } @@ -1005,6 +1013,10 @@ color: #666666; background: #f4f4f4; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #666666; + background: #e0e0e0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; @@ -1333,6 +1345,10 @@ color: #666666; background: #f4f4f4; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #666666; + background: #e0e0e0; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: #666666; background: #f4f4f4; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #666666; + background: #e0e0e0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: #f4f4f4; color: #666666; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #666666; + background: #e0e0e0; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #666666; background: #e0e0e0; @@ -3365,6 +3389,10 @@ background: #f4f4f4; color: #666666; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #666666; + background: #e0e0e0; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #666666; background: #e0e0e0; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index a06b9082d..a879cc1bd 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -434,6 +434,10 @@ color: #495057; background: #e9ecef; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: #495057; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: #495057; background: #e9ecef; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: #495057; background: #e9ecef; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: #495057; background: #e9ecef; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: #e9ecef; color: #495057; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #495057; background: #dee2e6; @@ -3365,6 +3389,10 @@ background: #e9ecef; color: #495057; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #495057; background: #dee2e6; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 134e03890..332d2c3a2 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -434,6 +434,10 @@ color: #495057; background: #e9ecef; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: #495057; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: #495057; background: #e9ecef; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: #495057; background: #e9ecef; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: #495057; background: #e9ecef; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: #e9ecef; color: #495057; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #495057; background: #dee2e6; @@ -3365,6 +3389,10 @@ background: #e9ecef; color: #495057; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #495057; background: #dee2e6; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 102b2d75f..8adbc8c42 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -434,6 +434,10 @@ color: #495057; background: #e9ecef; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: #495057; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: #495057; background: #e9ecef; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: #495057; background: #e9ecef; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: #495057; background: #e9ecef; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: #e9ecef; color: #495057; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #495057; background: #dee2e6; @@ -3365,6 +3389,10 @@ background: #e9ecef; color: #495057; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #495057; background: #dee2e6; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 372865fab..85c19687f 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -434,6 +434,10 @@ color: #495057; background: #e9ecef; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: #495057; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: #495057; background: #e9ecef; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: #495057; background: #e9ecef; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: #495057; background: #e9ecef; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: #e9ecef; color: #495057; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #495057; background: #dee2e6; @@ -3365,6 +3389,10 @@ background: #e9ecef; color: #495057; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #495057; + background: #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #495057; background: #dee2e6; diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css index 9fa9ae9b5..7d1edbc7e 100644 --- a/public/themes/soho-dark/theme.css +++ b/public/themes/soho-dark/theme.css @@ -458,6 +458,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -777,6 +781,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1029,6 +1037,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1357,6 +1369,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #eb9a9c; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #1d1e27; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #d2d2d4; + color: #1d1e27; + border-color: #d2d2d4; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #bbbcbe; + color: #1d1e27; + border-color: #bbbcbe; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #b19df7; background: transparent; @@ -3199,6 +3268,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3389,6 +3462,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css index 214cff9c3..791924e28 100644 --- a/public/themes/soho-light/theme.css +++ b/public/themes/soho-light/theme.css @@ -458,6 +458,10 @@ color: #043d75; background: #f6f9fc; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #043d75; + background: #dfe7ef; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -777,6 +781,10 @@ color: #043d75; background: #f6f9fc; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #043d75; + background: #dfe7ef; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } @@ -1029,6 +1037,10 @@ color: #043d75; background: #f6f9fc; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #043d75; + background: #dfe7ef; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; @@ -1357,6 +1369,10 @@ color: #043d75; background: #f6f9fc; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #043d75; + background: #dfe7ef; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1495,6 +1511,10 @@ color: #043d75; background: #f6f9fc; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #043d75; + background: #dfe7ef; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2316,6 +2336,55 @@ color: #ea5455; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #212529; + border: 1px solid #212529; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #343a40; + color: #ffffff; + border-color: #343a40; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #043d75; + color: #ffffff; + border-color: #043d75; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + color: #212529; + border: 1px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #212529; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(33, 37, 41, 0.04); + border-color: transparent; + color: #212529; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(33, 37, 41, 0.16); + border-color: transparent; + color: #212529; + } + .p-button.p-button-link { color: #5935f1; background: transparent; @@ -3199,6 +3268,10 @@ background: #f6f9fc; color: #043d75; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #043d75; + background: #dfe7ef; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #043d75; background: #dfe7ef; @@ -3389,6 +3462,10 @@ background: #f6f9fc; color: #043d75; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #043d75; + background: #dfe7ef; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #043d75; background: #dfe7ef; diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index d48bba4f1..6d5b22167 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -469,6 +469,10 @@ color: #18181B; background: #f4f4f5; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #18181B; + background: #e5e7eb; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -788,6 +792,10 @@ color: #18181B; background: #f4f4f5; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #18181B; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1rem; } @@ -1040,6 +1048,10 @@ color: #18181B; background: #f4f4f5; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #18181B; + background: #e5e7eb; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1368,6 +1380,10 @@ color: #18181B; background: #f4f4f5; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #18181B; + background: #e5e7eb; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1506,6 +1522,10 @@ color: #18181B; background: #f4f4f5; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #18181B; + background: #e5e7eb; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3210,6 +3230,10 @@ background: #f4f4f5; color: #18181B; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #18181B; + background: #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #18181B; background: #e5e7eb; @@ -3400,6 +3424,10 @@ background: #f4f4f5; color: #18181B; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #18181B; + background: #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #18181B; background: #e5e7eb; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 6144c1ae5..f3dccc9e8 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3365,6 +3389,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 22cfef31a..b33087795 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3365,6 +3389,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 5d4615b69..33365d747 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3365,6 +3389,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 8309d10b6..1dcea9068 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -434,6 +434,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -753,6 +757,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1005,6 +1013,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1333,6 +1345,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1471,6 +1487,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -3175,6 +3195,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); @@ -3365,6 +3389,10 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.09); diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css index 795612afa..e4f8be67b 100644 --- a/public/themes/viva-dark/theme.css +++ b/public/themes/viva-dark/theme.css @@ -466,6 +466,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -785,6 +789,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1037,6 +1045,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1365,6 +1377,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1503,6 +1519,10 @@ color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2324,6 +2344,55 @@ color: #e693a9; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #0e1315; + background: #ffffff; + border: 1px solid #ffffff; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #cfd0d0; + color: #0e1315; + border-color: #cfd0d0; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #b7b8b9; + color: #0e1315; + border-color: #b7b8b9; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #ffffff; + border: 2px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: #ffffff; + border: 2px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #ffffff; + border: 2px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #ffffff; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + border-color: transparent; + color: #ffffff; + } + .p-button.p-button-link { color: #7f93de; background: transparent; @@ -3207,6 +3276,10 @@ background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.87); } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.1); @@ -3397,6 +3470,10 @@ background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.87); } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.1); diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css index bd2f80d11..22864ff69 100644 --- a/public/themes/viva-light/theme.css +++ b/public/themes/viva-light/theme.css @@ -466,6 +466,10 @@ color: #6c6c6c; background: #edf0fA; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; @@ -785,6 +789,10 @@ color: #6c6c6c; background: #edf0fA; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } @@ -1037,6 +1045,10 @@ color: #6c6c6c; background: #edf0fA; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -1365,6 +1377,10 @@ color: #6c6c6c; background: #edf0fA; } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; @@ -1503,6 +1519,10 @@ color: #6c6c6c; background: #edf0fA; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -2324,6 +2344,55 @@ color: #d45472; } + .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { + color: #ffffff; + background: #3b3b3b; + border: 1px solid #3b3b3b; + } + .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { + background: #585858; + color: #ffffff; + border-color: #585858; + } + .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { + background: #6c6c6c; + color: #ffffff; + border-color: #6c6c6c; + } + .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { + background-color: transparent; + color: #3b3b3b; + border: 2px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(59, 59, 59, 0.04); + color: #3b3b3b; + border: 2px solid; + } + .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(59, 59, 59, 0.16); + color: #3b3b3b; + border: 2px solid; + } + .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { + background-color: transparent; + color: #3b3b3b; + border-color: transparent; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + background: rgba(59, 59, 59, 0.04); + border-color: transparent; + color: #3b3b3b; + } + .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + background: rgba(59, 59, 59, 0.16); + border-color: transparent; + color: #3b3b3b; + } + .p-button.p-button-link { color: #3c5ece; background: transparent; @@ -3207,6 +3276,10 @@ background: #edf0fA; color: #6c6c6c; } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #6c6c6c; background: #e6e9f3; @@ -3397,6 +3470,10 @@ background: #edf0fA; color: #6c6c6c; } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #6c6c6c; background: #e6e9f3;