diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index a810f1473..73b601a23 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -12,8 +12,8 @@ --surface-f:#1f2937; --text-color:rgba(255, 255, 255, 0.87); --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#93C5FD; - --primary-color-text:#1c2127; + --primary-color:#60a5fa; + --primary-color-text:#ffffff; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -44,7 +44,7 @@ --surface-overlay:#1f2937; --surface-border:rgba(255,255,255,.1); --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + --focus-ring: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(147, 197, 253, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -178,16 +178,16 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#fafcff; - --primary-100:#e5f1ff; - --primary-200:#d1e6fe; - --primary-300:#bcdbfe; - --primary-400:#a8d0fd; - --primary-500:#93c5fd; - --primary-600:#7da7d7; - --primary-700:#678ab1; - --primary-800:#516c8b; - --primary-900:#3b4f65; + --primary-50:#f7fbff; + --primary-100:#d9e9fe; + --primary-200:#bbd8fd; + --primary-300:#9cc7fc; + --primary-400:#7eb6fb; + --primary-500:#60a5fa; + --primary-600:#528cd5; + --primary-700:#4374af; + --primary-800:#355b8a; + --primary-900:#264264; } .p-editor-container .p-editor-toolbar { @@ -271,22 +271,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #93C5FD; + color: #60a5fa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #93C5FD; + stroke: #60a5fa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #93C5FD; + fill: #60a5fa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #93C5FD; + color: #60a5fa; } @layer primevue { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #93C5FD; + border-color: #60a5fa; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -435,7 +435,7 @@ background: rgba(147, 197, 253, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -459,8 +459,8 @@ .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-datepicker { @@ -508,7 +508,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -522,7 +522,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #93C5FD; + color: #60a5fa; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -555,11 +555,11 @@ .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -594,7 +594,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -652,7 +652,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -660,7 +660,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -668,7 +668,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } @media screen and (max-width: 769px) { @@ -683,13 +683,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -737,7 +737,7 @@ background: rgba(147, 197, 253, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -779,7 +779,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -787,22 +787,22 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; + border-color: #60a5fa; + background: #60a5fa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; + border-color: #2563eb; + background: #2563eb; + color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #FCA5A5; @@ -812,23 +812,23 @@ background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #93C5FD; + background: #60a5fa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #424b57; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #6cb0fc; + background: #2563eb; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #93C5FD; + border-color: #60a5fa; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; @@ -887,13 +887,13 @@ border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -965,7 +965,7 @@ background: rgba(147, 197, 253, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1099,19 +1099,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #93C5FD; + background: #60a5fa; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #7fbafd; + background: #3b82f6; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #FCA5A5; @@ -1130,13 +1130,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-inputtext.p-invalid.p-component { border-color: #FCA5A5; @@ -1272,7 +1272,7 @@ background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1285,8 +1285,8 @@ .p-listbox.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-listbox.p-invalid { border-color: #FCA5A5; @@ -1299,13 +1299,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1383,7 +1383,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1402,7 +1402,7 @@ background: rgba(147, 197, 253, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1478,28 +1478,28 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c2127; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; + border-color: #60a5fa; + background: #60a5fa; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; + border-color: #2563eb; + background: #2563eb; + color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #FCA5A5; @@ -1515,10 +1515,10 @@ background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #93C5FD; + background: #60a5fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #6cb0fc; + background: #2563eb; } .p-rating { @@ -1539,14 +1539,14 @@ .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #93C5FD; + color: #60a5fa; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #93C5FD; + color: #60a5fa; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #F48FB1; @@ -1572,22 +1572,22 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; + background: #60a5fa; + border-color: #60a5fa; + color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; + background: #3b82f6; + border-color: #3b82f6; + color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #ffffff; } .p-selectbutton.p-invalid > .p-button { border-color: #FCA5A5; @@ -1616,21 +1616,21 @@ height: 1.143rem; width: 1.143rem; background: #424b57; - border: 2px solid #93C5FD; + border: 2px solid #60a5fa; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-slider .p-slider-range { - background: #93C5FD; + background: #60a5fa; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #93C5FD; - border-color: #93C5FD; + background: #60a5fa; + border-color: #60a5fa; } .p-treeselect { @@ -1640,13 +1640,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1716,8 +1716,8 @@ .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1729,59 +1729,59 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; + background: #60a5fa; + border-color: #60a5fa; + color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; + background: #3b82f6; + border-color: #3b82f6; + color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #ffffff; } .p-togglebutton.p-button.p-invalid > .p-button { border-color: #FCA5A5; } .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; + color: #ffffff; + background: #60a5fa; + border: 1px solid #60a5fa; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; + background: #3b82f6; + color: #ffffff; + border-color: #3b82f6; } .p-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; + background: #2563eb; + color: #ffffff; + border-color: #2563eb; } .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1798,17 +1798,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1825,7 +1825,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,8 +1847,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #93C5FD; - background-color: #1c2127; + color: #60a5fa; + background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2197,13 +2197,13 @@ } .p-button.p-button-link { - color: #93C5FD; + color: #60a5fa; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -2211,12 +2211,12 @@ } .p-button.p-button-link:enabled:focus { background: transparent; - box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2); border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } @@ -2239,7 +2239,7 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-speeddial-action { @@ -2303,16 +2303,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2328,17 +2328,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2578,7 +2578,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2680,7 +2680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,7 +2729,7 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); + outline: 0.15rem solid rgba(96, 165, 250, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { @@ -2747,7 +2747,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #93C5FD; + background: #60a5fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, @@ -2926,7 +2926,7 @@ .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-column-filter-clear-button { @@ -2946,7 +2946,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-column-filter-overlay { @@ -2980,7 +2980,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3062,7 +3062,7 @@ background: rgba(147, 197, 253, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); @@ -3107,7 +3107,7 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-paginator { @@ -3238,7 +3238,7 @@ background: rgba(147, 197, 253, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); @@ -3248,11 +3248,11 @@ } .p-timeline .p-timeline-event-marker { - border: 2px solid #93C5FD; + border: 2px solid #60a5fa; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c2127; + background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #424b57; @@ -3286,7 +3286,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3311,7 +3311,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3405,7 +3405,7 @@ background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(147, 197, 253, 0.5); + outline-color: rgba(96, 165, 250, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3463,7 +3463,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3472,7 +3472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); + outline: 0.15rem solid rgba(96, 165, 250, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { @@ -3493,7 +3493,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #93C5FD; + background: #60a5fa; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3573,7 +3573,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); @@ -3663,7 +3663,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); @@ -3729,7 +3729,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3763,7 +3763,7 @@ .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-splitter { @@ -3783,7 +3783,7 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-splitter .p-splitter-gutter-resizing { background: #424b57; @@ -3813,21 +3813,21 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; - border-color: #93C5FD; + border-color: #60a5fa; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2937; - border-color: #93C5FD; - color: #93C5FD; + border-color: #60a5fa; + color: #60a5fa; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2937; - color: #93C5FD; + color: #60a5fa; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -3835,7 +3835,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tabview .p-tabview-panels { background: #1f2937; @@ -3940,7 +3940,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -3985,8 +3985,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -3996,8 +3996,8 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #7fbafd; - color: #1c2127; + background: #3b82f6; + color: #ffffff; } .p-overlaypanel:after { border: solid transparent; @@ -4045,7 +4045,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4087,7 +4087,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-fileupload .p-fileupload-content { background: #1f2937; @@ -4098,7 +4098,7 @@ border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #93C5FD; + border: 1px dashed #60a5fa; background-color: rgba(147, 197, 253, 0.16); } .p-fileupload .p-fileupload-file { @@ -4128,14 +4128,14 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; + background: #3b82f6; + color: #ffffff; + border-color: #3b82f6; } .p-fileupload-choose:not(.p-disabled):active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; + background: #2563eb; + color: #ffffff; + border-color: #2563eb; } .p-breadcrumb { @@ -4151,7 +4151,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4220,7 +4220,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4270,7 +4270,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4364,7 +4364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4483,7 +4483,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4595,7 +4595,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4651,7 +4651,7 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; @@ -4744,7 +4744,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); @@ -4809,7 +4809,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4869,7 +4869,7 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: rgba(147, 197, 253, 0.16); @@ -4917,17 +4917,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; - border-color: #93C5FD; + border-color: #60a5fa; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2937; - border-color: #93C5FD; - color: #93C5FD; + border-color: #60a5fa; + color: #60a5fa; } .p-tieredmenu { @@ -4983,7 +4983,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5089,7 +5089,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-message.p-message-info { background: #e9e9ff; @@ -5193,7 +5193,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; @@ -5340,7 +5340,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-galleria-mask { @@ -5419,8 +5419,8 @@ } .p-badge { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5488,7 +5488,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5506,7 +5506,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-progressbar { @@ -5518,10 +5518,10 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #93C5FD; + background: #60a5fa; } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: #ffffff; line-height: 1.5rem; } @@ -5601,8 +5601,8 @@ } .p-tag { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -5659,15 +5659,15 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #93C5FD; + background-color: #60a5fa; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #93C5FD; + background-color: #60a5fa; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); @@ -5689,13 +5689,13 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #93C5FD; + box-shadow: inset 0 2px 0 0 #60a5fa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #93C5FD; + box-shadow: inset 0 -2px 0 0 #60a5fa; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } } diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 5588e4372..5b878399a 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -12,8 +12,8 @@ --surface-f:#1f2937; --text-color:rgba(255, 255, 255, 0.87); --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#A5B4FC; - --primary-color-text:#1c2127; + --primary-color:#818cf8; + --primary-color-text:#ffffff; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -44,7 +44,7 @@ --surface-overlay:#1f2937; --surface-border:rgba(255,255,255,.1); --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + --focus-ring: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(165, 180, 252, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -178,16 +178,16 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#fbfbff; - --primary-100:#e9edfe; - --primary-200:#d8dffe; - --primary-300:#c7d1fd; - --primary-400:#b6c2fd; - --primary-500:#a5b4fc; - --primary-600:#8c99d6; - --primary-700:#747eb0; - --primary-800:#5b638b; - --primary-900:#424865; + --primary-50:#f9f9ff; + --primary-100:#e1e3fd; + --primary-200:#c9cefc; + --primary-300:#b1b8fb; + --primary-400:#99a2f9; + --primary-500:#818cf8; + --primary-600:#6e77d3; + --primary-700:#5a62ae; + --primary-800:#474d88; + --primary-900:#343863; } .p-editor-container .p-editor-toolbar { @@ -271,22 +271,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #A5B4FC; + color: #818cf8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #A5B4FC; + stroke: #818cf8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #A5B4FC; + fill: #818cf8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #A5B4FC; + color: #818cf8; } @layer primevue { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #A5B4FC; + border-color: #818cf8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -435,7 +435,7 @@ background: rgba(165, 180, 252, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -459,8 +459,8 @@ .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-datepicker { @@ -508,7 +508,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -522,7 +522,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #A5B4FC; + color: #818cf8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -555,11 +555,11 @@ .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -594,7 +594,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -652,7 +652,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -660,7 +660,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -668,7 +668,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } @media screen and (max-width: 769px) { @@ -683,13 +683,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -737,7 +737,7 @@ background: rgba(165, 180, 252, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -779,7 +779,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -787,22 +787,22 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #A5B4FC; - background: #A5B4FC; + border-color: #818cf8; + background: #818cf8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #7d92fb; - background: #7d92fb; - color: #1c2127; + border-color: #4f46e5; + background: #4f46e5; + color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #FCA5A5; @@ -812,23 +812,23 @@ background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #A5B4FC; + background: #818cf8; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #424b57; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #7d92fb; + background: #4f46e5; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #A5B4FC; + border-color: #818cf8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; @@ -887,13 +887,13 @@ border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -965,7 +965,7 @@ background: rgba(165, 180, 252, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1099,19 +1099,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #A5B4FC; + background: #818cf8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #91a3fb; + background: #6366f1; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #FCA5A5; @@ -1130,13 +1130,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-inputtext.p-invalid.p-component { border-color: #FCA5A5; @@ -1272,7 +1272,7 @@ background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1285,8 +1285,8 @@ .p-listbox.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-listbox.p-invalid { border-color: #FCA5A5; @@ -1299,13 +1299,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1383,7 +1383,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1402,7 +1402,7 @@ background: rgba(165, 180, 252, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1478,28 +1478,28 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c2127; + background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #A5B4FC; - background: #A5B4FC; + border-color: #818cf8; + background: #818cf8; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #7d92fb; - background: #7d92fb; - color: #1c2127; + border-color: #4f46e5; + background: #4f46e5; + color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #FCA5A5; @@ -1515,10 +1515,10 @@ background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #A5B4FC; + background: #818cf8; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #7d92fb; + background: #4f46e5; } .p-rating { @@ -1539,14 +1539,14 @@ .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #A5B4FC; + color: #818cf8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #A5B4FC; + color: #818cf8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #F48FB1; @@ -1572,22 +1572,22 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; + background: #818cf8; + border-color: #818cf8; + color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; + background: #6366f1; + border-color: #6366f1; + color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #ffffff; } .p-selectbutton.p-invalid > .p-button { border-color: #FCA5A5; @@ -1616,21 +1616,21 @@ height: 1.143rem; width: 1.143rem; background: #424b57; - border: 2px solid #A5B4FC; + border: 2px solid #818cf8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-slider .p-slider-range { - background: #A5B4FC; + background: #818cf8; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #A5B4FC; - border-color: #A5B4FC; + background: #818cf8; + border-color: #818cf8; } .p-treeselect { @@ -1640,13 +1640,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1716,8 +1716,8 @@ .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1729,59 +1729,59 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; + background: #818cf8; + border-color: #818cf8; + color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; + background: #6366f1; + border-color: #6366f1; + color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #ffffff; } .p-togglebutton.p-button.p-invalid > .p-button { border-color: #FCA5A5; } .p-button { - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; + color: #ffffff; + background: #818cf8; + border: 1px solid #818cf8; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-button:enabled:hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; + background: #6366f1; + color: #ffffff; + border-color: #6366f1; } .p-button:enabled:active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; + background: #4f46e5; + color: #ffffff; + border-color: #4f46e5; } .p-button.p-button-outlined { background-color: transparent; - color: #A5B4FC; + color: #818cf8; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; + background: rgba(129, 140, 248, 0.04); + color: #818cf8; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; + background: rgba(129, 140, 248, 0.16); + color: #818cf8; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1798,17 +1798,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; + background: rgba(129, 140, 248, 0.04); + color: #818cf8; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; + background: rgba(129, 140, 248, 0.16); + color: #818cf8; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1825,7 +1825,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,8 +1847,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #A5B4FC; - background-color: #1c2127; + color: #818cf8; + background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2197,13 +2197,13 @@ } .p-button.p-button-link { - color: #A5B4FC; + color: #818cf8; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -2211,12 +2211,12 @@ } .p-button.p-button-link:enabled:focus { background: transparent; - box-shadow: 0 0 0 1px rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.2); border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } @@ -2239,7 +2239,7 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-speeddial-action { @@ -2303,16 +2303,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #A5B4FC; + color: #818cf8; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; + background: rgba(129, 140, 248, 0.04); + color: #818cf8; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; + background: rgba(129, 140, 248, 0.16); + color: #818cf8; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2328,17 +2328,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; + background: rgba(129, 140, 248, 0.04); + color: #818cf8; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; + background: rgba(129, 140, 248, 0.16); + color: #818cf8; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2578,7 +2578,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2680,7 +2680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,7 +2729,7 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(165, 180, 252, 0.5); + outline: 0.15rem solid rgba(129, 140, 248, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { @@ -2747,7 +2747,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #A5B4FC; + background: #818cf8; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, @@ -2926,7 +2926,7 @@ .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-column-filter-clear-button { @@ -2946,7 +2946,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-column-filter-overlay { @@ -2980,7 +2980,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3062,7 +3062,7 @@ background: rgba(165, 180, 252, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); @@ -3107,7 +3107,7 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-paginator { @@ -3238,7 +3238,7 @@ background: rgba(165, 180, 252, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); @@ -3248,11 +3248,11 @@ } .p-timeline .p-timeline-event-marker { - border: 2px solid #A5B4FC; + border: 2px solid #818cf8; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c2127; + background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #424b57; @@ -3286,7 +3286,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3311,7 +3311,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3405,7 +3405,7 @@ background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(165, 180, 252, 0.5); + outline-color: rgba(129, 140, 248, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3463,7 +3463,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3472,7 +3472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(165, 180, 252, 0.5); + outline: 0.15rem solid rgba(129, 140, 248, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { @@ -3493,7 +3493,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #A5B4FC; + background: #818cf8; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3573,7 +3573,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); @@ -3663,7 +3663,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); @@ -3729,7 +3729,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3763,7 +3763,7 @@ .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-splitter { @@ -3783,7 +3783,7 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-splitter .p-splitter-gutter-resizing { background: #424b57; @@ -3813,21 +3813,21 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; - border-color: #A5B4FC; + border-color: #818cf8; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2937; - border-color: #A5B4FC; - color: #A5B4FC; + border-color: #818cf8; + color: #818cf8; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2937; - color: #A5B4FC; + color: #818cf8; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -3835,7 +3835,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tabview .p-tabview-panels { background: #1f2937; @@ -3940,7 +3940,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -3985,8 +3985,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -3996,8 +3996,8 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #91a3fb; - color: #1c2127; + background: #6366f1; + color: #ffffff; } .p-overlaypanel:after { border: solid transparent; @@ -4045,7 +4045,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4087,7 +4087,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-fileupload .p-fileupload-content { background: #1f2937; @@ -4098,7 +4098,7 @@ border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #A5B4FC; + border: 1px dashed #818cf8; background-color: rgba(165, 180, 252, 0.16); } .p-fileupload .p-fileupload-file { @@ -4128,14 +4128,14 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; + background: #6366f1; + color: #ffffff; + border-color: #6366f1; } .p-fileupload-choose:not(.p-disabled):active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; + background: #4f46e5; + color: #ffffff; + border-color: #4f46e5; } .p-breadcrumb { @@ -4151,7 +4151,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4220,7 +4220,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4270,7 +4270,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4364,7 +4364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4483,7 +4483,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4595,7 +4595,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4651,7 +4651,7 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; @@ -4744,7 +4744,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); @@ -4809,7 +4809,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4869,7 +4869,7 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: rgba(165, 180, 252, 0.16); @@ -4917,17 +4917,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; - border-color: #A5B4FC; + border-color: #818cf8; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2937; - border-color: #A5B4FC; - color: #A5B4FC; + border-color: #818cf8; + color: #818cf8; } .p-tieredmenu { @@ -4983,7 +4983,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5089,7 +5089,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-message.p-message-info { background: #e9e9ff; @@ -5193,7 +5193,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; @@ -5340,7 +5340,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-galleria-mask { @@ -5419,8 +5419,8 @@ } .p-badge { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5488,7 +5488,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5506,7 +5506,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-progressbar { @@ -5518,10 +5518,10 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #A5B4FC; + background: #818cf8; } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: #ffffff; line-height: 1.5rem; } @@ -5601,8 +5601,8 @@ } .p-tag { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -5659,15 +5659,15 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #A5B4FC; + background-color: #818cf8; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #A5B4FC; + background-color: #818cf8; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); @@ -5689,13 +5689,13 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #A5B4FC; + box-shadow: inset 0 2px 0 0 #818cf8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #A5B4FC; + box-shadow: inset 0 -2px 0 0 #818cf8; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } } diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 3eb1bc7a2..9e7c50fe4 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -12,8 +12,8 @@ --surface-f:#1f2937; --text-color:rgba(255, 255, 255, 0.87); --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#C4B5FD; - --primary-color-text:#1c2127; + --primary-color:#a78bfa; + --primary-color-text:#030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -44,7 +44,7 @@ --surface-overlay:#1f2937; --surface-border:rgba(255,255,255,.1); --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + --focus-ring: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(196, 181, 253, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -178,16 +178,16 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#fcfbff; - --primary-100:#f1edff; - --primary-200:#e6dffe; - --primary-300:#dad1fe; - --primary-400:#cfc3fd; - --primary-500:#c4b5fd; - --primary-600:#a79ad7; - --primary-700:#897fb1; - --primary-800:#6c648b; - --primary-900:#4e4865; + --primary-50:#fbf9ff; + --primary-100:#eae3fe; + --primary-200:#d9cdfd; + --primary-300:#c8b7fc; + --primary-400:#b8a1fb; + --primary-500:#a78bfa; + --primary-600:#8e76d5; + --primary-700:#7561af; + --primary-800:#5c4c8a; + --primary-900:#433864; } .p-editor-container .p-editor-toolbar { @@ -271,22 +271,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #C4B5FD; + color: #a78bfa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #C4B5FD; + stroke: #a78bfa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #C4B5FD; + fill: #a78bfa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #C4B5FD; + color: #a78bfa; } @layer primevue { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -435,7 +435,7 @@ background: rgba(196, 181, 253, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -459,8 +459,8 @@ .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-datepicker { @@ -508,7 +508,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -522,7 +522,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #C4B5FD; + color: #a78bfa; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -555,11 +555,11 @@ .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -594,7 +594,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -652,7 +652,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -660,7 +660,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -668,7 +668,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } @media screen and (max-width: 769px) { @@ -683,13 +683,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -737,7 +737,7 @@ background: rgba(196, 181, 253, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -779,7 +779,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: #030712; font-size: 14px; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -787,22 +787,22 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #C4B5FD; - background: #C4B5FD; + border-color: #a78bfa; + background: #a78bfa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #a28bfc; - background: #a28bfc; - color: #1c2127; + border-color: #7c3aed; + background: #7c3aed; + color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #FCA5A5; @@ -812,23 +812,23 @@ background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #C4B5FD; + background: #a78bfa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #424b57; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #a28bfc; + background: #7c3aed; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; @@ -887,13 +887,13 @@ border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -965,7 +965,7 @@ background: rgba(196, 181, 253, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1099,19 +1099,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #C4B5FD; + background: #a78bfa; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #b3a0fc; + background: #8b5cf6; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #FCA5A5; @@ -1130,13 +1130,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-inputtext.p-invalid.p-component { border-color: #FCA5A5; @@ -1272,7 +1272,7 @@ background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1285,8 +1285,8 @@ .p-listbox.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-listbox.p-invalid { border-color: #FCA5A5; @@ -1299,13 +1299,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1383,7 +1383,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1402,7 +1402,7 @@ background: rgba(196, 181, 253, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); @@ -1478,28 +1478,28 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c2127; + background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #C4B5FD; - background: #C4B5FD; + border-color: #a78bfa; + background: #a78bfa; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #a28bfc; - background: #a28bfc; - color: #1c2127; + border-color: #7c3aed; + background: #7c3aed; + color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #FCA5A5; @@ -1515,10 +1515,10 @@ background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #C4B5FD; + background: #a78bfa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #a28bfc; + background: #7c3aed; } .p-rating { @@ -1539,14 +1539,14 @@ .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #C4B5FD; + color: #a78bfa; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #C4B5FD; + color: #a78bfa; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #F48FB1; @@ -1572,22 +1572,22 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; + background: #a78bfa; + border-color: #a78bfa; + color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; + background: #8b5cf6; + border-color: #8b5cf6; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-selectbutton.p-invalid > .p-button { border-color: #FCA5A5; @@ -1616,21 +1616,21 @@ height: 1.143rem; width: 1.143rem; background: #424b57; - border: 2px solid #C4B5FD; + border: 2px solid #a78bfa; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-slider .p-slider-range { - background: #C4B5FD; + background: #a78bfa; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #C4B5FD; - border-color: #C4B5FD; + background: #a78bfa; + border-color: #a78bfa; } .p-treeselect { @@ -1640,13 +1640,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1716,8 +1716,8 @@ .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + border-color: #a78bfa; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1729,59 +1729,59 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; + background: #a78bfa; + border-color: #a78bfa; + color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; + background: #8b5cf6; + border-color: #8b5cf6; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { border-color: #FCA5A5; } .p-button { - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; + color: #030712; + background: #a78bfa; + border: 1px solid #a78bfa; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-button:enabled:hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; + background: #8b5cf6; + color: #030712; + border-color: #8b5cf6; } .p-button:enabled:active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; + background: #7c3aed; + color: #030712; + border-color: #7c3aed; } .p-button.p-button-outlined { background-color: transparent; - color: #C4B5FD; + color: #a78bfa; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1798,17 +1798,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1825,7 +1825,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,8 +1847,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #C4B5FD; - background-color: #1c2127; + color: #a78bfa; + background-color: #030712; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2197,13 +2197,13 @@ } .p-button.p-button-link { - color: #C4B5FD; + color: #a78bfa; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -2211,12 +2211,12 @@ } .p-button.p-button-link:enabled:focus { background: transparent; - box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.2); border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } @@ -2239,7 +2239,7 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-speeddial-action { @@ -2303,16 +2303,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #C4B5FD; + color: #a78bfa; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2328,17 +2328,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2578,7 +2578,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2680,7 +2680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(139, 92, 246, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,7 +2729,7 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(196, 181, 253, 0.5); + outline: 0.15rem solid rgba(139, 92, 246, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { @@ -2747,7 +2747,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #C4B5FD; + background: #a78bfa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, @@ -2926,7 +2926,7 @@ .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-column-filter-clear-button { @@ -2946,7 +2946,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-column-filter-overlay { @@ -2980,7 +2980,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(139, 92, 246, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3062,7 +3062,7 @@ background: rgba(196, 181, 253, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); @@ -3107,7 +3107,7 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-paginator { @@ -3238,7 +3238,7 @@ background: rgba(196, 181, 253, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); @@ -3248,11 +3248,11 @@ } .p-timeline .p-timeline-event-marker { - border: 2px solid #C4B5FD; + border: 2px solid #a78bfa; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c2127; + background-color: #030712; } .p-timeline .p-timeline-event-connector { background-color: #424b57; @@ -3286,7 +3286,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(139, 92, 246, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3311,7 +3311,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3405,7 +3405,7 @@ background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(196, 181, 253, 0.5); + outline-color: rgba(139, 92, 246, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3463,7 +3463,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3472,7 +3472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(196, 181, 253, 0.5); + outline: 0.15rem solid rgba(139, 92, 246, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { @@ -3493,7 +3493,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #C4B5FD; + background: #a78bfa; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3573,7 +3573,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); @@ -3663,7 +3663,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); @@ -3729,7 +3729,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3763,7 +3763,7 @@ .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-splitter { @@ -3783,7 +3783,7 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-splitter .p-splitter-gutter-resizing { background: #424b57; @@ -3813,21 +3813,21 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; - border-color: #C4B5FD; + border-color: #a78bfa; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2937; - border-color: #C4B5FD; - color: #C4B5FD; + border-color: #a78bfa; + color: #a78bfa; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2937; - color: #C4B5FD; + color: #a78bfa; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -3835,7 +3835,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-tabview .p-tabview-panels { background: #1f2937; @@ -3940,7 +3940,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -3985,8 +3985,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -3996,8 +3996,8 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #b3a0fc; - color: #1c2127; + background: #8b5cf6; + color: #030712; } .p-overlaypanel:after { border: solid transparent; @@ -4045,7 +4045,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4087,7 +4087,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-fileupload .p-fileupload-content { background: #1f2937; @@ -4098,7 +4098,7 @@ border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #C4B5FD; + border: 1px dashed #a78bfa; background-color: rgba(196, 181, 253, 0.16); } .p-fileupload .p-fileupload-file { @@ -4128,14 +4128,14 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; + background: #8b5cf6; + color: #030712; + border-color: #8b5cf6; } .p-fileupload-choose:not(.p-disabled):active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; + background: #7c3aed; + color: #030712; + border-color: #7c3aed; } .p-breadcrumb { @@ -4151,7 +4151,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4220,7 +4220,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4270,7 +4270,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(139, 92, 246, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4364,7 +4364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4483,7 +4483,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4595,7 +4595,7 @@ color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4651,7 +4651,7 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; @@ -4744,7 +4744,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); @@ -4809,7 +4809,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -4869,7 +4869,7 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: rgba(196, 181, 253, 0.16); @@ -4917,17 +4917,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; - border-color: #C4B5FD; + border-color: #a78bfa; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2937; - border-color: #C4B5FD; - color: #C4B5FD; + border-color: #a78bfa; + color: #a78bfa; } .p-tieredmenu { @@ -4983,7 +4983,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5089,7 +5089,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-message.p-message-info { background: #e9e9ff; @@ -5193,7 +5193,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; @@ -5340,7 +5340,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-galleria-mask { @@ -5419,8 +5419,8 @@ } .p-badge { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5488,7 +5488,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5506,7 +5506,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); } .p-progressbar { @@ -5518,10 +5518,10 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #C4B5FD; + background: #a78bfa; } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: #030712; line-height: 1.5rem; } @@ -5601,8 +5601,8 @@ } .p-tag { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -5659,15 +5659,15 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #C4B5FD; + background-color: #a78bfa; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #C4B5FD; + background-color: #a78bfa; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(196, 181, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); @@ -5689,13 +5689,13 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #C4B5FD; + box-shadow: inset 0 2px 0 0 #a78bfa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #C4B5FD; + box-shadow: inset 0 -2px 0 0 #a78bfa; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(196, 181, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } } diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index dddda3b38..a092888ad 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -44,9 +44,9 @@ --surface-overlay:#1f2937; --surface-border:rgba(255,255,255,.1); --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem #ecfdf5; + --focus-ring: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(94, 234, 212, 0.16); + --highlight-bg: rgba(110, 231, 183, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); color-scheme: dark; } @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-component-overlay-enter { @@ -376,7 +376,7 @@ .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-autocomplete .p-autocomplete-multiple-container { @@ -432,7 +432,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: rgba(16, 185, 129, 0.24); @@ -459,7 +459,7 @@ .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } @@ -508,7 +508,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -550,12 +550,12 @@ } .p-datepicker table td > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; @@ -564,7 +564,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -594,7 +594,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -618,7 +618,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -630,7 +630,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #424b57; @@ -652,7 +652,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -660,7 +660,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -668,7 +668,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } @media screen and (max-width: 769px) { @@ -688,7 +688,7 @@ .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-cascadeselect .p-cascadeselect-label { @@ -734,7 +734,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: rgba(16, 185, 129, 0.24); @@ -796,7 +796,7 @@ .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { @@ -827,7 +827,7 @@ .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-chips .p-chips-multiple-container { @@ -892,7 +892,7 @@ .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { @@ -962,7 +962,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(16, 185, 129, 0.24); @@ -1099,7 +1099,7 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; @@ -1135,7 +1135,7 @@ .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-inputtext.p-invalid.p-component { @@ -1257,7 +1257,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; @@ -1285,7 +1285,7 @@ .p-listbox.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-listbox.p-invalid { @@ -1304,7 +1304,7 @@ .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-multiselect .p-multiselect-label { @@ -1383,7 +1383,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1399,7 +1399,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: rgba(16, 185, 129, 0.24); @@ -1483,7 +1483,7 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { @@ -1539,7 +1539,7 @@ .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { @@ -1623,7 +1623,7 @@ .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-slider .p-slider-range { background: #10b981; @@ -1645,7 +1645,7 @@ .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-treeselect .p-treeselect-label { @@ -1716,7 +1716,7 @@ .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); border-color: #10b981; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { @@ -1825,7 +1825,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -2211,7 +2211,7 @@ } .p-button.p-button-link:enabled:focus { background: transparent; - box-shadow: 0 0 0 1px #ecfdf5; + box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.2); border-color: transparent; } .p-button.p-button-link:enabled:active { @@ -2239,7 +2239,7 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-speeddial-action { @@ -2578,7 +2578,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2598,7 +2598,7 @@ background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } @@ -2655,7 +2655,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2666,21 +2666,21 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #ecfdf5; + box-shadow: inset 0 0 0 0.15rem rgba(16, 185, 129, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,18 +2729,18 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #ecfdf5; + outline: 0.15rem solid rgba(16, 185, 129, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(94, 234, 212, 0.16); + box-shadow: inset 0 2px 0 0 rgba(110, 231, 183, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(94, 234, 212, 0.16); + box-shadow: inset 0 -2px 0 0 rgba(110, 231, 183, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -2819,7 +2819,7 @@ background: #1f2937; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -2920,13 +2920,13 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-column-filter-clear-button { @@ -2946,7 +2946,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-column-filter-overlay { @@ -2971,7 +2971,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -2980,7 +2980,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ecfdf5; + box-shadow: inset 0 0 0 0.15rem rgba(16, 185, 129, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3059,7 +3059,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(16, 185, 129, 0.24); @@ -3076,11 +3076,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(23, 177, 153, 0.16); + color: rgba(30, 183, 123, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: #424b57; @@ -3107,7 +3107,7 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-paginator { @@ -3182,8 +3182,8 @@ border-radius: 6px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(94, 234, 212, 0.16); - border-color: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); + border-color: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3235,7 +3235,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(16, 185, 129, 0.24); @@ -3286,7 +3286,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ecfdf5; + box-shadow: inset 0 0 0 0.15rem rgba(16, 185, 129, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3311,7 +3311,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3324,7 +3324,7 @@ color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3405,7 +3405,7 @@ background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: #ecfdf5; + outline-color: rgba(16, 185, 129, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3417,7 +3417,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3428,7 +3428,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3463,7 +3463,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3472,11 +3472,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #ecfdf5; + outline: 0.15rem solid rgba(16, 185, 129, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3573,7 +3573,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ecfdf5; + box-shadow: inset 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); @@ -3663,7 +3663,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); @@ -3729,7 +3729,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3763,7 +3763,7 @@ .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-splitter { @@ -3783,7 +3783,7 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-splitter .p-splitter-gutter-resizing { background: #424b57; @@ -3813,7 +3813,7 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ecfdf5; + box-shadow: inset 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; @@ -3835,7 +3835,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ecfdf5; + box-shadow: inset 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-tabview .p-tabview-panels { background: #1f2937; @@ -3940,7 +3940,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -4045,7 +4045,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4087,7 +4087,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-fileupload .p-fileupload-content { background: #1f2937; @@ -4099,7 +4099,7 @@ } .p-fileupload .p-fileupload-content.p-fileupload-highlight { border: 1px dashed #10b981; - background-color: rgba(94, 234, 212, 0.16); + background-color: rgba(110, 231, 183, 0.16); } .p-fileupload .p-fileupload-file { padding: 1rem; @@ -4151,7 +4151,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4211,7 +4211,7 @@ } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4270,7 +4270,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ecfdf5; + box-shadow: inset 0 0 0 0.15rem rgba(16, 185, 129, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4355,7 +4355,7 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4474,7 +4474,7 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4586,7 +4586,7 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4651,7 +4651,7 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; @@ -4744,7 +4744,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ecfdf5; + box-shadow: inset 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); @@ -4800,7 +4800,7 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4869,10 +4869,10 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -4917,7 +4917,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ecfdf5; + box-shadow: inset 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; @@ -4974,7 +4974,7 @@ } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -5089,7 +5089,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-message.p-message-info { background: #e9e9ff; @@ -5193,7 +5193,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; @@ -5296,7 +5296,7 @@ background: rgba(255, 255, 255, 0.1); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5315,7 +5315,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { @@ -5340,7 +5340,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-galleria-mask { @@ -5488,7 +5488,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5506,7 +5506,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ecfdf5; + box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); } .p-progressbar { @@ -5578,10 +5578,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: rgba(94, 234, 212, 0.16); + background: rgba(110, 231, 183, 0.16); } .p-scrolltop.p-link:hover { - background: rgba(94, 234, 212, 0.3616); + background: rgba(110, 231, 183, 0.3616); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem;