From 5674e47a35b53307f6899873da1b57d867a4a433 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Tue, 10 Oct 2023 14:59:58 +0300 Subject: [PATCH] Cosmetics updates --- assets/styles/layout/_code.scss | 2 +- assets/styles/layout/_content.scss | 2 +- assets/styles/layout/_core.scss | 2 +- assets/styles/layout/_doc.scss | 1 + assets/styles/layout/_sidebar.scss | 2 +- assets/styles/layout/landing/_dark.scss | 4 +- assets/styles/layout/landing/_light.scss | 4 +- pages/landing/HeroSection.vue | 4 +- public/themes/lara-dark-teal/theme.css | 444 +++--- public/themes/lara-light-blue/theme.css | 1198 +++++++-------- public/themes/lara-light-indigo/theme.css | 1198 +++++++-------- public/themes/lara-light-purple/theme.css | 1198 +++++++-------- public/themes/lara-light-teal/theme.css | 1698 ++++++++++----------- 13 files changed, 2879 insertions(+), 2878 deletions(-) diff --git a/assets/styles/layout/_code.scss b/assets/styles/layout/_code.scss index 39b1f2d18..9d1d5c367 100644 --- a/assets/styles/layout/_code.scss +++ b/assets/styles/layout/_code.scss @@ -356,7 +356,7 @@ pre[class*="language-"] { .layout-light { pre[class*="language-"] { code { - background: #475569 !important; + background: var(--surface-700) !important; } } } \ No newline at end of file diff --git a/assets/styles/layout/_content.scss b/assets/styles/layout/_content.scss index 12dc69b78..b9858eeff 100644 --- a/assets/styles/layout/_content.scss +++ b/assets/styles/layout/_content.scss @@ -10,7 +10,7 @@ .layout-light { .card { - background: var(--surface-ground); + background: var(--surface-card); border: 1px solid var(--surface-border); padding: 2rem; border-radius: 10px; diff --git a/assets/styles/layout/_core.scss b/assets/styles/layout/_core.scss index 2f56a0f61..d1c33e4f7 100644 --- a/assets/styles/layout/_core.scss +++ b/assets/styles/layout/_core.scss @@ -7,7 +7,7 @@ body { min-height: 100%; overflow-x: hidden; overflow-y: auto; - background-color: var(--surface-section); + background-color: var(--surface-ground); font-weight: normal; color: var(--text-color); -webkit-font-smoothing: antialiased; diff --git a/assets/styles/layout/_doc.scss b/assets/styles/layout/_doc.scss index 44bd4f638..3f2cc00f8 100644 --- a/assets/styles/layout/_doc.scss +++ b/assets/styles/layout/_doc.scss @@ -175,6 +175,7 @@ .px-link { padding: 0.25rem 1rem 0.25rem 1rem; color: var(--surface-800); + font-weight: 400; white-space: nowrap; min-width: 0; overflow: hidden; diff --git a/assets/styles/layout/_sidebar.scss b/assets/styles/layout/_sidebar.scss index 5f7c5d7ed..fd7e49233 100644 --- a/assets/styles/layout/_sidebar.scss +++ b/assets/styles/layout/_sidebar.scss @@ -96,7 +96,7 @@ color: var(--surface-700); border-left: 1px solid var(--surface-border); transition: all .2s; - font-weight: 400; + font-weight: 450; display: flex; padding: .5rem .5rem .5rem 1rem; color: var(--surface-700); diff --git a/assets/styles/layout/landing/_dark.scss b/assets/styles/layout/landing/_dark.scss index 885a3532a..70194e679 100644 --- a/assets/styles/layout/landing/_dark.scss +++ b/assets/styles/layout/landing/_dark.scss @@ -1,6 +1,6 @@ .layout-dark { - --home-highlight-color:#14B8A6; - --home-highlight-darker-color:#0D9488; + --home-highlight-color:#10b981; + --home-highlight-darker-color:#059669; --home-highlight-fore-color:#ffffff; --home-bg:#111827; --home-border-color:#424b57; diff --git a/assets/styles/layout/landing/_light.scss b/assets/styles/layout/landing/_light.scss index 8f417cdbe..22744798c 100644 --- a/assets/styles/layout/landing/_light.scss +++ b/assets/styles/layout/landing/_light.scss @@ -1,6 +1,6 @@ .layout-light { - --home-highlight-color:#14B8A6; - --home-highlight-darker-color:#0D9488; + --home-highlight-color:#10b981; + --home-highlight-darker-color:#059669; --home-highlight-fore-color:#ffffff; --home-bg:#F9FAFB; --home-border-color:rgba(0,0,0,.1); diff --git a/pages/landing/HeroSection.vue b/pages/landing/HeroSection.vue index c43a31993..ed42cf674 100644 --- a/pages/landing/HeroSection.vue +++ b/pages/landing/HeroSection.vue @@ -133,9 +133,9 @@ export default { label: 'Income', data: [40, 59, 40, 50, 56, 40, 70], fill: true, - borderColor: '#14B8A6', + borderColor: '#10b981', tension: 0.4, - backgroundColor: 'rgba(20, 184, 166, .2)' + backgroundColor: 'rgba(16, 185, 129, .2)' } ] }, diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index 3e53552dc..fced73f9e 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/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:#5EEAD4; - --primary-color-text:#1c2127; + --primary-color:#10b981; + --primary-color-text:#ffffff; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -44,7 +44,7 @@ --surface-overlay:#1f2937; --surface-border:#424b57; --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + --focus-ring: 0 0 0 0.2rem #ecfdf5; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(94, 234, 212, 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:#f7fefd; - --primary-100:#d8faf5; - --primary-200:#baf6ed; - --primary-300:#9bf2e4; - --primary-400:#7deedc; - --primary-500:#5eead4; - --primary-600:#50c7b4; - --primary-700:#42a494; - --primary-800:#348175; - --primary-900:#265e55; + --primary-50:#f3fcf9; + --primary-100:#c6eee1; + --primary-200:#98e1c9; + --primary-300:#6bd4b1; + --primary-400:#3dc699; + --primary-500:#10b981; + --primary-600:#0e9d6e; + --primary-700:#0b825a; + --primary-800:#096647; + --primary-900:#064a34; } .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: #5EEAD4; + color: #10b981; } .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: #5EEAD4; + stroke: #10b981; } .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: #5EEAD4; + fill: #10b981; } .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: #5EEAD4; + color: #10b981; } @layer primevue { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #5EEAD4; + border-color: #10b981; } .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(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -435,7 +435,7 @@ background: rgba(94, 234, 212, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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: #5EEAD4; + color: #10b981; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #5EEAD4; + color: #10b981; 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } @media screen and (max-width: 769px) { @@ -683,13 +683,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #5EEAD4; + border-color: #10b981; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -737,7 +737,7 @@ background: rgba(94, 234, 212, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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: #5EEAD4; - background: #5EEAD4; + border-color: #10b981; + background: #10b981; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #5EEAD4; + border-color: #10b981; } .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(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #41e6cc; - background: #41e6cc; - color: #1c2127; + border-color: #047857; + background: #047857; + 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: #5EEAD4; + background: #10b981; } .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: #41e6cc; + background: #047857; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #5EEAD4; + border-color: #10b981; } .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(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .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: #5EEAD4; + border-color: #10b981; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -965,7 +965,7 @@ background: rgba(94, 234, 212, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #5EEAD4; + background: #10b981; } .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: #4fe8d0; + background: #059669; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #FCA5A5; @@ -1130,13 +1130,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #5EEAD4; + border-color: #10b981; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .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(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-listbox.p-invalid { border-color: #FCA5A5; @@ -1299,13 +1299,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #5EEAD4; + border-color: #10b981; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1402,7 +1402,7 @@ background: rgba(94, 234, 212, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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: #5EEAD4; + border-color: #10b981; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .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: #5EEAD4; - background: #5EEAD4; + border-color: #10b981; + background: #10b981; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #41e6cc; - background: #41e6cc; - color: #1c2127; + border-color: #047857; + background: #047857; + 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: #5EEAD4; + background: #10b981; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #41e6cc; + background: #047857; } .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(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #5EEAD4; + color: #10b981; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #5EEAD4; + color: #10b981; } .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: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; + background: #10b981; + border-color: #10b981; + 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: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; + background: #059669; + border-color: #059669; + 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 #5EEAD4; + border: 2px solid #10b981; 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-slider .p-slider-range { - background: #5EEAD4; + background: #10b981; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #5EEAD4; - border-color: #5EEAD4; + background: #10b981; + border-color: #10b981; } .p-treeselect { @@ -1640,13 +1640,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #5EEAD4; + border-color: #10b981; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .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(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .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: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; + background: #10b981; + border-color: #10b981; + 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: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; + background: #059669; + border-color: #059669; + 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: #5EEAD4; - border: 1px solid #5EEAD4; + color: #ffffff; + background: #10b981; + border: 1px solid #10b981; 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: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; + background: #059669; + color: #ffffff; + border-color: #059669; } .p-button:enabled:active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; + background: #047857; + color: #ffffff; + border-color: #047857; } .p-button.p-button-outlined { background-color: transparent; - color: #5EEAD4; + color: #10b981; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(94, 234, 212, 0.04); - color: #5EEAD4; + background: rgba(16, 185, 129, 0.04); + color: #10b981; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(94, 234, 212, 0.16); - color: #5EEAD4; + background: rgba(16, 185, 129, 0.16); + color: #10b981; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1798,17 +1798,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #5EEAD4; + color: #10b981; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(94, 234, 212, 0.04); - color: #5EEAD4; + background: rgba(16, 185, 129, 0.04); + color: #10b981; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(94, 234, 212, 0.16); - color: #5EEAD4; + background: rgba(16, 185, 129, 0.16); + color: #10b981; 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,8 +1847,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #5EEAD4; - background-color: #1c2127; + color: #10b981; + 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: #5EEAD4; + color: #10b981; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #5EEAD4; + color: #10b981; 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 1px #ecfdf5; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #5EEAD4; + color: #10b981; 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-speeddial-action { @@ -2303,16 +2303,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #5EEAD4; + color: #10b981; 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(94, 234, 212, 0.04); - color: #5EEAD4; + background: rgba(16, 185, 129, 0.04); + color: #10b981; } .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(94, 234, 212, 0.16); - color: #5EEAD4; + background: rgba(16, 185, 129, 0.16); + color: #10b981; } .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: #5EEAD4; + color: #10b981; 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(94, 234, 212, 0.04); - color: #5EEAD4; + background: rgba(16, 185, 129, 0.04); + color: #10b981; 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(94, 234, 212, 0.16); - color: #5EEAD4; + background: rgba(16, 185, 129, 0.16); + color: #10b981; 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.15rem #ecfdf5; 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + outline: 0.15rem solid #ecfdf5; 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: #5EEAD4; + background: #10b981; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.15rem #ecfdf5; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3062,7 +3062,7 @@ background: rgba(94, 234, 212, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-paginator { @@ -3238,7 +3238,7 @@ background: rgba(94, 234, 212, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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 #5EEAD4; + border: 2px solid #10b981; 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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.15rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + outline-color: #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + outline: 0.15rem solid #ecfdf5; 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: #5EEAD4; + background: #10b981; } .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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; - border-color: #5EEAD4; + border-color: #10b981; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2937; - border-color: #5EEAD4; - color: #5EEAD4; + border-color: #10b981; + color: #10b981; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2937; - color: #5EEAD4; + color: #10b981; 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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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: #5EEAD4; - color: #1c2127; + background: #10b981; + 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: #4fe8d0; - color: #1c2127; + background: #059669; + 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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 #5EEAD4; + border: 1px dashed #10b981; background-color: rgba(94, 234, 212, 0.16); } .p-fileupload .p-fileupload-file { @@ -4128,14 +4128,14 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; + background: #059669; + color: #ffffff; + border-color: #059669; } .p-fileupload-choose:not(.p-disabled):active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; + background: #047857; + color: #ffffff; + border-color: #047857; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.15rem #ecfdf5; } .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(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: rgba(94, 234, 212, 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(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; - border-color: #5EEAD4; + border-color: #10b981; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2937; - border-color: #5EEAD4; - color: #5EEAD4; + border-color: #10b981; + color: #10b981; } .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(94, 234, 212, 0.24); + background: rgba(16, 185, 129, 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-galleria-mask { @@ -5419,8 +5419,8 @@ } .p-badge { - background: #5EEAD4; - color: #1c2127; + background: #10b981; + 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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-progressbar { @@ -5518,10 +5518,10 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #5EEAD4; + background: #10b981; } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: #ffffff; line-height: 1.5rem; } @@ -5601,8 +5601,8 @@ } .p-tag { - background: #5EEAD4; - color: #1c2127; + background: #10b981; + 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: #5EEAD4; + background-color: #10b981; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #5EEAD4; + background-color: #10b981; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(94, 234, 212, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(16, 185, 129, 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 #5EEAD4; + box-shadow: inset 0 2px 0 0 #10b981; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #5EEAD4; + box-shadow: inset 0 -2px 0 0 #10b981; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(94, 234, 212, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(16, 185, 129, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } } diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index e667448ab..6f558efca 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -5,40 +5,40 @@ --font-family:"Inter var", sans-serif; --font-feature-settings: "cv02","cv03","cv04","cv11"; --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; + --surface-b:#f9fafb; + --surface-c:#f3f4f6; + --surface-d:#e5e7eb; --surface-e:#ffffff; --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; + --text-color:#4b5563; + --text-color-secondary:#6b7280; --primary-color:#3B82F6; --primary-color-text:#ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; --content-padding:1.25rem; --inline-spacing:0.5rem; --border-radius:6px; - --surface-ground:#eff3f8; + --surface-ground:#f9fafb; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; @@ -191,40 +191,40 @@ } .p-editor-container .p-editor-toolbar { - background: #f8f9fa; + background: #f9fafb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; + stroke: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; + fill: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; - color: #6c757d; + color: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; @@ -234,11 +234,11 @@ padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; @@ -248,25 +248,25 @@ border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; + color: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, @@ -315,7 +315,7 @@ } .p-text-secondary { - color: #6c757d; + color: #6b7280; } .pi { @@ -390,22 +390,22 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; @@ -413,7 +413,7 @@ .p-autocomplete-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -425,7 +425,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -438,17 +438,17 @@ background: rgba(59, 130, 246, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } @@ -466,8 +466,8 @@ .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { @@ -480,11 +480,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #495057; + color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -492,7 +492,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -500,9 +500,9 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { @@ -515,7 +515,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; @@ -558,8 +558,8 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -568,28 +568,28 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; @@ -633,7 +633,7 @@ background: #EFF6FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; + border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -647,7 +647,7 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; @@ -655,7 +655,7 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; @@ -663,7 +663,7 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; @@ -678,7 +678,7 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -697,7 +697,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -705,7 +705,7 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -716,7 +716,7 @@ .p-cascadeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -727,7 +727,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -740,12 +740,12 @@ background: rgba(59, 130, 246, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; @@ -755,10 +755,10 @@ } .p-input-filled .p-cascadeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -769,11 +769,11 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -809,13 +809,13 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3B82F6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; @@ -836,13 +836,13 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -854,7 +854,7 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; padding: 0; margin: 0; } @@ -882,7 +882,7 @@ .p-dropdown { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -903,7 +903,7 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; @@ -911,13 +911,13 @@ } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } .p-dropdown.p-invalid.p-component { @@ -926,16 +926,16 @@ .p-dropdown-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -946,7 +946,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; @@ -955,7 +955,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -968,31 +968,31 @@ background: rgba(59, 130, 246, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-dropdown { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1002,16 +1002,16 @@ } .p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; + border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, @@ -1080,7 +1080,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #ced4da; + background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1102,7 +1102,7 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; + background: #b9bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #3B82F6; @@ -1121,10 +1121,10 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; @@ -1152,7 +1152,7 @@ .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } @@ -1163,7 +1163,7 @@ .p-input-icon-left > svg:first-of-type, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-left > .p-inputtext { @@ -1177,7 +1177,7 @@ .p-input-icon-right > svg:last-of-type, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-right > .p-inputtext { @@ -1185,26 +1185,26 @@ } ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } :-moz-placeholder { - color: #6c757d; + color: #6b7280; } ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1222,16 +1222,16 @@ .p-listbox { background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1241,7 +1241,7 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-listbox .p-listbox-list { padding: 0.75rem 0; @@ -1251,7 +1251,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } @@ -1262,25 +1262,25 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-listbox.p-focus { outline: 0 none; @@ -1294,7 +1294,7 @@ .p-multiselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1312,13 +1312,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { @@ -1326,7 +1326,7 @@ } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1341,16 +1341,16 @@ .p-multiselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1360,7 +1360,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1369,16 +1369,16 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; @@ -1392,7 +1392,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -1405,12 +1405,12 @@ background: rgba(59, 130, 246, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1418,21 +1418,21 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-multiselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1445,14 +1445,14 @@ .p-password-panel { padding: 1.25rem; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #dee2e6; + background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; @@ -1469,11 +1469,11 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1509,10 +1509,10 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #3B82F6; @@ -1525,7 +1525,7 @@ gap: 0.5rem; } .p-rating .p-rating-item .p-rating-icon { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } @@ -1554,22 +1554,22 @@ .p-selectbutton .p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-selectbutton .p-button.p-highlight { background: #3B82F6; @@ -1594,7 +1594,7 @@ } .p-slider { - background: #dee2e6; + background: #e5e7eb; border: 0 none; border-radius: 6px; } @@ -1635,7 +1635,7 @@ .p-treeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1653,18 +1653,18 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1679,7 +1679,7 @@ .p-treeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -1689,15 +1689,15 @@ } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1705,13 +1705,13 @@ .p-togglebutton.p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; @@ -1720,13 +1720,13 @@ border-color: #3B82F6; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-togglebutton.p-button.p-highlight { background: #3B82F6; @@ -1785,16 +1785,16 @@ border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-button.p-button-text { background-color: transparent; @@ -1812,15 +1812,15 @@ border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } .p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-button:focus { outline: 0 none; @@ -2245,7 +2245,7 @@ .p-speeddial-action { width: 3rem; height: 3rem; - background: #495057; + background: #4b5563; color: #fff; } .p-speeddial-action:hover { @@ -2315,16 +2315,16 @@ color: #3B82F6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; @@ -2342,15 +2342,15 @@ border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6c757d; + color: #6b7280; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -2561,7 +2561,7 @@ .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2570,9 +2570,9 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { @@ -2588,14 +2588,14 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EFF6FF; @@ -2611,17 +2611,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2629,24 +2629,24 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2659,11 +2659,11 @@ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #EFF6FF; @@ -2685,12 +2685,12 @@ } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2700,7 +2700,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2710,9 +2710,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -2743,8 +2743,8 @@ box-shadow: inset 0 -2px 0 0 #EFF6FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #3B82F6; @@ -2752,7 +2752,7 @@ .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, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; + background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2868,27 +2868,27 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2904,20 +2904,20 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EFF6FF; @@ -2932,16 +2932,16 @@ .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; @@ -2951,7 +2951,7 @@ .p-column-filter-overlay { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -2964,7 +2964,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -2974,8 +2974,8 @@ background: #EFF6FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -2983,22 +2983,22 @@ box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3023,9 +3023,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3033,9 +3033,9 @@ border-top-left-radius: 6px; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -3045,17 +3045,17 @@ padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #1D4ED8; @@ -3068,12 +3068,12 @@ background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EFF6FF; @@ -3083,20 +3083,20 @@ color: #70aeff; } .p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; + background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3112,8 +3112,8 @@ .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -3124,7 +3124,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3135,9 +3135,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -3165,7 +3165,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3174,7 +3174,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3187,9 +3187,9 @@ color: #1D4ED8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-picklist .p-picklist-buttons { @@ -3199,9 +3199,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3209,9 +3209,9 @@ border-top-left-radius: 6px; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -3221,17 +3221,17 @@ padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #1D4ED8; @@ -3244,7 +3244,7 @@ background: #fcfcfc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-timeline .p-timeline-event-marker { @@ -3255,7 +3255,7 @@ background-color: #ffffff; } .p-timeline .p-timeline-event-connector { - background-color: #dee2e6; + background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3273,9 +3273,9 @@ } .p-tree { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; border-radius: 6px; } @@ -3297,16 +3297,16 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; @@ -3315,13 +3315,13 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EFF6FF; @@ -3336,8 +3336,8 @@ color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3348,7 +3348,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3370,17 +3370,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3388,27 +3388,27 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-treetable .p-sortable-column { outline-color: #BFDBFE; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3421,11 +3421,11 @@ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #EFF6FF; @@ -3436,19 +3436,19 @@ } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3456,9 +3456,9 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; @@ -3469,7 +3469,7 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; @@ -3486,18 +3486,18 @@ color: #1D4ED8; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; + color: #4b5563; } .p-treetable .p-column-resizer-helper { background: #3B82F6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -3560,9 +3560,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -3576,27 +3576,27 @@ box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -3609,7 +3609,7 @@ .p-card { background: #ffffff; - color: #495057; + color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -3624,7 +3624,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; @@ -3634,16 +3634,16 @@ } .p-fieldset { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; font-weight: 700; border-radius: 6px; } @@ -3653,7 +3653,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; - color: #343a40; + color: #374151; border-radius: 6px; transition: box-shadow 0.2s; } @@ -3666,12 +3666,12 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { - color: #343a40; + color: #374151; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; @@ -3685,7 +3685,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; + border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -3695,17 +3695,17 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; + border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel .p-panel-header { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; padding: 1.25rem; - background: #f8f9fa; - color: #343a40; + background: #f9fafb; + color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -3715,16 +3715,16 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; @@ -3736,9 +3736,9 @@ } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0 none; } .p-panel .p-panel-content:last-child { @@ -3747,16 +3747,16 @@ } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; + background: #f9fafb; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -3767,17 +3767,17 @@ } .p-splitter { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; - color: #495057; + color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; + background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; + background: #e5e7eb; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { @@ -3786,23 +3786,23 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; + background: #e5e7eb; } .p-tabview .p-tabview-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -3817,8 +3817,8 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; @@ -3841,14 +3841,14 @@ background: #ffffff; padding: 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; + background: #f9fafb; + border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -3859,7 +3859,7 @@ .p-confirm-popup { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -3913,7 +3913,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #343a40; + color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -3925,7 +3925,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3933,9 +3933,9 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; @@ -3947,7 +3947,7 @@ } .p-dialog .p-dialog-content { background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -3957,7 +3957,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; @@ -3976,7 +3976,7 @@ .p-overlaypanel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4018,7 +4018,7 @@ .p-sidebar { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @@ -4029,7 +4029,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4037,9 +4037,9 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { @@ -4055,30 +4055,30 @@ } .p-tooltip .p-tooltip-text { - background: #495057; + background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; + border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; + border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; + border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; + border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; + background: #f9fafb; padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; + border: 1px solid #e5e7eb; + color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4092,8 +4092,8 @@ .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; + border: 1px solid #e5e7eb; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } @@ -4103,7 +4103,7 @@ } .p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; gap: 0.5rem; margin-bottom: 0.5rem; @@ -4140,7 +4140,7 @@ .p-breadcrumb { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } @@ -4154,26 +4154,26 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; @@ -4190,24 +4190,24 @@ border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4223,27 +4223,27 @@ background: rgba(59, 130, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4325,33 +4325,33 @@ } .p-megamenu { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4367,35 +4367,35 @@ background: rgba(59, 130, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; @@ -4406,7 +4406,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4414,7 +4414,7 @@ padding: 0.25rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4423,54 +4423,54 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu { padding: 0.25rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4486,24 +4486,24 @@ background: rgba(59, 130, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4513,29 +4513,29 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4544,45 +4544,45 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4598,24 +4598,24 @@ background: rgba(59, 130, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -4625,7 +4625,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -4640,13 +4640,13 @@ display: flex; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; + color: #6b7280; + background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -4663,7 +4663,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -4724,14 +4724,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; } @@ -4747,28 +4747,28 @@ box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4779,24 +4779,24 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4812,30 +4812,30 @@ background: rgba(59, 130, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -4852,8 +4852,8 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; + color: #4b5563; + border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; @@ -4864,7 +4864,7 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; @@ -4877,11 +4877,11 @@ } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; - color: #495057; + color: #4b5563; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; @@ -4892,18 +4892,18 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -4921,8 +4921,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; @@ -4933,8 +4933,8 @@ .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -4953,24 +4953,24 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4986,27 +4986,27 @@ background: rgba(59, 130, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5239,7 +5239,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5254,11 +5254,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5275,25 +5275,25 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; + color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; @@ -5326,7 +5326,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #f8f9fa; + color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5335,7 +5335,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; @@ -5394,7 +5394,7 @@ } .p-avatar { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -5461,8 +5461,8 @@ } .p-chip { - background-color: #dee2e6; - color: #495057; + background-color: #e5e7eb; + color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } @@ -5500,8 +5500,8 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; @@ -5512,7 +5512,7 @@ .p-progressbar { border: 0 none; height: 1.5rem; - background: #dee2e6; + background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { @@ -5585,7 +5585,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #f8f9fa; + color: #f9fafb; } .p-scrolltop .p-scrolltop-icon.p-icon { width: 1.5rem; @@ -5593,7 +5593,7 @@ } .p-skeleton { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { @@ -5635,8 +5635,8 @@ .p-terminal { background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index 54c53fb45..9f1aa1750 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -5,40 +5,40 @@ --font-family:"Inter var", sans-serif; --font-feature-settings: "cv02","cv03","cv04","cv11"; --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; + --surface-b:#f9fafb; + --surface-c:#f3f4f6; + --surface-d:#e5e7eb; --surface-e:#ffffff; --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; + --text-color:#4b5563; + --text-color-secondary:#6b7280; --primary-color:#6366F1; --primary-color-text:#ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; --content-padding:1.25rem; --inline-spacing:0.5rem; --border-radius:6px; - --surface-ground:#eff3f8; + --surface-ground:#f9fafb; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; @@ -191,40 +191,40 @@ } .p-editor-container .p-editor-toolbar { - background: #f8f9fa; + background: #f9fafb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; + stroke: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; + fill: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; - color: #6c757d; + color: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; @@ -234,11 +234,11 @@ padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; @@ -248,25 +248,25 @@ border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; + color: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, @@ -315,7 +315,7 @@ } .p-text-secondary { - color: #6c757d; + color: #6b7280; } .pi { @@ -390,22 +390,22 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; @@ -413,7 +413,7 @@ .p-autocomplete-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -425,7 +425,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -438,17 +438,17 @@ background: #E0E7FF; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } @@ -466,8 +466,8 @@ .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { @@ -480,11 +480,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #495057; + color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -492,7 +492,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -500,9 +500,9 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { @@ -515,7 +515,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; @@ -558,8 +558,8 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -568,28 +568,28 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; @@ -633,7 +633,7 @@ background: #EEF2FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; + border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -647,7 +647,7 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; @@ -655,7 +655,7 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; @@ -663,7 +663,7 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; @@ -678,7 +678,7 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -697,7 +697,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -705,7 +705,7 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -716,7 +716,7 @@ .p-cascadeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -727,7 +727,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -740,12 +740,12 @@ background: #E0E7FF; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; @@ -755,10 +755,10 @@ } .p-input-filled .p-cascadeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -769,11 +769,11 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -809,13 +809,13 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #6366F1; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #4338CA; @@ -836,13 +836,13 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -854,7 +854,7 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; padding: 0; margin: 0; } @@ -882,7 +882,7 @@ .p-dropdown { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -903,7 +903,7 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; @@ -911,13 +911,13 @@ } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } .p-dropdown.p-invalid.p-component { @@ -926,16 +926,16 @@ .p-dropdown-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -946,7 +946,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; @@ -955,7 +955,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -968,31 +968,31 @@ background: #E0E7FF; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-dropdown { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1002,16 +1002,16 @@ } .p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; + border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, @@ -1080,7 +1080,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #ced4da; + background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1102,7 +1102,7 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; + background: #b9bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #6366F1; @@ -1121,10 +1121,10 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; @@ -1152,7 +1152,7 @@ .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } @@ -1163,7 +1163,7 @@ .p-input-icon-left > svg:first-of-type, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-left > .p-inputtext { @@ -1177,7 +1177,7 @@ .p-input-icon-right > svg:last-of-type, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-right > .p-inputtext { @@ -1185,26 +1185,26 @@ } ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } :-moz-placeholder { - color: #6c757d; + color: #6b7280; } ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1222,16 +1222,16 @@ .p-listbox { background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1241,7 +1241,7 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-listbox .p-listbox-list { padding: 0.75rem 0; @@ -1251,7 +1251,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } @@ -1262,25 +1262,25 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: #E0E7FF; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-listbox.p-focus { outline: 0 none; @@ -1294,7 +1294,7 @@ .p-multiselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1312,13 +1312,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { @@ -1326,7 +1326,7 @@ } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1341,16 +1341,16 @@ .p-multiselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1360,7 +1360,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1369,16 +1369,16 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; @@ -1392,7 +1392,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -1405,12 +1405,12 @@ background: #E0E7FF; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1418,21 +1418,21 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-multiselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1445,14 +1445,14 @@ .p-password-panel { padding: 1.25rem; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #dee2e6; + background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; @@ -1469,11 +1469,11 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1509,10 +1509,10 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #6366F1; @@ -1525,7 +1525,7 @@ gap: 0.5rem; } .p-rating .p-rating-item .p-rating-icon { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } @@ -1554,22 +1554,22 @@ .p-selectbutton .p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-selectbutton .p-button.p-highlight { background: #6366F1; @@ -1594,7 +1594,7 @@ } .p-slider { - background: #dee2e6; + background: #e5e7eb; border: 0 none; border-radius: 6px; } @@ -1635,7 +1635,7 @@ .p-treeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1653,18 +1653,18 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1679,7 +1679,7 @@ .p-treeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -1689,15 +1689,15 @@ } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1705,13 +1705,13 @@ .p-togglebutton.p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; @@ -1720,13 +1720,13 @@ border-color: #6366F1; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-togglebutton.p-button.p-highlight { background: #6366F1; @@ -1785,16 +1785,16 @@ border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-button.p-button-text { background-color: transparent; @@ -1812,15 +1812,15 @@ border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } .p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-button:focus { outline: 0 none; @@ -2245,7 +2245,7 @@ .p-speeddial-action { width: 3rem; height: 3rem; - background: #495057; + background: #4b5563; color: #fff; } .p-speeddial-action:hover { @@ -2315,16 +2315,16 @@ color: #6366F1; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; @@ -2342,15 +2342,15 @@ border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6c757d; + color: #6b7280; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -2561,7 +2561,7 @@ .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2570,9 +2570,9 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { @@ -2588,14 +2588,14 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EEF2FF; @@ -2611,17 +2611,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2629,24 +2629,24 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2659,11 +2659,11 @@ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #EEF2FF; @@ -2685,12 +2685,12 @@ } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2700,7 +2700,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2710,9 +2710,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -2743,8 +2743,8 @@ box-shadow: inset 0 -2px 0 0 #EEF2FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #6366F1; @@ -2752,7 +2752,7 @@ .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, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; + background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2868,27 +2868,27 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2904,20 +2904,20 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EEF2FF; @@ -2932,16 +2932,16 @@ .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; @@ -2951,7 +2951,7 @@ .p-column-filter-overlay { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -2964,7 +2964,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -2974,8 +2974,8 @@ background: #EEF2FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -2983,22 +2983,22 @@ box-shadow: inset 0 0 0 0.15rem #C7D2FE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3023,9 +3023,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3033,9 +3033,9 @@ border-top-left-radius: 6px; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -3045,17 +3045,17 @@ padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #4338CA; @@ -3068,12 +3068,12 @@ background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EEF2FF; @@ -3083,20 +3083,20 @@ color: #6f91ff; } .p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; + background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3112,8 +3112,8 @@ .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -3124,7 +3124,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3135,9 +3135,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -3165,7 +3165,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3174,7 +3174,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3187,9 +3187,9 @@ color: #4338CA; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-picklist .p-picklist-buttons { @@ -3199,9 +3199,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3209,9 +3209,9 @@ border-top-left-radius: 6px; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -3221,17 +3221,17 @@ padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #4338CA; @@ -3244,7 +3244,7 @@ background: #fcfcfc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-timeline .p-timeline-event-marker { @@ -3255,7 +3255,7 @@ background-color: #ffffff; } .p-timeline .p-timeline-event-connector { - background-color: #dee2e6; + background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3273,9 +3273,9 @@ } .p-tree { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; border-radius: 6px; } @@ -3297,16 +3297,16 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; @@ -3315,13 +3315,13 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EEF2FF; @@ -3336,8 +3336,8 @@ color: #4338CA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3348,7 +3348,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3370,17 +3370,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3388,27 +3388,27 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-treetable .p-sortable-column { outline-color: #C7D2FE; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3421,11 +3421,11 @@ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #EEF2FF; @@ -3436,19 +3436,19 @@ } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3456,9 +3456,9 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; @@ -3469,7 +3469,7 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #C7D2FE; @@ -3486,18 +3486,18 @@ color: #4338CA; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; + color: #4b5563; } .p-treetable .p-column-resizer-helper { background: #6366F1; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -3560,9 +3560,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -3576,27 +3576,27 @@ box-shadow: inset 0 0 0 0.2rem #C7D2FE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -3609,7 +3609,7 @@ .p-card { background: #ffffff; - color: #495057; + color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -3624,7 +3624,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; @@ -3634,16 +3634,16 @@ } .p-fieldset { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; font-weight: 700; border-radius: 6px; } @@ -3653,7 +3653,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; - color: #343a40; + color: #374151; border-radius: 6px; transition: box-shadow 0.2s; } @@ -3666,12 +3666,12 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { - color: #343a40; + color: #374151; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; @@ -3685,7 +3685,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; + border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -3695,17 +3695,17 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; + border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel .p-panel-header { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; padding: 1.25rem; - background: #f8f9fa; - color: #343a40; + background: #f9fafb; + color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -3715,16 +3715,16 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; @@ -3736,9 +3736,9 @@ } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0 none; } .p-panel .p-panel-content:last-child { @@ -3747,16 +3747,16 @@ } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; + background: #f9fafb; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -3767,17 +3767,17 @@ } .p-splitter { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; - color: #495057; + color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; + background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; + background: #e5e7eb; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { @@ -3786,23 +3786,23 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; + background: #e5e7eb; } .p-tabview .p-tabview-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -3817,8 +3817,8 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; @@ -3841,14 +3841,14 @@ background: #ffffff; padding: 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; + background: #f9fafb; + border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -3859,7 +3859,7 @@ .p-confirm-popup { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -3913,7 +3913,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #343a40; + color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -3925,7 +3925,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3933,9 +3933,9 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; @@ -3947,7 +3947,7 @@ } .p-dialog .p-dialog-content { background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -3957,7 +3957,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; @@ -3976,7 +3976,7 @@ .p-overlaypanel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4018,7 +4018,7 @@ .p-sidebar { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @@ -4029,7 +4029,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4037,9 +4037,9 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { @@ -4055,30 +4055,30 @@ } .p-tooltip .p-tooltip-text { - background: #495057; + background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; + border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; + border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; + border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; + border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; + background: #f9fafb; padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; + border: 1px solid #e5e7eb; + color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4092,8 +4092,8 @@ .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; + border: 1px solid #e5e7eb; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } @@ -4103,7 +4103,7 @@ } .p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; gap: 0.5rem; margin-bottom: 0.5rem; @@ -4140,7 +4140,7 @@ .p-breadcrumb { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } @@ -4154,26 +4154,26 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; @@ -4190,24 +4190,24 @@ border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4223,27 +4223,27 @@ background: #E0E7FF; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4325,33 +4325,33 @@ } .p-megamenu { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4367,35 +4367,35 @@ background: #E0E7FF; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; @@ -4406,7 +4406,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4414,7 +4414,7 @@ padding: 0.25rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4423,54 +4423,54 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu { padding: 0.25rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4486,24 +4486,24 @@ background: #E0E7FF; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4513,29 +4513,29 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4544,45 +4544,45 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4598,24 +4598,24 @@ background: #E0E7FF; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -4625,7 +4625,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -4640,13 +4640,13 @@ display: flex; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; + color: #6b7280; + background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -4663,7 +4663,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -4724,14 +4724,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; } @@ -4747,28 +4747,28 @@ box-shadow: inset 0 0 0 0.2rem #C7D2FE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4779,24 +4779,24 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4812,30 +4812,30 @@ background: #E0E7FF; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -4852,8 +4852,8 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; + color: #4b5563; + border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; @@ -4864,7 +4864,7 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; @@ -4877,11 +4877,11 @@ } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; - color: #495057; + color: #4b5563; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; @@ -4892,18 +4892,18 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -4921,8 +4921,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; @@ -4933,8 +4933,8 @@ .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -4953,24 +4953,24 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4986,27 +4986,27 @@ background: #E0E7FF; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5239,7 +5239,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5254,11 +5254,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5275,25 +5275,25 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; + color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EEF2FF; @@ -5326,7 +5326,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #f8f9fa; + color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5335,7 +5335,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; @@ -5394,7 +5394,7 @@ } .p-avatar { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -5461,8 +5461,8 @@ } .p-chip { - background-color: #dee2e6; - color: #495057; + background-color: #e5e7eb; + color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } @@ -5500,8 +5500,8 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; @@ -5512,7 +5512,7 @@ .p-progressbar { border: 0 none; height: 1.5rem; - background: #dee2e6; + background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { @@ -5585,7 +5585,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #f8f9fa; + color: #f9fafb; } .p-scrolltop .p-scrolltop-icon.p-icon { width: 1.5rem; @@ -5593,7 +5593,7 @@ } .p-skeleton { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { @@ -5635,8 +5635,8 @@ .p-terminal { background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 9b6de8cb3..c8d685a76 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -5,40 +5,40 @@ --font-family:"Inter var", sans-serif; --font-feature-settings: "cv02","cv03","cv04","cv11"; --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; + --surface-b:#f9fafb; + --surface-c:#f3f4f6; + --surface-d:#e5e7eb; --surface-e:#ffffff; --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; + --text-color:#4b5563; + --text-color-secondary:#6b7280; --primary-color:#8B5CF6; --primary-color-text:#ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; --content-padding:1.25rem; --inline-spacing:0.5rem; --border-radius:6px; - --surface-ground:#eff3f8; + --surface-ground:#f9fafb; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; @@ -191,40 +191,40 @@ } .p-editor-container .p-editor-toolbar { - background: #f8f9fa; + background: #f9fafb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; + stroke: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; + fill: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; - color: #6c757d; + color: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; @@ -234,11 +234,11 @@ padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; @@ -248,25 +248,25 @@ border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; + color: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, @@ -315,7 +315,7 @@ } .p-text-secondary { - color: #6c757d; + color: #6b7280; } .pi { @@ -390,22 +390,22 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; @@ -413,7 +413,7 @@ .p-autocomplete-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -425,7 +425,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -438,17 +438,17 @@ background: rgba(139, 92, 246, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } @@ -466,8 +466,8 @@ .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { @@ -480,11 +480,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #495057; + color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -492,7 +492,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -500,9 +500,9 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { @@ -515,7 +515,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; @@ -558,8 +558,8 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -568,28 +568,28 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; @@ -633,7 +633,7 @@ background: #F5F3FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; + border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -647,7 +647,7 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; @@ -655,7 +655,7 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; @@ -663,7 +663,7 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; @@ -678,7 +678,7 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -697,7 +697,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -705,7 +705,7 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -716,7 +716,7 @@ .p-cascadeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -727,7 +727,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -740,12 +740,12 @@ background: rgba(139, 92, 246, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; @@ -755,10 +755,10 @@ } .p-input-filled .p-cascadeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -769,11 +769,11 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -809,13 +809,13 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #8B5CF6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #6D28D9; @@ -836,13 +836,13 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -854,7 +854,7 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; padding: 0; margin: 0; } @@ -882,7 +882,7 @@ .p-dropdown { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -903,7 +903,7 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; @@ -911,13 +911,13 @@ } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } .p-dropdown.p-invalid.p-component { @@ -926,16 +926,16 @@ .p-dropdown-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -946,7 +946,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; @@ -955,7 +955,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -968,31 +968,31 @@ background: rgba(139, 92, 246, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-dropdown { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1002,16 +1002,16 @@ } .p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; + border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, @@ -1080,7 +1080,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #ced4da; + background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1102,7 +1102,7 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; + background: #b9bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #8B5CF6; @@ -1121,10 +1121,10 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; @@ -1152,7 +1152,7 @@ .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } @@ -1163,7 +1163,7 @@ .p-input-icon-left > svg:first-of-type, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-left > .p-inputtext { @@ -1177,7 +1177,7 @@ .p-input-icon-right > svg:last-of-type, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-right > .p-inputtext { @@ -1185,26 +1185,26 @@ } ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } :-moz-placeholder { - color: #6c757d; + color: #6b7280; } ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1222,16 +1222,16 @@ .p-listbox { background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1241,7 +1241,7 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-listbox .p-listbox-list { padding: 0.75rem 0; @@ -1251,7 +1251,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } @@ -1262,25 +1262,25 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: rgba(139, 92, 246, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-listbox.p-focus { outline: 0 none; @@ -1294,7 +1294,7 @@ .p-multiselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1312,13 +1312,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { @@ -1326,7 +1326,7 @@ } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1341,16 +1341,16 @@ .p-multiselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1360,7 +1360,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1369,16 +1369,16 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; @@ -1392,7 +1392,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -1405,12 +1405,12 @@ background: rgba(139, 92, 246, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1418,21 +1418,21 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-multiselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1445,14 +1445,14 @@ .p-password-panel { padding: 1.25rem; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #dee2e6; + background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; @@ -1469,11 +1469,11 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1509,10 +1509,10 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #8B5CF6; @@ -1525,7 +1525,7 @@ gap: 0.5rem; } .p-rating .p-rating-item .p-rating-icon { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } @@ -1554,22 +1554,22 @@ .p-selectbutton .p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-selectbutton .p-button.p-highlight { background: #8B5CF6; @@ -1594,7 +1594,7 @@ } .p-slider { - background: #dee2e6; + background: #e5e7eb; border: 0 none; border-radius: 6px; } @@ -1635,7 +1635,7 @@ .p-treeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1653,18 +1653,18 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1679,7 +1679,7 @@ .p-treeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -1689,15 +1689,15 @@ } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1705,13 +1705,13 @@ .p-togglebutton.p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; @@ -1720,13 +1720,13 @@ border-color: #8B5CF6; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-togglebutton.p-button.p-highlight { background: #8B5CF6; @@ -1785,16 +1785,16 @@ border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-button.p-button-text { background-color: transparent; @@ -1812,15 +1812,15 @@ border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } .p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-button:focus { outline: 0 none; @@ -2245,7 +2245,7 @@ .p-speeddial-action { width: 3rem; height: 3rem; - background: #495057; + background: #4b5563; color: #fff; } .p-speeddial-action:hover { @@ -2315,16 +2315,16 @@ color: #8B5CF6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; @@ -2342,15 +2342,15 @@ border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6c757d; + color: #6b7280; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -2561,7 +2561,7 @@ .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2570,9 +2570,9 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { @@ -2588,14 +2588,14 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #F5F3FF; @@ -2611,17 +2611,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2629,24 +2629,24 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2659,11 +2659,11 @@ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #F5F3FF; @@ -2685,12 +2685,12 @@ } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2700,7 +2700,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2710,9 +2710,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -2743,8 +2743,8 @@ box-shadow: inset 0 -2px 0 0 #F5F3FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #8B5CF6; @@ -2752,7 +2752,7 @@ .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, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; + background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2868,27 +2868,27 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2904,20 +2904,20 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #F5F3FF; @@ -2932,16 +2932,16 @@ .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; @@ -2951,7 +2951,7 @@ .p-column-filter-overlay { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -2964,7 +2964,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -2974,8 +2974,8 @@ background: #F5F3FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -2983,22 +2983,22 @@ box-shadow: inset 0 0 0 0.15rem #DDD6FE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3023,9 +3023,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3033,9 +3033,9 @@ border-top-left-radius: 6px; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -3045,17 +3045,17 @@ padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #6D28D9; @@ -3068,12 +3068,12 @@ background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #F5F3FF; @@ -3083,20 +3083,20 @@ color: #8b74ff; } .p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; + background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3112,8 +3112,8 @@ .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -3124,7 +3124,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3135,9 +3135,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -3165,7 +3165,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3174,7 +3174,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3187,9 +3187,9 @@ color: #6D28D9; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-picklist .p-picklist-buttons { @@ -3199,9 +3199,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3209,9 +3209,9 @@ border-top-left-radius: 6px; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -3221,17 +3221,17 @@ padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #6D28D9; @@ -3244,7 +3244,7 @@ background: #fcfcfc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-timeline .p-timeline-event-marker { @@ -3255,7 +3255,7 @@ background-color: #ffffff; } .p-timeline .p-timeline-event-connector { - background-color: #dee2e6; + background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3273,9 +3273,9 @@ } .p-tree { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; border-radius: 6px; } @@ -3297,16 +3297,16 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; @@ -3315,13 +3315,13 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #F5F3FF; @@ -3336,8 +3336,8 @@ color: #6D28D9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3348,7 +3348,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3370,17 +3370,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3388,27 +3388,27 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-treetable .p-sortable-column { outline-color: #DDD6FE; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3421,11 +3421,11 @@ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #F5F3FF; @@ -3436,19 +3436,19 @@ } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3456,9 +3456,9 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; @@ -3469,7 +3469,7 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #DDD6FE; @@ -3486,18 +3486,18 @@ color: #6D28D9; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; + color: #4b5563; } .p-treetable .p-column-resizer-helper { background: #8B5CF6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -3560,9 +3560,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -3576,27 +3576,27 @@ box-shadow: inset 0 0 0 0.2rem #DDD6FE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -3609,7 +3609,7 @@ .p-card { background: #ffffff; - color: #495057; + color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -3624,7 +3624,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; @@ -3634,16 +3634,16 @@ } .p-fieldset { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; font-weight: 700; border-radius: 6px; } @@ -3653,7 +3653,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; - color: #343a40; + color: #374151; border-radius: 6px; transition: box-shadow 0.2s; } @@ -3666,12 +3666,12 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { - color: #343a40; + color: #374151; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; @@ -3685,7 +3685,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; + border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -3695,17 +3695,17 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; + border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel .p-panel-header { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; padding: 1.25rem; - background: #f8f9fa; - color: #343a40; + background: #f9fafb; + color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -3715,16 +3715,16 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; @@ -3736,9 +3736,9 @@ } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0 none; } .p-panel .p-panel-content:last-child { @@ -3747,16 +3747,16 @@ } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; + background: #f9fafb; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -3767,17 +3767,17 @@ } .p-splitter { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; - color: #495057; + color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; + background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; + background: #e5e7eb; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { @@ -3786,23 +3786,23 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; + background: #e5e7eb; } .p-tabview .p-tabview-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -3817,8 +3817,8 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; @@ -3841,14 +3841,14 @@ background: #ffffff; padding: 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; + background: #f9fafb; + border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -3859,7 +3859,7 @@ .p-confirm-popup { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -3913,7 +3913,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #343a40; + color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -3925,7 +3925,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3933,9 +3933,9 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; @@ -3947,7 +3947,7 @@ } .p-dialog .p-dialog-content { background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -3957,7 +3957,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; @@ -3976,7 +3976,7 @@ .p-overlaypanel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4018,7 +4018,7 @@ .p-sidebar { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @@ -4029,7 +4029,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4037,9 +4037,9 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { @@ -4055,30 +4055,30 @@ } .p-tooltip .p-tooltip-text { - background: #495057; + background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; + border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; + border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; + border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; + border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; + background: #f9fafb; padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; + border: 1px solid #e5e7eb; + color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4092,8 +4092,8 @@ .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; + border: 1px solid #e5e7eb; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } @@ -4103,7 +4103,7 @@ } .p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; gap: 0.5rem; margin-bottom: 0.5rem; @@ -4140,7 +4140,7 @@ .p-breadcrumb { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } @@ -4154,26 +4154,26 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; @@ -4190,24 +4190,24 @@ border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4223,27 +4223,27 @@ background: rgba(139, 92, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4325,33 +4325,33 @@ } .p-megamenu { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4367,35 +4367,35 @@ background: rgba(139, 92, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; @@ -4406,7 +4406,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4414,7 +4414,7 @@ padding: 0.25rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4423,54 +4423,54 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu { padding: 0.25rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4486,24 +4486,24 @@ background: rgba(139, 92, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4513,29 +4513,29 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4544,45 +4544,45 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4598,24 +4598,24 @@ background: rgba(139, 92, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -4625,7 +4625,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -4640,13 +4640,13 @@ display: flex; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; + color: #6b7280; + background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -4663,7 +4663,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -4724,14 +4724,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; } @@ -4747,28 +4747,28 @@ box-shadow: inset 0 0 0 0.2rem #DDD6FE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4779,24 +4779,24 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4812,30 +4812,30 @@ background: rgba(139, 92, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -4852,8 +4852,8 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; + color: #4b5563; + border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; @@ -4864,7 +4864,7 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; @@ -4877,11 +4877,11 @@ } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; - color: #495057; + color: #4b5563; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; @@ -4892,18 +4892,18 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -4921,8 +4921,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; @@ -4933,8 +4933,8 @@ .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -4953,24 +4953,24 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4986,27 +4986,27 @@ background: rgba(139, 92, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5239,7 +5239,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5254,11 +5254,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5275,25 +5275,25 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; + color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #F5F3FF; @@ -5326,7 +5326,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #f8f9fa; + color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5335,7 +5335,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; @@ -5394,7 +5394,7 @@ } .p-avatar { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -5461,8 +5461,8 @@ } .p-chip { - background-color: #dee2e6; - color: #495057; + background-color: #e5e7eb; + color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } @@ -5500,8 +5500,8 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; @@ -5512,7 +5512,7 @@ .p-progressbar { border: 0 none; height: 1.5rem; - background: #dee2e6; + background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { @@ -5585,7 +5585,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #f8f9fa; + color: #f9fafb; } .p-scrolltop .p-scrolltop-icon.p-icon { width: 1.5rem; @@ -5593,7 +5593,7 @@ } .p-skeleton { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { @@ -5635,8 +5635,8 @@ .p-terminal { background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 0c71883ed..8039fd547 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -5,49 +5,49 @@ --font-family:"Inter var", sans-serif; --font-feature-settings: "cv02","cv03","cv04","cv11"; --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; + --surface-b:#f9fafb; + --surface-c:#f3f4f6; + --surface-d:#e5e7eb; --surface-e:#ffffff; --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#14B8A6; + --text-color:#4b5563; + --text-color-secondary:#6b7280; + --primary-color:#10b981; --primary-color-text:#ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; --content-padding:1.25rem; --inline-spacing:0.5rem; --border-radius:6px; - --surface-ground:#eff3f8; + --surface-ground:#f9fafb; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dfe7ef; --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #99F6E4; + --focus-ring: 0 0 0 0.2rem #ecfdf5; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #F0FDFA; - --highlight-text-color: #0F766E; + --highlight-text-color: #047857; color-scheme: light; } @@ -178,53 +178,53 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#f3fbfb; - --primary-100:#c7eeea; - --primary-200:#9ae0d9; - --primary-300:#6dd3c8; - --primary-400:#41c5b7; - --primary-500:#14b8a6; - --primary-600:#119c8d; - --primary-700:#0e8174; - --primary-800:#0b655b; - --primary-900:#084a42; + --primary-50:#f3fcf9; + --primary-100:#c6eee1; + --primary-200:#98e1c9; + --primary-300:#6bd4b1; + --primary-400:#3dc699; + --primary-500:#10b981; + --primary-600:#0e9d6e; + --primary-700:#0b825a; + --primary-800:#096647; + --primary-900:#064a34; } .p-editor-container .p-editor-toolbar { - background: #f8f9fa; + background: #f9fafb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; + stroke: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; + fill: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; - color: #6c757d; + color: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; @@ -234,11 +234,11 @@ padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; + color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; @@ -248,45 +248,45 @@ border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; + color: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; + stroke: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; + fill: #4b5563; } .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: #14B8A6; + color: #10b981; } .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: #14B8A6; + stroke: #10b981; } .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: #14B8A6; + fill: #10b981; } .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: #14B8A6; + color: #10b981; } @layer primevue { @@ -315,7 +315,7 @@ } .p-text-secondary { - color: #6c757d; + color: #6b7280; } .pi { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #14B8A6; + border-color: #10b981; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -390,22 +390,22 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; @@ -413,7 +413,7 @@ .p-autocomplete-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -425,30 +425,30 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } @@ -459,15 +459,15 @@ .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { @@ -480,11 +480,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #495057; + color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -492,7 +492,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -500,29 +500,29 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .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: #14B8A6; + color: #10b981; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -549,52 +549,52 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -617,7 +617,7 @@ border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-datepicker .p-yearpicker { @@ -629,11 +629,11 @@ border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; + border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -647,28 +647,28 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; + background: #f3f4f6; } .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } @media screen and (max-width: 769px) { @@ -678,18 +678,18 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #14B8A6; + border-color: #10b981; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -697,7 +697,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -705,7 +705,7 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -716,7 +716,7 @@ .p-cascadeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -727,25 +727,25 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; @@ -755,10 +755,10 @@ } .p-input-filled .p-cascadeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -769,11 +769,11 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -787,21 +787,21 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #14B8A6; - background: #14B8A6; + border-color: #10b981; + background: #10b981; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #14B8A6; + border-color: #10b981; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #0F766E; - background: #0F766E; + border-color: #047857; + background: #047857; color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -809,26 +809,26 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #14B8A6; + background: #10b981; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #0F766E; + background: #047857; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #14B8A6; + border-color: #10b981; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; @@ -836,13 +836,13 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -854,7 +854,7 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; padding: 0; margin: 0; } @@ -882,18 +882,18 @@ .p-dropdown { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #14B8A6; + border-color: #10b981; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -903,7 +903,7 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; @@ -911,13 +911,13 @@ } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } .p-dropdown.p-invalid.p-component { @@ -926,16 +926,16 @@ .p-dropdown-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -946,7 +946,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; @@ -955,44 +955,44 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-dropdown { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1002,16 +1002,16 @@ } .p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; + border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, @@ -1080,7 +1080,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #ced4da; + background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1099,19 +1099,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; + background: #b9bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #14B8A6; + background: #10b981; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #0D9488; + background: #059669; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #e24c4c; @@ -1121,22 +1121,22 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #14B8A6; + border-color: #10b981; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-inputtext.p-invalid.p-component { border-color: #e24c4c; @@ -1152,7 +1152,7 @@ .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } @@ -1163,7 +1163,7 @@ .p-input-icon-left > svg:first-of-type, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-left > .p-inputtext { @@ -1177,7 +1177,7 @@ .p-input-icon-right > svg:last-of-type, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-right > .p-inputtext { @@ -1185,26 +1185,26 @@ } ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } :-moz-placeholder { - color: #6c757d; + color: #6b7280; } ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1222,16 +1222,16 @@ .p-listbox { background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1241,7 +1241,7 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-listbox .p-listbox-list { padding: 0.75rem 0; @@ -1251,42 +1251,42 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-listbox.p-invalid { border-color: #e24c4c; @@ -1294,31 +1294,31 @@ .p-multiselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #14B8A6; + border-color: #10b981; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { @@ -1326,7 +1326,7 @@ } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1341,16 +1341,16 @@ .p-multiselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1360,7 +1360,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1369,21 +1369,21 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1392,25 +1392,25 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1418,21 +1418,21 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-multiselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1445,14 +1445,14 @@ .p-password-panel { padding: 1.25rem; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #dee2e6; + background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; @@ -1469,22 +1469,22 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #14B8A6; + border-color: #10b981; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1493,12 +1493,12 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #14B8A6; - background: #14B8A6; + border-color: #10b981; + background: #10b981; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #0F766E; - background: #0F766E; + border-color: #047857; + background: #047857; color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1509,23 +1509,23 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #14B8A6; + background: #10b981; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #0F766E; + background: #047857; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-item .p-rating-icon { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } @@ -1539,14 +1539,14 @@ .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #14B8A6; + color: #10b981; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #14B8A6; + color: #10b981; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; @@ -1554,26 +1554,26 @@ .p-selectbutton .p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-selectbutton .p-button.p-highlight { - background: #14B8A6; - border-color: #14B8A6; + background: #10b981; + border-color: #10b981; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1581,8 +1581,8 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #0D9488; - border-color: #0D9488; + background: #059669; + border-color: #059669; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1594,7 +1594,7 @@ } .p-slider { - background: #dee2e6; + background: #e5e7eb; border: 0 none; border-radius: 6px; } @@ -1616,55 +1616,55 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #14B8A6; + border: 2px solid #10b981; 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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-slider .p-slider-range { - background: #14B8A6; + background: #10b981; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #14B8A6; - border-color: #14B8A6; + background: #10b981; + border-color: #10b981; } .p-treeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #14B8A6; + border-color: #10b981; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1679,7 +1679,7 @@ .p-treeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -1689,15 +1689,15 @@ } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1705,32 +1705,32 @@ .p-togglebutton.p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-togglebutton.p-button.p-highlight { - background: #14B8A6; - border-color: #14B8A6; + background: #10b981; + border-color: #10b981; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1738,8 +1738,8 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #0D9488; - border-color: #0D9488; + background: #059669; + border-color: #059669; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1752,80 +1752,80 @@ .p-button { color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; + background: #10b981; + border: 1px solid #10b981; 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: #0D9488; + background: #059669; color: #ffffff; - border-color: #0D9488; + border-color: #059669; } .p-button:enabled:active { - background: #0F766E; + background: #047857; color: #ffffff; - border-color: #0F766E; + border-color: #047857; } .p-button.p-button-outlined { background-color: transparent; - color: #14B8A6; + color: #10b981; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(20, 184, 166, 0.04); - color: #14B8A6; + background: rgba(16, 185, 129, 0.04); + color: #10b981; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(20, 184, 166, 0.16); - color: #14B8A6; + background: rgba(16, 185, 129, 0.16); + color: #10b981; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-button.p-button-text { background-color: transparent; - color: #14B8A6; + color: #10b981; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(20, 184, 166, 0.04); - color: #14B8A6; + background: rgba(16, 185, 129, 0.04); + color: #10b981; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(20, 184, 166, 0.16); - color: #14B8A6; + background: rgba(16, 185, 129, 0.16); + color: #10b981; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } .p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,7 +1847,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #14B8A6; + color: #10b981; background-color: #ffffff; } .p-button.p-button-raised { @@ -2197,13 +2197,13 @@ } .p-button.p-button-link { - color: #0F766E; + color: #047857; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #0F766E; + color: #047857; 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 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #0F766E; + color: #047857; border-color: transparent; } @@ -2239,13 +2239,13 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-speeddial-action { width: 3rem; height: 3rem; - background: #495057; + background: #4b5563; color: #fff; } .p-speeddial-action:hover { @@ -2303,54 +2303,54 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #14B8A6; + color: #10b981; 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(20, 184, 166, 0.04); - color: #14B8A6; + background: rgba(16, 185, 129, 0.04); + color: #10b981; } .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(20, 184, 166, 0.16); - color: #14B8A6; + background: rgba(16, 185, 129, 0.16); + color: #10b981; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #14B8A6; + color: #10b981; 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(20, 184, 166, 0.04); - color: #14B8A6; + background: rgba(16, 185, 129, 0.04); + color: #10b981; 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(20, 184, 166, 0.16); - color: #14B8A6; + background: rgba(16, 185, 129, 0.16); + color: #10b981; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6c757d; + color: #6b7280; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + background: #f3f4f6; + color: #6b7280; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -2561,7 +2561,7 @@ .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2570,15 +2570,15 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2588,18 +2588,18 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-datatable .p-paginator-top { @@ -2611,17 +2611,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2629,24 +2629,24 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2654,43 +2654,43 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #0F766E; + color: #047857; background: #F0FDFA; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #0F766E; + color: #047857; } .p-datatable .p-sortable-column.p-highlight:hover { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #0F766E; + color: #047857; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #99F6E4; + box-shadow: inset 0 0 0 0.15rem #ecfdf5; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2700,7 +2700,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2710,9 +2710,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,12 +2729,12 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #99F6E4; + outline: 0.15rem solid #ecfdf5; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #F0FDFA; @@ -2743,16 +2743,16 @@ box-shadow: inset 0 -2px 0 0 #F0FDFA; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-datatable .p-column-resizer-helper { - background: #14B8A6; + background: #10b981; } .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, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; + background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2820,13 +2820,13 @@ } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #0F766E; + color: #047857; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #0F766E; + color: #047857; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2868,27 +2868,27 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2904,54 +2904,54 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-column-filter-overlay { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -2964,41 +2964,41 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .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 #99F6E4; + box-shadow: inset 0 0 0 0.15rem #ecfdf5; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3023,9 +3023,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3033,9 +3033,9 @@ border-top-left-radius: 6px; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -3045,58 +3045,58 @@ padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #80eed5; } .p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; + background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3107,13 +3107,13 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -3124,7 +3124,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3135,9 +3135,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -3165,7 +3165,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3174,7 +3174,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3184,12 +3184,12 @@ .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #F0FDFA; border-color: #F0FDFA; - color: #0F766E; + color: #047857; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-picklist .p-picklist-buttons { @@ -3199,9 +3199,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3209,9 +3209,9 @@ border-top-left-radius: 6px; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -3221,41 +3221,41 @@ padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: transform 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #fcfcfc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-timeline .p-timeline-event-marker { - border: 2px solid #14B8A6; + border: 2px solid #10b981; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { - background-color: #dee2e6; + background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3273,9 +3273,9 @@ } .p-tree { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; border-radius: 6px; } @@ -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 #99F6E4; + box-shadow: inset 0 0 0 0.15rem #ecfdf5; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3297,47 +3297,47 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #0F766E; + color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #0F766E; + color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3348,7 +3348,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3370,17 +3370,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3388,27 +3388,27 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-treetable .p-sortable-column { - outline-color: #99F6E4; + outline-color: #ecfdf5; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3416,39 +3416,39 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #0F766E; + color: #047857; background: #F0FDFA; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #0F766E; + color: #047857; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3456,48 +3456,48 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #99F6E4; + outline: 0.15rem solid #ecfdf5; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #0F766E; + color: #047857; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #0F766E; + color: #047857; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; + color: #4b5563; } .p-treetable .p-column-resizer-helper { - background: #14B8A6; + background: #10b981; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -3560,9 +3560,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -3573,30 +3573,30 @@ .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 #99F6E4; + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -3609,7 +3609,7 @@ .p-card { background: #ffffff; - color: #495057; + color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -3624,7 +3624,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; @@ -3634,16 +3634,16 @@ } .p-fieldset { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; font-weight: 700; border-radius: 6px; } @@ -3653,7 +3653,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; - color: #343a40; + color: #374151; border-radius: 6px; transition: box-shadow 0.2s; } @@ -3663,15 +3663,15 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { - color: #343a40; + color: #374151; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; @@ -3685,7 +3685,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; + border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -3695,17 +3695,17 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; + border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel .p-panel-header { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; padding: 1.25rem; - background: #f8f9fa; - color: #343a40; + background: #f9fafb; + color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -3715,30 +3715,30 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0 none; } .p-panel .p-panel-content:last-child { @@ -3747,62 +3747,62 @@ } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; + background: #f9fafb; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-splitter { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; - color: #495057; + color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; + background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; + background: #e5e7eb; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; + background: #e5e7eb; } .p-tabview .p-tabview-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -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 #99F6E4; + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #14B8A6; - color: #14B8A6; + border-color: #10b981; + color: #10b981; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #14B8A6; + color: #10b981; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -3835,20 +3835,20 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; + background: #f9fafb; + border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -3859,7 +3859,7 @@ .p-confirm-popup { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -3913,7 +3913,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #343a40; + color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -3925,7 +3925,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3933,21 +3933,21 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -3957,7 +3957,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; @@ -3976,7 +3976,7 @@ .p-overlaypanel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -3985,7 +3985,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #14B8A6; + background: #10b981; color: #ffffff; width: 2rem; height: 2rem; @@ -3996,7 +3996,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #0D9488; + background: #059669; color: #ffffff; } .p-overlaypanel:after { @@ -4018,7 +4018,7 @@ .p-sidebar { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @@ -4029,7 +4029,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4037,15 +4037,15 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4055,30 +4055,30 @@ } .p-tooltip .p-tooltip-text { - background: #495057; + background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; + border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; + border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; + border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; + border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; + background: #f9fafb; padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; + border: 1px solid #e5e7eb; + color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4087,23 +4087,23 @@ .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; + border: 1px solid #e5e7eb; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #14B8A6; + border: 1px dashed #10b981; background-color: #F0FDFA; } .p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; gap: 0.5rem; margin-bottom: 0.5rem; @@ -4128,19 +4128,19 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #0D9488; + background: #059669; color: #ffffff; - border-color: #0D9488; + border-color: #059669; } .p-fileupload-choose:not(.p-disabled):active { - background: #0F766E; + background: #047857; color: #ffffff; - border-color: #0F766E; + border-color: #047857; } .p-breadcrumb { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } @@ -4151,29 +4151,29 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; @@ -4190,60 +4190,60 @@ border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #047857; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + color: #047857; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -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 #99F6E4; + box-shadow: inset 0 0 0 0.15rem #ecfdf5; } .p-dock .p-dock-link { width: 4rem; @@ -4325,77 +4325,77 @@ } .p-megamenu { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #047857; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + color: #047857; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; @@ -4406,7 +4406,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4414,7 +4414,7 @@ padding: 0.25rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4423,87 +4423,87 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu { padding: 0.25rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #047857; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + color: #047857; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4513,29 +4513,29 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4544,78 +4544,78 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #047857; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + color: #047857; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -4625,7 +4625,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -4640,18 +4640,18 @@ display: flex; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; + color: #6b7280; + background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-menubar .p-menubar-root-list { position: absolute; @@ -4663,7 +4663,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -4724,14 +4724,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; } @@ -4744,31 +4744,31 @@ .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 #99F6E4; + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4779,63 +4779,63 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #047857; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + color: #047857; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -4852,8 +4852,8 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; + color: #4b5563; + border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; @@ -4864,24 +4864,24 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #6c757d; + color: #6b7280; } .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; - color: #495057; + color: #4b5563; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; @@ -4892,18 +4892,18 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -4917,24 +4917,24 @@ .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 #99F6E4; + box-shadow: inset 0 0 0 0.2rem #ecfdf5; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #14B8A6; - color: #14B8A6; + border-color: #10b981; + color: #10b981; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -4953,60 +4953,60 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; + color: #047857; background: #F0FDFA; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #047857; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + color: #047857; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(20, 184, 166, 0.24); + background: rgba(16, 185, 129, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5089,7 +5089,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; @@ -5239,7 +5239,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5254,11 +5254,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5275,29 +5275,29 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; + color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -5316,7 +5316,7 @@ } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #F0FDFA; - color: #0F766E; + color: #047857; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -5326,7 +5326,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #f8f9fa; + color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5335,12 +5335,12 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-galleria-mask { @@ -5394,7 +5394,7 @@ } .p-avatar { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -5419,7 +5419,7 @@ } .p-badge { - background: #14B8A6; + background: #10b981; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5461,8 +5461,8 @@ } .p-chip { - background-color: #dee2e6; - color: #495057; + background-color: #e5e7eb; + color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } @@ -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 #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5500,25 +5500,25 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #ecfdf5; } .p-progressbar { border: 0 none; height: 1.5rem; - background: #dee2e6; + background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #14B8A6; + background: #10b981; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5585,7 +5585,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #f8f9fa; + color: #f9fafb; } .p-scrolltop .p-scrolltop-icon.p-icon { width: 1.5rem; @@ -5593,7 +5593,7 @@ } .p-skeleton { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { @@ -5601,7 +5601,7 @@ } .p-tag { - background: #14B8A6; + background: #10b981; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5635,8 +5635,8 @@ .p-terminal { background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -5659,15 +5659,15 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #14B8A6; + background-color: #10b981; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #14B8A6; + background-color: #10b981; } .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; @@ -5689,13 +5689,13 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #14B8A6; + box-shadow: inset 0 2px 0 0 #10b981; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #14B8A6; + box-shadow: inset 0 -2px 0 0 #10b981; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black; } }