From 438eae57b5033bfee9c86e0b135bb6be5e5cf914 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Tue, 23 Jan 2024 19:46:38 +0300 Subject: [PATCH] Aura theme update --- public/themes/aura-dark-amber/theme.css | 249 +++++++++--------- public/themes/aura-dark-blue/theme.css | 249 +++++++++--------- public/themes/aura-dark-cyan/theme.css | 249 +++++++++--------- public/themes/aura-dark-green/theme.css | 249 +++++++++--------- public/themes/aura-dark-indigo/theme.css | 249 +++++++++--------- public/themes/aura-dark-lime/theme.css | 249 +++++++++--------- public/themes/aura-dark-noir/theme.css | 249 +++++++++--------- public/themes/aura-dark-pink/theme.css | 249 +++++++++--------- public/themes/aura-dark-purple/theme.css | 249 +++++++++--------- public/themes/aura-dark-teal/theme.css | 249 +++++++++--------- public/themes/aura-light-amber/theme.css | 291 ++++++++++++---------- public/themes/aura-light-blue/theme.css | 291 ++++++++++++---------- public/themes/aura-light-cyan/theme.css | 291 ++++++++++++---------- public/themes/aura-light-green/theme.css | 291 ++++++++++++---------- public/themes/aura-light-indigo/theme.css | 291 ++++++++++++---------- public/themes/aura-light-lime/theme.css | 291 ++++++++++++---------- public/themes/aura-light-noir/theme.css | 291 ++++++++++++---------- public/themes/aura-light-pink/theme.css | 291 ++++++++++++---------- public/themes/aura-light-purple/theme.css | 291 ++++++++++++---------- public/themes/aura-light-teal/theme.css | 291 ++++++++++++---------- 20 files changed, 2970 insertions(+), 2430 deletions(-) diff --git a/public/themes/aura-dark-amber/theme.css b/public/themes/aura-dark-amber/theme.css index 773a64860..a2fbd172d 100644 --- a/public/themes/aura-dark-amber/theme.css +++ b/public/themes/aura-dark-amber/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(251, 191, 36, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #fcd34d; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #fcd34d; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #fbbf24; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-blue/theme.css b/public/themes/aura-dark-blue/theme.css index ad8d62912..784fa5ea8 100644 --- a/public/themes/aura-dark-blue/theme.css +++ b/public/themes/aura-dark-blue/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(96, 165, 250, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #93c5fd; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #93c5fd; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #60a5fa; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-cyan/theme.css b/public/themes/aura-dark-cyan/theme.css index e883a3ebb..3a2d56d00 100644 --- a/public/themes/aura-dark-cyan/theme.css +++ b/public/themes/aura-dark-cyan/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(34, 211, 238, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #67e8f9; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #67e8f9; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #22d3ee; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-green/theme.css b/public/themes/aura-dark-green/theme.css index a2bd5c1e5..f81847157 100644 --- a/public/themes/aura-dark-green/theme.css +++ b/public/themes/aura-dark-green/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(52, 211, 153, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #6ee7b7; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #6ee7b7; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #34d399; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-indigo/theme.css b/public/themes/aura-dark-indigo/theme.css index 68e1c4309..1412b6b08 100644 --- a/public/themes/aura-dark-indigo/theme.css +++ b/public/themes/aura-dark-indigo/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(129, 140, 248, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #a5b4fc; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #a5b4fc; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #818cf8; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-lime/theme.css b/public/themes/aura-dark-lime/theme.css index 4342b063c..4b0a5ece7 100644 --- a/public/themes/aura-dark-lime/theme.css +++ b/public/themes/aura-dark-lime/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(163, 230, 53, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #bef264; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #bef264; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #a3e635; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-noir/theme.css b/public/themes/aura-dark-noir/theme.css index 75f363fe0..194d6bdfa 100644 --- a/public/themes/aura-dark-noir/theme.css +++ b/public/themes/aura-dark-noir/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(250, 250, 250, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #f4f4f5; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #f4f4f5; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #fafafa; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-pink/theme.css b/public/themes/aura-dark-pink/theme.css index e18fe2ee5..9cdee3ad9 100644 --- a/public/themes/aura-dark-pink/theme.css +++ b/public/themes/aura-dark-pink/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(244, 114, 182, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #f9a8d4; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #f9a8d4; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #f472b6; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-purple/theme.css b/public/themes/aura-dark-purple/theme.css index ba20fc775..a47548f4e 100644 --- a/public/themes/aura-dark-purple/theme.css +++ b/public/themes/aura-dark-purple/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(167, 139, 250, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #c4b5fd; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #c4b5fd; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #a78bfa; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-dark-teal/theme.css b/public/themes/aura-dark-teal/theme.css index 9515e0128..246a96751 100644 --- a/public/themes/aura-dark-teal/theme.css +++ b/public/themes/aura-dark-teal/theme.css @@ -335,7 +335,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -375,7 +375,7 @@ border-color: #52525b; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -460,7 +460,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -469,7 +469,7 @@ border-color: #FCA5A5; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -519,7 +519,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -567,7 +567,7 @@ background: rgba(45, 212, 191, 0.16); } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -607,7 +607,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -671,7 +671,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -682,7 +682,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -693,7 +693,7 @@ background: rgba(255, 255, 255, 0.03); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -709,7 +709,7 @@ border-color: #52525b; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -848,7 +848,7 @@ color: #020617; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -874,7 +874,7 @@ border-color: #52525b; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -941,7 +941,7 @@ border-color: #52525b; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1031,7 +1031,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1175,7 +1175,7 @@ background: #5eead4; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1200,7 +1200,7 @@ border-color: #52525b; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1336,7 +1336,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1361,7 +1361,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1381,7 +1381,7 @@ border-color: #52525b; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1461,7 +1461,7 @@ background: rgba(255, 255, 255, 0.03); } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1508,7 +1508,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; } @@ -1604,7 +1604,7 @@ background-color: #5eead4; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1646,7 +1646,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1730,7 +1730,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1753,7 +1753,7 @@ border-color: #52525b; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1867,7 +1867,7 @@ color: #ffffff; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -1950,7 +1950,7 @@ color: #a1a1aa; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2413,7 +2413,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2510,7 +2510,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2653,7 +2653,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2860,7 +2860,7 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2881,7 +2881,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2921,7 +2921,7 @@ background: rgba(255, 255, 255, 0.03); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2973,7 +2973,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3066,7 +3066,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3167,7 +3167,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; @@ -3262,7 +3262,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3288,7 +3288,7 @@ background: rgba(255, 255, 255, 0.03); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3441,7 +3441,7 @@ background: rgba(255, 255, 255, 0.03); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3552,7 +3552,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3668,7 +3668,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3735,7 +3735,7 @@ background: rgba(255, 255, 255, 0.03); } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3770,7 +3770,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3791,7 +3791,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3822,7 +3822,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3845,7 +3845,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3951,7 +3951,7 @@ background: rgba(255, 255, 255, 0.03); } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4057,7 +4057,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4099,7 +4099,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4164,7 +4164,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4172,17 +4172,17 @@ color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #a1a1aa; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #ffffff; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu { @@ -4227,11 +4227,11 @@ color: #ffffff; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4254,7 +4254,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4264,7 +4264,7 @@ color: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -4292,7 +4292,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4378,11 +4378,11 @@ color: #ffffff; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4405,7 +4405,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4415,7 +4415,7 @@ color: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu .p-megamenu-panel { background: #18181b; @@ -4426,7 +4426,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 6px; @@ -4457,11 +4457,11 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4472,7 +4472,7 @@ color: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4481,17 +4481,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4557,11 +4557,11 @@ color: #ffffff; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4584,7 +4584,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4594,7 +4594,7 @@ color: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menu.p-menu-overlay { background: #18181b; @@ -4604,7 +4604,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #a1a1aa; + color: #71717a; background: #18181b; font-weight: 600; border-top-right-radius: 0; @@ -4638,11 +4638,11 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4653,7 +4653,7 @@ color: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4678,11 +4678,11 @@ color: #ffffff; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4705,7 +4705,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4715,7 +4715,7 @@ color: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4734,17 +4734,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #a1a1aa; + color: #71717a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #a1a1aa; + color: #ffffff; background: rgba(255, 255, 255, 0.03); } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4814,7 +4814,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4873,11 +4873,11 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4900,7 +4900,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -4910,7 +4910,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4973,7 +4973,7 @@ color: #ffffff; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5022,7 +5022,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5082,11 +5082,11 @@ color: #ffffff; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5109,7 +5109,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #ffffff; @@ -5119,7 +5119,7 @@ color: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f3f46; @@ -5204,7 +5204,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5309,7 +5309,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5459,7 +5459,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5612,7 +5612,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5631,7 +5631,7 @@ color: #ffffff; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6161,6 +6161,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #a1a1aa; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6239,7 +6242,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6306,6 +6309,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #a1a1aa; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6320,10 +6334,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; @@ -6340,10 +6354,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #a1a1aa; + color: #71717a; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: rgba(255, 255, 255, 0.03); @@ -6352,10 +6366,10 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #a1a1aa; + color: #ffffff; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6495,7 +6509,7 @@ background: rgba(255, 255, 255, 0.03); } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6593,11 +6607,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #52525b; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #52525b; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #FCA5A5; border-radius: 6px; @@ -6605,6 +6623,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #09090b; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #52525b; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6688,7 +6712,10 @@ bottom: 0; height: 1px; background-color: #2dd4bf; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; diff --git a/public/themes/aura-light-amber/theme.css b/public/themes/aura-light-amber/theme.css index 83bf14c77..b885daa53 100644 --- a/public/themes/aura-light-amber/theme.css +++ b/public/themes/aura-light-amber/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #fffbeb; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #d97706; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #d97706; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #b45309; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #b45309; @@ -4249,24 +4249,24 @@ background: rgba(245, 158, 11, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #b45309; @@ -4400,24 +4400,24 @@ background: rgba(245, 158, 11, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #b45309; @@ -4579,24 +4579,24 @@ background: rgba(245, 158, 11, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #b45309; @@ -4700,24 +4700,24 @@ background: rgba(245, 158, 11, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #b45309; @@ -4895,24 +4895,24 @@ background: rgba(245, 158, 11, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #b45309; @@ -5104,24 +5104,24 @@ background: rgba(245, 158, 11, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #f59e0b; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-blue/theme.css b/public/themes/aura-light-blue/theme.css index a47debd1c..b2975ac35 100644 --- a/public/themes/aura-light-blue/theme.css +++ b/public/themes/aura-light-blue/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #EFF6FF; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #2563eb; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #2563eb; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #1D4ED8; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4249,24 +4249,24 @@ background: rgba(59, 130, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4400,24 +4400,24 @@ background: rgba(59, 130, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4579,24 +4579,24 @@ background: rgba(59, 130, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4700,24 +4700,24 @@ background: rgba(59, 130, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4895,24 +4895,24 @@ background: rgba(59, 130, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -5104,24 +5104,24 @@ background: rgba(59, 130, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #3B82F6; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-cyan/theme.css b/public/themes/aura-light-cyan/theme.css index 7220dd87d..3b88e3286 100644 --- a/public/themes/aura-light-cyan/theme.css +++ b/public/themes/aura-light-cyan/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #ecfeff; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #0891b2; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #0891b2; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #0e7490; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0e7490; @@ -4249,24 +4249,24 @@ background: rgba(6, 182, 212, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0e7490; @@ -4400,24 +4400,24 @@ background: rgba(6, 182, 212, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #0e7490; @@ -4579,24 +4579,24 @@ background: rgba(6, 182, 212, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #0e7490; @@ -4700,24 +4700,24 @@ background: rgba(6, 182, 212, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #0e7490; @@ -4895,24 +4895,24 @@ background: rgba(6, 182, 212, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0e7490; @@ -5104,24 +5104,24 @@ background: rgba(6, 182, 212, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #06b6d4; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-green/theme.css b/public/themes/aura-light-green/theme.css index a15906e1d..b3652327a 100644 --- a/public/themes/aura-light-green/theme.css +++ b/public/themes/aura-light-green/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #ecfdf5; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #059669; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #059669; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #047857; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; @@ -4249,24 +4249,24 @@ background: #d1fae5; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; @@ -4400,24 +4400,24 @@ background: #d1fae5; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; @@ -4579,24 +4579,24 @@ background: #d1fae5; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; @@ -4700,24 +4700,24 @@ background: #d1fae5; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; @@ -4895,24 +4895,24 @@ background: #d1fae5; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; @@ -5104,24 +5104,24 @@ background: #d1fae5; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #10b981; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-indigo/theme.css b/public/themes/aura-light-indigo/theme.css index 123ce74a0..4b0cfa1bc 100644 --- a/public/themes/aura-light-indigo/theme.css +++ b/public/themes/aura-light-indigo/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #EEF2FF; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #4F46E5; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #4F46E5; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #4338CA; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4249,24 +4249,24 @@ background: #E0E7FF; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4400,24 +4400,24 @@ background: #E0E7FF; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4579,24 +4579,24 @@ background: #E0E7FF; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4700,24 +4700,24 @@ background: #E0E7FF; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4895,24 +4895,24 @@ background: #E0E7FF; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -5104,24 +5104,24 @@ background: #E0E7FF; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #6366F1; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-lime/theme.css b/public/themes/aura-light-lime/theme.css index 92e5f6ca4..c6db0465a 100644 --- a/public/themes/aura-light-lime/theme.css +++ b/public/themes/aura-light-lime/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #f7fee7; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #65a30d; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #65a30d; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #4d7c0f; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4d7c0f; @@ -4249,24 +4249,24 @@ background: rgba(132, 204, 22, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4d7c0f; @@ -4400,24 +4400,24 @@ background: rgba(132, 204, 22, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #4d7c0f; @@ -4579,24 +4579,24 @@ background: rgba(132, 204, 22, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #4d7c0f; @@ -4700,24 +4700,24 @@ background: rgba(132, 204, 22, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #4d7c0f; @@ -4895,24 +4895,24 @@ background: rgba(132, 204, 22, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4d7c0f; @@ -5104,24 +5104,24 @@ background: rgba(132, 204, 22, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #84cc16; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-noir/theme.css b/public/themes/aura-light-noir/theme.css index 958c6ddec..c40f98cd4 100644 --- a/public/themes/aura-light-noir/theme.css +++ b/public/themes/aura-light-noir/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #020617; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -880,7 +880,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -947,7 +947,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1037,7 +1037,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1181,7 +1181,7 @@ background: #0f172a; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1206,7 +1206,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1342,7 +1342,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1367,7 +1367,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1387,7 +1387,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1467,7 +1467,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1514,7 +1514,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1610,7 +1610,7 @@ background-color: #0f172a; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1652,7 +1652,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1740,7 +1740,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1763,7 +1763,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1877,7 +1877,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1960,7 +1960,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2423,7 +2423,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2520,7 +2520,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2663,7 +2663,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2870,7 +2870,7 @@ color: #ffffff; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2891,7 +2891,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2931,7 +2931,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2983,7 +2983,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3076,7 +3076,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3177,7 +3177,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3272,7 +3272,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3298,7 +3298,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3451,7 +3451,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3562,7 +3562,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3678,7 +3678,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3745,7 +3745,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3780,7 +3780,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3801,7 +3801,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3832,7 +3832,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3855,7 +3855,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3961,7 +3961,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4067,7 +4067,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4109,7 +4109,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,7 +4174,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4182,17 +4182,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4237,11 +4237,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #ffffff; @@ -4257,24 +4257,24 @@ background: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4302,7 +4302,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4388,11 +4388,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #ffffff; @@ -4408,24 +4408,24 @@ background: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4436,7 +4436,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4467,22 +4467,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4491,17 +4491,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4567,11 +4567,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #ffffff; @@ -4587,24 +4587,24 @@ background: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4614,7 +4614,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4648,22 +4648,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4688,11 +4688,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #ffffff; @@ -4708,24 +4708,24 @@ background: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4744,17 +4744,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4824,7 +4824,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4883,11 +4883,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #ffffff; @@ -4903,24 +4903,24 @@ background: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4983,7 +4983,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5032,7 +5032,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5092,11 +5092,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #ffffff; @@ -5112,24 +5112,24 @@ background: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5214,7 +5214,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5319,7 +5319,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5469,7 +5469,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5622,7 +5622,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5641,7 +5641,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6171,6 +6171,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6249,7 +6252,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6316,6 +6319,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6327,7 +6341,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6350,22 +6364,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6505,7 +6519,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6603,11 +6617,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6615,6 +6633,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6700,6 +6724,9 @@ background-color: #020617; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-pink/theme.css b/public/themes/aura-light-pink/theme.css index e11639e4a..7059348e0 100644 --- a/public/themes/aura-light-pink/theme.css +++ b/public/themes/aura-light-pink/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #fdf2f8; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #db2777; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #db2777; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #be185d; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #be185d; @@ -4249,24 +4249,24 @@ background: rgba(236, 72, 153, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #be185d; @@ -4400,24 +4400,24 @@ background: rgba(236, 72, 153, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #be185d; @@ -4579,24 +4579,24 @@ background: rgba(236, 72, 153, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #be185d; @@ -4700,24 +4700,24 @@ background: rgba(236, 72, 153, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #be185d; @@ -4895,24 +4895,24 @@ background: rgba(236, 72, 153, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #be185d; @@ -5104,24 +5104,24 @@ background: rgba(236, 72, 153, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #ec4899; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-purple/theme.css b/public/themes/aura-light-purple/theme.css index 560a2dfba..bd4cc6201 100644 --- a/public/themes/aura-light-purple/theme.css +++ b/public/themes/aura-light-purple/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #F5F3FF; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #7C3AED; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #7C3AED; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #6D28D9; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4249,24 +4249,24 @@ background: rgba(139, 92, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4400,24 +4400,24 @@ background: rgba(139, 92, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4579,24 +4579,24 @@ background: rgba(139, 92, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4700,24 +4700,24 @@ background: rgba(139, 92, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4895,24 +4895,24 @@ background: rgba(139, 92, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -5104,24 +5104,24 @@ background: rgba(139, 92, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #8B5CF6; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } diff --git a/public/themes/aura-light-teal/theme.css b/public/themes/aura-light-teal/theme.css index f28173106..110379895 100644 --- a/public/themes/aura-light-teal/theme.css +++ b/public/themes/aura-light-teal/theme.css @@ -337,7 +337,7 @@ outline-color: transparent; } .p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -377,7 +377,7 @@ border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -462,7 +462,7 @@ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -471,7 +471,7 @@ border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -521,7 +521,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -569,7 +569,7 @@ background: #f0fdfa; } .p-datepicker table td > span:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -609,7 +609,7 @@ background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -673,7 +673,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -684,7 +684,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -695,7 +695,7 @@ background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -711,7 +711,7 @@ border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -850,7 +850,7 @@ color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -876,7 +876,7 @@ border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -943,7 +943,7 @@ border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1033,7 +1033,7 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1177,7 +1177,7 @@ background: #0d9488; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1202,7 +1202,7 @@ border-color: #94a3b8; } .p-inputtext:enabled:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1338,7 +1338,7 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1363,7 +1363,7 @@ background: #f1f5f9; } .p-listbox.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1383,7 +1383,7 @@ border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1463,7 +1463,7 @@ background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1510,7 +1510,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; } @@ -1606,7 +1606,7 @@ background-color: #0d9488; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1648,7 +1648,7 @@ color: #f87171; } .p-rating .p-rating-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1732,7 +1732,7 @@ outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -1755,7 +1755,7 @@ border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1869,7 +1869,7 @@ color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -1952,7 +1952,7 @@ color: #334155; } .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2415,7 +2415,7 @@ } .p-speeddial-item.p-focus > .p-speeddial-action { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2512,7 +2512,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2655,7 +2655,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2862,7 +2862,7 @@ color: #0f766e; } .p-column-filter-menu-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2883,7 +2883,7 @@ background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -2923,7 +2923,7 @@ background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -2975,7 +2975,7 @@ outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3068,7 +3068,7 @@ outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3169,7 +3169,7 @@ outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; @@ -3264,7 +3264,7 @@ outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -3290,7 +3290,7 @@ background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3443,7 +3443,7 @@ background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3554,7 +3554,7 @@ margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3670,7 +3670,7 @@ margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3737,7 +3737,7 @@ background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3772,7 +3772,7 @@ outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3793,7 +3793,7 @@ outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -3824,7 +3824,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3847,7 +3847,7 @@ outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -3953,7 +3953,7 @@ background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4059,7 +4059,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4101,7 +4101,7 @@ gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4166,7 +4166,7 @@ outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4174,17 +4174,17 @@ color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #64748b; + color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu { @@ -4229,11 +4229,11 @@ color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; @@ -4249,24 +4249,24 @@ background: rgba(20, 184, 166, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -4294,7 +4294,7 @@ border-radius: 6px; } .p-dock .p-dock-item.p-focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } @@ -4380,11 +4380,11 @@ color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; @@ -4400,24 +4400,24 @@ background: rgba(20, 184, 166, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4428,7 +4428,7 @@ .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; @@ -4459,22 +4459,22 @@ color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; @@ -4483,17 +4483,17 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4559,11 +4559,11 @@ color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; @@ -4579,24 +4579,24 @@ background: rgba(20, 184, 166, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4606,7 +4606,7 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; - color: #64748b; + color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; @@ -4640,22 +4640,22 @@ color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; @@ -4680,11 +4680,11 @@ color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; @@ -4700,24 +4700,24 @@ background: rgba(20, 184, 166, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; @@ -4736,17 +4736,17 @@ .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; - color: #64748b; + color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { - color: #475569; + color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -4816,7 +4816,7 @@ margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -4875,11 +4875,11 @@ color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; @@ -4895,24 +4895,24 @@ background: rgba(20, 184, 166, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -4975,7 +4975,7 @@ color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5024,7 +5024,7 @@ margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } @@ -5084,11 +5084,11 @@ color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #64748b; + color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; @@ -5104,24 +5104,24 @@ background: rgba(20, 184, 166, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #0f172a; + color: #334155; background: #e2e8f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #1e293b; + color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #475569; + color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; @@ -5206,7 +5206,7 @@ background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5311,7 +5311,7 @@ background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5461,7 +5461,7 @@ outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5614,7 +5614,7 @@ outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -5633,7 +5633,7 @@ color: #1e293b; } .p-inplace .p-inplace-display:focus { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6163,6 +6163,9 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; @@ -6241,7 +6244,7 @@ transition: outline-color 0.2s; } .p-knob svg:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6308,6 +6311,17 @@ .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } .p-panelmenu .p-panelmenu-header { border-radius: 4px; @@ -6319,7 +6333,7 @@ background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { - color: #0f172a; + color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; @@ -6342,22 +6356,22 @@ color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { - color: #64748b; + color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { - color: #1e293b; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { - color: #475569; + color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; @@ -6497,7 +6511,7 @@ background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } @@ -6595,11 +6609,15 @@ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { - outline: 2px solid var(--p-focus-ring-color); + outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; @@ -6607,6 +6625,12 @@ .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } .p-slider .p-slider-handle:focus-visible { outline: 0 none; @@ -6692,6 +6716,9 @@ background-color: #14b8a6; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } + .p-tabview .p-tabview-nav { + position: relative; + } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; }