From 7c609f7aed22f01b19d68aaca541fb39f66e43d9 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Wed, 18 Oct 2023 14:03:55 +0300 Subject: [PATCH] Update Lara dark colors --- assets/data/news.json | 6 +- assets/styles/layout/_news.scss | 2 +- public/themes/lara-dark-blue/theme.css | 446 +++++++++++------------ public/themes/lara-dark-indigo/theme.css | 446 +++++++++++------------ public/themes/lara-dark-purple/theme.css | 400 ++++++++++---------- public/themes/lara-dark-teal/theme.css | 446 +++++++++++------------ 6 files changed, 873 insertions(+), 873 deletions(-) diff --git a/assets/data/news.json b/assets/data/news.json index 5479fa5f2..e09924b08 100644 --- a/assets/data/news.json +++ b/assets/data/news.json @@ -3,7 +3,7 @@ "content": "🎉 Introducing the official Nuxt Module. ", "linkText": "Learn More", "linkHref": "https://primevue.org/nuxt", - "backgroundStyle": "background-color:#059669", - "textStyle": "color:#ffffff;font-weight:500", - "linkStyle": "color:#ffffff;font-weight:700;text-decoration: underline;" + "backgroundStyle": "background-color:var(--primary-color)", + "textStyle": "color:var(--primary-color-text);font-weight:500", + "linkStyle": "color:var(--primary-color-text);font-weight:700;text-decoration: underline;" } diff --git a/assets/styles/layout/_news.scss b/assets/styles/layout/_news.scss index c83e6e3f1..681496187 100644 --- a/assets/styles/layout/_news.scss +++ b/assets/styles/layout/_news.scss @@ -41,7 +41,7 @@ .layout-news-link, .layout-news-link:visited, .layout-news-link:active { - color:#ffffff; + color:var(--primary-color-text); font-weight:700; } .layout-news-link:hover { diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 81b8b7683..b279ec4d7 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -12,8 +12,8 @@ --surface-f:#1f2937; --text-color:rgba(255, 255, 255, 0.87); --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#60a5fa; - --primary-color-text:#ffffff; + --primary-color:#93c5fd; + --primary-color-text:#030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -44,7 +44,7 @@ --surface-overlay:#1f2937; --surface-border:rgba(255,255,255,.1); --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(147, 197, 253, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -178,16 +178,16 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#f7fbff; - --primary-100:#d9e9fe; - --primary-200:#bbd8fd; - --primary-300:#9cc7fc; - --primary-400:#7eb6fb; - --primary-500:#60a5fa; - --primary-600:#528cd5; - --primary-700:#4374af; - --primary-800:#355b8a; - --primary-900:#264264; + --primary-50:#fafcff; + --primary-100:#e5f1ff; + --primary-200:#d1e6fe; + --primary-300:#bcdbfe; + --primary-400:#a8d0fd; + --primary-500:#93c5fd; + --primary-600:#7da7d7; + --primary-700:#678ab1; + --primary-800:#516c8b; + --primary-900:#3b4f65; } .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: #60a5fa; + color: #93c5fd; } .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: #60a5fa; + stroke: #93c5fd; } .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: #60a5fa; + fill: #93c5fd; } .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: #60a5fa; + color: #93c5fd; } @layer primevue { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #60a5fa; + border-color: #93c5fd; } .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(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -435,7 +435,7 @@ background: rgba(147, 197, 253, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -522,7 +522,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #60a5fa; + color: #93c5fd; } .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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #60a5fa; + color: #93c5fd; 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -652,7 +652,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -660,7 +660,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -668,7 +668,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } @media screen and (max-width: 769px) { @@ -683,13 +683,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #60a5fa; + border-color: #93c5fd; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -737,7 +737,7 @@ background: rgba(147, 197, 253, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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: #ffffff; + color: #030712; font-size: 14px; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -787,22 +787,22 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #60a5fa; - background: #60a5fa; + border-color: #93c5fd; + background: #93c5fd; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #60a5fa; + border-color: #93c5fd; } .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(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #2563eb; - background: #2563eb; - color: #ffffff; + border-color: #3b82f6; + background: #3b82f6; + color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #FCA5A5; @@ -812,23 +812,23 @@ background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #60a5fa; + background: #93c5fd; } .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: #2563eb; + background: #3b82f6; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #60a5fa; + border-color: #93c5fd; } .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(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .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: #60a5fa; + border-color: #93c5fd; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -965,7 +965,7 @@ background: rgba(147, 197, 253, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #60a5fa; + background: #93c5fd; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); + background: #030712; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #3b82f6; + background: #60a5fa; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #FCA5A5; @@ -1130,13 +1130,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #60a5fa; + border-color: #93c5fd; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .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(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .p-listbox.p-invalid { border-color: #FCA5A5; @@ -1299,13 +1299,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #60a5fa; + border-color: #93c5fd; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1402,7 +1402,7 @@ background: rgba(147, 197, 253, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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: #60a5fa; + border-color: #93c5fd; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #ffffff; + background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #60a5fa; - background: #60a5fa; + border-color: #93c5fd; + background: #93c5fd; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #2563eb; - background: #2563eb; - color: #ffffff; + border-color: #3b82f6; + background: #3b82f6; + color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #FCA5A5; @@ -1515,10 +1515,10 @@ background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #60a5fa; + background: #93c5fd; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #2563eb; + background: #3b82f6; } .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(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #60a5fa; + color: #93c5fd; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #60a5fa; + color: #93c5fd; } .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: #60a5fa; - border-color: #60a5fa; - color: #ffffff; + background: #93c5fd; + border-color: #93c5fd; + color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #3b82f6; - border-color: #3b82f6; - color: #ffffff; + background: #60a5fa; + border-color: #60a5fa; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-selectbutton.p-invalid > .p-button { border-color: #FCA5A5; @@ -1616,21 +1616,21 @@ height: 1.143rem; width: 1.143rem; background: #424b57; - border: 2px solid #60a5fa; + border: 2px solid #93c5fd; 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-slider .p-slider-range { - background: #60a5fa; + background: #93c5fd; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #60a5fa; - border-color: #60a5fa; + background: #93c5fd; + border-color: #93c5fd; } .p-treeselect { @@ -1640,13 +1640,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #60a5fa; + border-color: #93c5fd; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .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(96, 165, 250, 0.2); - border-color: #60a5fa; + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); + border-color: #93c5fd; } .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: #60a5fa; - border-color: #60a5fa; - color: #ffffff; + background: #93c5fd; + border-color: #93c5fd; + color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #3b82f6; - border-color: #3b82f6; - color: #ffffff; + background: #60a5fa; + border-color: #60a5fa; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { border-color: #FCA5A5; } .p-button { - color: #ffffff; - background: #60a5fa; - border: 1px solid #60a5fa; + color: #030712; + background: #93c5fd; + border: 1px solid #93c5fd; 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: #3b82f6; - color: #ffffff; - border-color: #3b82f6; + background: #60a5fa; + color: #030712; + border-color: #60a5fa; } .p-button:enabled:active { - background: #2563eb; - color: #ffffff; - border-color: #2563eb; + background: #3b82f6; + color: #030712; + border-color: #3b82f6; } .p-button.p-button-outlined { background-color: transparent; - color: #60a5fa; + color: #93c5fd; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(96, 165, 250, 0.04); - color: #60a5fa; + background: rgba(147, 197, 253, 0.04); + color: #93c5fd; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(96, 165, 250, 0.16); - color: #60a5fa; + background: rgba(147, 197, 253, 0.16); + color: #93c5fd; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1798,17 +1798,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #60a5fa; + color: #93c5fd; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(96, 165, 250, 0.04); - color: #60a5fa; + background: rgba(147, 197, 253, 0.04); + color: #93c5fd; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(96, 165, 250, 0.16); - color: #60a5fa; + background: rgba(147, 197, 253, 0.16); + color: #93c5fd; 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,8 +1847,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #60a5fa; - background-color: #ffffff; + color: #93c5fd; + background-color: #030712; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2197,13 +2197,13 @@ } .p-button.p-button-link { - color: #60a5fa; + color: #93c5fd; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #60a5fa; + color: #93c5fd; 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.2); border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #60a5fa; + color: #93c5fd; 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-speeddial-action { @@ -2303,16 +2303,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #60a5fa; + color: #93c5fd; 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(96, 165, 250, 0.04); - color: #60a5fa; + background: rgba(147, 197, 253, 0.04); + color: #93c5fd; } .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(96, 165, 250, 0.16); - color: #60a5fa; + background: rgba(147, 197, 253, 0.16); + color: #93c5fd; } .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: #60a5fa; + color: #93c5fd; 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(96, 165, 250, 0.04); - color: #60a5fa; + background: rgba(147, 197, 253, 0.04); + color: #93c5fd; 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(96, 165, 250, 0.16); - color: #60a5fa; + background: rgba(147, 197, 253, 0.16); + color: #93c5fd; 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2680,7 +2680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,7 +2729,7 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(96, 165, 250, 0.2); + outline: 0.15rem solid rgba(147, 197, 253, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { @@ -2747,7 +2747,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #60a5fa; + background: #93c5fd; } .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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-column-filter-clear-button { @@ -2946,7 +2946,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-column-filter-overlay { @@ -2980,7 +2980,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3062,7 +3062,7 @@ background: rgba(147, 197, 253, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-paginator { @@ -3238,7 +3238,7 @@ background: rgba(147, 197, 253, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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 #60a5fa; + border: 2px solid #93c5fd; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #ffffff; + background-color: #030712; } .p-timeline .p-timeline-event-connector { background-color: #424b57; @@ -3286,7 +3286,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3311,7 +3311,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3405,7 +3405,7 @@ background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(96, 165, 250, 0.2); + outline-color: rgba(147, 197, 253, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3463,7 +3463,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3472,7 +3472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(96, 165, 250, 0.2); + outline: 0.15rem solid rgba(147, 197, 253, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { @@ -3493,7 +3493,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #60a5fa; + background: #93c5fd; } .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(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); @@ -3663,7 +3663,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); @@ -3729,7 +3729,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3763,7 +3763,7 @@ .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-splitter { @@ -3783,7 +3783,7 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-splitter .p-splitter-gutter-resizing { background: #424b57; @@ -3813,21 +3813,21 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; - border-color: #60a5fa; + border-color: #93c5fd; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2937; - border-color: #60a5fa; - color: #60a5fa; + border-color: #93c5fd; + color: #93c5fd; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2937; - color: #60a5fa; + color: #93c5fd; 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(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-tabview .p-tabview-panels { background: #1f2937; @@ -3940,7 +3940,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -3985,8 +3985,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #60a5fa; - color: #ffffff; + background: #93c5fd; + color: #030712; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -3996,8 +3996,8 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #3b82f6; - color: #ffffff; + background: #60a5fa; + color: #030712; } .p-overlaypanel:after { border: solid transparent; @@ -4045,7 +4045,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4087,7 +4087,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-fileupload .p-fileupload-content { background: #1f2937; @@ -4098,7 +4098,7 @@ border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #60a5fa; + border: 1px dashed #93c5fd; background-color: rgba(147, 197, 253, 0.16); } .p-fileupload .p-fileupload-file { @@ -4128,14 +4128,14 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #3b82f6; - color: #ffffff; - border-color: #3b82f6; + background: #60a5fa; + color: #030712; + border-color: #60a5fa; } .p-fileupload-choose:not(.p-disabled):active { - background: #2563eb; - color: #ffffff; - border-color: #2563eb; + background: #3b82f6; + color: #030712; + border-color: #3b82f6; } .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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4220,7 +4220,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4364,7 +4364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; @@ -4744,7 +4744,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); @@ -4809,7 +4809,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: rgba(147, 197, 253, 0.16); @@ -4917,17 +4917,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; - border-color: #60a5fa; + border-color: #93c5fd; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2937; - border-color: #60a5fa; - color: #60a5fa; + border-color: #93c5fd; + color: #93c5fd; } .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(96, 165, 250, 0.24); + background: rgba(147, 197, 253, 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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-message.p-message-info { background: rgba(59, 130, 246, 0.2); @@ -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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-toast .p-toast-message.p-toast-message-info { background: rgba(59, 130, 246, 0.2); @@ -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(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-galleria-mask { @@ -5419,8 +5419,8 @@ } .p-badge { - background: #60a5fa; - color: #ffffff; + background: #93c5fd; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5488,7 +5488,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5506,7 +5506,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.2); } .p-progressbar { @@ -5518,10 +5518,10 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #60a5fa; + background: #93c5fd; } .p-progressbar .p-progressbar-label { - color: #ffffff; + color: #030712; line-height: 1.5rem; } @@ -5601,8 +5601,8 @@ } .p-tag { - background: #60a5fa; - color: #ffffff; + background: #93c5fd; + color: #030712; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -5659,15 +5659,15 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #60a5fa; + background-color: #93c5fd; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #60a5fa; + background-color: #93c5fd; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .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,14 +5689,14 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #60a5fa; + box-shadow: inset 0 2px 0 0 #93c5fd; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #60a5fa; + box-shadow: inset 0 -2px 0 0 #93c5fd; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-toast-message { diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 9ad7633e5..46babba34 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -12,8 +12,8 @@ --surface-f:#1f2937; --text-color:rgba(255, 255, 255, 0.87); --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#818cf8; - --primary-color-text:#ffffff; + --primary-color:#a5b4fc; + --primary-color-text:#030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -44,7 +44,7 @@ --surface-overlay:#1f2937; --surface-border:rgba(255,255,255,.1); --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + --focus-ring: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(165, 180, 252, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -178,16 +178,16 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#f9f9ff; - --primary-100:#e1e3fd; - --primary-200:#c9cefc; - --primary-300:#b1b8fb; - --primary-400:#99a2f9; - --primary-500:#818cf8; - --primary-600:#6e77d3; - --primary-700:#5a62ae; - --primary-800:#474d88; - --primary-900:#343863; + --primary-50:#fbfbff; + --primary-100:#e9edfe; + --primary-200:#d8dffe; + --primary-300:#c7d1fd; + --primary-400:#b6c2fd; + --primary-500:#a5b4fc; + --primary-600:#8c99d6; + --primary-700:#747eb0; + --primary-800:#5b638b; + --primary-900:#424865; } .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: #818cf8; + color: #a5b4fc; } .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: #818cf8; + stroke: #a5b4fc; } .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: #818cf8; + fill: #a5b4fc; } .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: #818cf8; + color: #a5b4fc; } @layer primevue { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #818cf8; + border-color: #a5b4fc; } .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(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -435,7 +435,7 @@ background: rgba(165, 180, 252, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -522,7 +522,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #818cf8; + color: #a5b4fc; } .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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #818cf8; + color: #a5b4fc; 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -652,7 +652,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -660,7 +660,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -668,7 +668,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } @media screen and (max-width: 769px) { @@ -683,13 +683,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #818cf8; + border-color: #a5b4fc; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -737,7 +737,7 @@ background: rgba(165, 180, 252, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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: #ffffff; + color: #030712; font-size: 14px; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -787,22 +787,22 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #818cf8; - background: #818cf8; + border-color: #a5b4fc; + background: #a5b4fc; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #818cf8; + border-color: #a5b4fc; } .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(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #4f46e5; - background: #4f46e5; - color: #ffffff; + border-color: #6366f1; + background: #6366f1; + color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #FCA5A5; @@ -812,23 +812,23 @@ background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #818cf8; + background: #a5b4fc; } .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: #4f46e5; + background: #6366f1; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #818cf8; + border-color: #a5b4fc; } .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(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .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: #818cf8; + border-color: #a5b4fc; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -965,7 +965,7 @@ background: rgba(165, 180, 252, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #818cf8; + background: #a5b4fc; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); + background: #030712; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #6366f1; + background: #818cf8; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #FCA5A5; @@ -1130,13 +1130,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #818cf8; + border-color: #a5b4fc; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .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(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .p-listbox.p-invalid { border-color: #FCA5A5; @@ -1299,13 +1299,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #818cf8; + border-color: #a5b4fc; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1402,7 +1402,7 @@ background: rgba(165, 180, 252, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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: #818cf8; + border-color: #a5b4fc; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #ffffff; + background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #818cf8; - background: #818cf8; + border-color: #a5b4fc; + background: #a5b4fc; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #4f46e5; - background: #4f46e5; - color: #ffffff; + border-color: #6366f1; + background: #6366f1; + color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #FCA5A5; @@ -1515,10 +1515,10 @@ background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #818cf8; + background: #a5b4fc; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #4f46e5; + background: #6366f1; } .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(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #818cf8; + color: #a5b4fc; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #818cf8; + color: #a5b4fc; } .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: #818cf8; - border-color: #818cf8; - color: #ffffff; + background: #a5b4fc; + border-color: #a5b4fc; + color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #6366f1; - border-color: #6366f1; - color: #ffffff; + background: #818cf8; + border-color: #818cf8; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-selectbutton.p-invalid > .p-button { border-color: #FCA5A5; @@ -1616,21 +1616,21 @@ height: 1.143rem; width: 1.143rem; background: #424b57; - border: 2px solid #818cf8; + border: 2px solid #a5b4fc; 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-slider .p-slider-range { - background: #818cf8; + background: #a5b4fc; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #818cf8; - border-color: #818cf8; + background: #a5b4fc; + border-color: #a5b4fc; } .p-treeselect { @@ -1640,13 +1640,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #818cf8; + border-color: #a5b4fc; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .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(129, 140, 248, 0.2); - border-color: #818cf8; + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); + border-color: #a5b4fc; } .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: #818cf8; - border-color: #818cf8; - color: #ffffff; + background: #a5b4fc; + border-color: #a5b4fc; + color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #6366f1; - border-color: #6366f1; - color: #ffffff; + background: #818cf8; + border-color: #818cf8; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { border-color: #FCA5A5; } .p-button { - color: #ffffff; - background: #818cf8; - border: 1px solid #818cf8; + color: #030712; + background: #a5b4fc; + border: 1px solid #a5b4fc; 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: #6366f1; - color: #ffffff; - border-color: #6366f1; + background: #818cf8; + color: #030712; + border-color: #818cf8; } .p-button:enabled:active { - background: #4f46e5; - color: #ffffff; - border-color: #4f46e5; + background: #6366f1; + color: #030712; + border-color: #6366f1; } .p-button.p-button-outlined { background-color: transparent; - color: #818cf8; + color: #a5b4fc; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; + background: rgba(165, 180, 252, 0.04); + color: #a5b4fc; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; + background: rgba(165, 180, 252, 0.16); + color: #a5b4fc; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1798,17 +1798,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #818cf8; + color: #a5b4fc; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(129, 140, 248, 0.04); - color: #818cf8; + background: rgba(165, 180, 252, 0.04); + color: #a5b4fc; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(129, 140, 248, 0.16); - color: #818cf8; + background: rgba(165, 180, 252, 0.16); + color: #a5b4fc; 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,8 +1847,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #818cf8; - background-color: #ffffff; + color: #a5b4fc; + background-color: #030712; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2197,13 +2197,13 @@ } .p-button.p-button-link { - color: #818cf8; + color: #a5b4fc; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #818cf8; + color: #a5b4fc; 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 1px rgba(165, 180, 252, 0.2); border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #818cf8; + color: #a5b4fc; 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-speeddial-action { @@ -2303,16 +2303,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #818cf8; + color: #a5b4fc; 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(129, 140, 248, 0.04); - color: #818cf8; + background: rgba(165, 180, 252, 0.04); + color: #a5b4fc; } .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(129, 140, 248, 0.16); - color: #818cf8; + background: rgba(165, 180, 252, 0.16); + color: #a5b4fc; } .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: #818cf8; + color: #a5b4fc; 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(129, 140, 248, 0.04); - color: #818cf8; + background: rgba(165, 180, 252, 0.04); + color: #a5b4fc; 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(129, 140, 248, 0.16); - color: #818cf8; + background: rgba(165, 180, 252, 0.16); + color: #a5b4fc; 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2680,7 +2680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,7 +2729,7 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(129, 140, 248, 0.2); + outline: 0.15rem solid rgba(165, 180, 252, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { @@ -2747,7 +2747,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #818cf8; + background: #a5b4fc; } .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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-column-filter-clear-button { @@ -2946,7 +2946,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-column-filter-overlay { @@ -2980,7 +2980,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3062,7 +3062,7 @@ background: rgba(165, 180, 252, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-paginator { @@ -3238,7 +3238,7 @@ background: rgba(165, 180, 252, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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 #818cf8; + border: 2px solid #a5b4fc; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #ffffff; + background-color: #030712; } .p-timeline .p-timeline-event-connector { background-color: #424b57; @@ -3286,7 +3286,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3311,7 +3311,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3405,7 +3405,7 @@ background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(129, 140, 248, 0.2); + outline-color: rgba(165, 180, 252, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3463,7 +3463,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3472,7 +3472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(129, 140, 248, 0.2); + outline: 0.15rem solid rgba(165, 180, 252, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { @@ -3493,7 +3493,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #818cf8; + background: #a5b4fc; } .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(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); @@ -3663,7 +3663,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); @@ -3729,7 +3729,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3763,7 +3763,7 @@ .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-splitter { @@ -3783,7 +3783,7 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-splitter .p-splitter-gutter-resizing { background: #424b57; @@ -3813,21 +3813,21 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; - border-color: #818cf8; + border-color: #a5b4fc; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2937; - border-color: #818cf8; - color: #818cf8; + border-color: #a5b4fc; + color: #a5b4fc; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2937; - color: #818cf8; + color: #a5b4fc; 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(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-tabview .p-tabview-panels { background: #1f2937; @@ -3940,7 +3940,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -3985,8 +3985,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #818cf8; - color: #ffffff; + background: #a5b4fc; + color: #030712; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -3996,8 +3996,8 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #6366f1; - color: #ffffff; + background: #818cf8; + color: #030712; } .p-overlaypanel:after { border: solid transparent; @@ -4045,7 +4045,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4087,7 +4087,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-fileupload .p-fileupload-content { background: #1f2937; @@ -4098,7 +4098,7 @@ border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #818cf8; + border: 1px dashed #a5b4fc; background-color: rgba(165, 180, 252, 0.16); } .p-fileupload .p-fileupload-file { @@ -4128,14 +4128,14 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #6366f1; - color: #ffffff; - border-color: #6366f1; + background: #818cf8; + color: #030712; + border-color: #818cf8; } .p-fileupload-choose:not(.p-disabled):active { - background: #4f46e5; - color: #ffffff; - border-color: #4f46e5; + background: #6366f1; + color: #030712; + border-color: #6366f1; } .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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4220,7 +4220,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4364,7 +4364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; @@ -4744,7 +4744,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); @@ -4809,7 +4809,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: rgba(165, 180, 252, 0.16); @@ -4917,17 +4917,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; - border-color: #818cf8; + border-color: #a5b4fc; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2937; - border-color: #818cf8; - color: #818cf8; + border-color: #a5b4fc; + color: #a5b4fc; } .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(129, 140, 248, 0.24); + background: rgba(165, 180, 252, 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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-message.p-message-info { background: rgba(59, 130, 246, 0.2); @@ -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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-toast .p-toast-message.p-toast-message-info { background: rgba(59, 130, 246, 0.2); @@ -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(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-galleria-mask { @@ -5419,8 +5419,8 @@ } .p-badge { - background: #818cf8; - color: #ffffff; + background: #a5b4fc; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5488,7 +5488,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5506,7 +5506,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.2); } .p-progressbar { @@ -5518,10 +5518,10 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #818cf8; + background: #a5b4fc; } .p-progressbar .p-progressbar-label { - color: #ffffff; + color: #030712; line-height: 1.5rem; } @@ -5601,8 +5601,8 @@ } .p-tag { - background: #818cf8; - color: #ffffff; + background: #a5b4fc; + color: #030712; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -5659,15 +5659,15 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #818cf8; + background-color: #a5b4fc; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #818cf8; + background-color: #a5b4fc; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .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,14 +5689,14 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #818cf8; + box-shadow: inset 0 2px 0 0 #a5b4fc; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #818cf8; + box-shadow: inset 0 -2px 0 0 #a5b4fc; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-toast-message { diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 29d17ea7e..5794297b0 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -12,7 +12,7 @@ --surface-f:#1f2937; --text-color:rgba(255, 255, 255, 0.87); --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#a78bfa; + --primary-color:#c4b5fd; --primary-color-text:#030712; --surface-0: #111827; --surface-50: #1f2937; @@ -44,7 +44,7 @@ --surface-overlay:#1f2937; --surface-border:rgba(255,255,255,.1); --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + --focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(196, 181, 253, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -178,16 +178,16 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#fbf9ff; - --primary-100:#eae3fe; - --primary-200:#d9cdfd; - --primary-300:#c8b7fc; - --primary-400:#b8a1fb; - --primary-500:#a78bfa; - --primary-600:#8e76d5; - --primary-700:#7561af; - --primary-800:#5c4c8a; - --primary-900:#433864; + --primary-50:#fcfbff; + --primary-100:#f1edff; + --primary-200:#e6dffe; + --primary-300:#dad1fe; + --primary-400:#cfc3fd; + --primary-500:#c4b5fd; + --primary-600:#a79ad7; + --primary-700:#897fb1; + --primary-800:#6c648b; + --primary-900:#4e4865; } .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: #a78bfa; + color: #c4b5fd; } .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: #a78bfa; + stroke: #c4b5fd; } .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: #a78bfa; + fill: #c4b5fd; } .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: #a78bfa; + color: #c4b5fd; } @layer primevue { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #a78bfa; + border-color: #c4b5fd; } .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(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -435,7 +435,7 @@ background: rgba(196, 181, 253, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -522,7 +522,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #a78bfa; + color: #c4b5fd; } .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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #a78bfa; + color: #c4b5fd; 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -652,7 +652,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -660,7 +660,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -668,7 +668,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } @media screen and (max-width: 769px) { @@ -683,13 +683,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #a78bfa; + border-color: #c4b5fd; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -737,7 +737,7 @@ background: rgba(196, 181, 253, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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); @@ -787,21 +787,21 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #a78bfa; - background: #a78bfa; + border-color: #c4b5fd; + background: #c4b5fd; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #a78bfa; + border-color: #c4b5fd; } .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(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #7c3aed; - background: #7c3aed; + border-color: #8b5cf6; + background: #8b5cf6; color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -812,23 +812,23 @@ background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #a78bfa; + background: #c4b5fd; } .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: #7c3aed; + background: #8b5cf6; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #a78bfa; + border-color: #c4b5fd; } .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(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .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: #a78bfa; + border-color: #c4b5fd; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -965,7 +965,7 @@ background: rgba(196, 181, 253, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #a78bfa; + background: #c4b5fd; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); + background: #030712; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #8b5cf6; + background: #a78bfa; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #FCA5A5; @@ -1130,13 +1130,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #a78bfa; + border-color: #c4b5fd; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .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(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .p-listbox.p-invalid { border-color: #FCA5A5; @@ -1299,13 +1299,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #a78bfa; + border-color: #c4b5fd; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1402,7 +1402,7 @@ background: rgba(196, 181, 253, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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,13 +1478,13 @@ 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: #a78bfa; + border-color: #c4b5fd; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1493,12 +1493,12 @@ background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #a78bfa; - background: #a78bfa; + border-color: #c4b5fd; + background: #c4b5fd; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #7c3aed; - background: #7c3aed; + border-color: #8b5cf6; + background: #8b5cf6; color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1515,10 +1515,10 @@ background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #a78bfa; + background: #c4b5fd; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #7c3aed; + background: #8b5cf6; } .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(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #a78bfa; + color: #c4b5fd; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #a78bfa; + color: #c4b5fd; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #F48FB1; @@ -1572,8 +1572,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #a78bfa; - border-color: #a78bfa; + background: #c4b5fd; + border-color: #c4b5fd; color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1581,8 +1581,8 @@ color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #8b5cf6; - border-color: #8b5cf6; + background: #a78bfa; + border-color: #a78bfa; color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1616,21 +1616,21 @@ height: 1.143rem; width: 1.143rem; background: #424b57; - border: 2px solid #a78bfa; + border: 2px solid #c4b5fd; 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-slider .p-slider-range { - background: #a78bfa; + background: #c4b5fd; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #a78bfa; - border-color: #a78bfa; + background: #c4b5fd; + border-color: #c4b5fd; } .p-treeselect { @@ -1640,13 +1640,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #a78bfa; + border-color: #c4b5fd; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .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(139, 92, 246, 0.2); - border-color: #a78bfa; + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); + border-color: #c4b5fd; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -1729,8 +1729,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #a78bfa; - border-color: #a78bfa; + background: #c4b5fd; + border-color: #c4b5fd; color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1738,8 +1738,8 @@ color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #8b5cf6; - border-color: #8b5cf6; + background: #a78bfa; + border-color: #a78bfa; color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1752,36 +1752,36 @@ .p-button { color: #030712; - background: #a78bfa; - border: 1px solid #a78bfa; + background: #c4b5fd; + border: 1px solid #c4b5fd; 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: #a78bfa; + color: #030712; + border-color: #a78bfa; + } + .p-button:enabled:active { background: #8b5cf6; color: #030712; border-color: #8b5cf6; } - .p-button:enabled:active { - background: #7c3aed; - color: #030712; - border-color: #7c3aed; - } .p-button.p-button-outlined { background-color: transparent; - color: #a78bfa; + color: #c4b5fd; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; + background: rgba(196, 181, 253, 0.04); + color: #c4b5fd; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; + background: rgba(196, 181, 253, 0.16); + color: #c4b5fd; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1798,17 +1798,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #a78bfa; + color: #c4b5fd; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(167, 139, 250, 0.04); - color: #a78bfa; + background: rgba(196, 181, 253, 0.04); + color: #c4b5fd; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(167, 139, 250, 0.16); - color: #a78bfa; + background: rgba(196, 181, 253, 0.16); + color: #c4b5fd; 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,7 +1847,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #a78bfa; + color: #c4b5fd; background-color: #030712; } .p-button.p-button-raised { @@ -2197,13 +2197,13 @@ } .p-button.p-button-link { - color: #a78bfa; + color: #c4b5fd; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #a78bfa; + color: #c4b5fd; 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.2); border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #a78bfa; + color: #c4b5fd; 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-speeddial-action { @@ -2303,16 +2303,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #a78bfa; + color: #c4b5fd; 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(167, 139, 250, 0.04); - color: #a78bfa; + background: rgba(196, 181, 253, 0.04); + color: #c4b5fd; } .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(167, 139, 250, 0.16); - color: #a78bfa; + background: rgba(196, 181, 253, 0.16); + color: #c4b5fd; } .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: #a78bfa; + color: #c4b5fd; 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(167, 139, 250, 0.04); - color: #a78bfa; + background: rgba(196, 181, 253, 0.04); + color: #c4b5fd; 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(167, 139, 250, 0.16); - color: #a78bfa; + background: rgba(196, 181, 253, 0.16); + color: #c4b5fd; 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2680,7 +2680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,7 +2729,7 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(139, 92, 246, 0.2); + outline: 0.15rem solid rgba(196, 181, 253, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { @@ -2747,7 +2747,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #a78bfa; + background: #c4b5fd; } .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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-column-filter-clear-button { @@ -2946,7 +2946,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-column-filter-overlay { @@ -2980,7 +2980,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3062,7 +3062,7 @@ background: rgba(196, 181, 253, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-paginator { @@ -3238,7 +3238,7 @@ background: rgba(196, 181, 253, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 0.24); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); @@ -3248,7 +3248,7 @@ } .p-timeline .p-timeline-event-marker { - border: 2px solid #a78bfa; + border: 2px solid #c4b5fd; border-radius: 50%; width: 1rem; height: 1rem; @@ -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(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3311,7 +3311,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3405,7 +3405,7 @@ background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(139, 92, 246, 0.2); + outline-color: rgba(196, 181, 253, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3463,7 +3463,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3472,7 +3472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(139, 92, 246, 0.2); + outline: 0.15rem solid rgba(196, 181, 253, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { @@ -3493,7 +3493,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #a78bfa; + background: #c4b5fd; } .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(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); @@ -3663,7 +3663,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); @@ -3729,7 +3729,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3763,7 +3763,7 @@ .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-splitter { @@ -3783,7 +3783,7 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-splitter .p-splitter-gutter-resizing { background: #424b57; @@ -3813,21 +3813,21 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; - border-color: #a78bfa; + border-color: #c4b5fd; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2937; - border-color: #a78bfa; - color: #a78bfa; + border-color: #c4b5fd; + color: #c4b5fd; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2937; - color: #a78bfa; + color: #c4b5fd; 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(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-tabview .p-tabview-panels { background: #1f2937; @@ -3940,7 +3940,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -3985,7 +3985,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #a78bfa; + background: #c4b5fd; color: #030712; width: 2rem; height: 2rem; @@ -3996,7 +3996,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #8b5cf6; + background: #a78bfa; color: #030712; } .p-overlaypanel:after { @@ -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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4087,7 +4087,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-fileupload .p-fileupload-content { background: #1f2937; @@ -4098,7 +4098,7 @@ border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #a78bfa; + border: 1px dashed #c4b5fd; background-color: rgba(196, 181, 253, 0.16); } .p-fileupload .p-fileupload-file { @@ -4128,15 +4128,15 @@ } .p-fileupload-choose:not(.p-disabled):hover { + background: #a78bfa; + color: #030712; + border-color: #a78bfa; + } + .p-fileupload-choose:not(.p-disabled):active { background: #8b5cf6; color: #030712; border-color: #8b5cf6; } - .p-fileupload-choose:not(.p-disabled):active { - background: #7c3aed; - color: #030712; - border-color: #7c3aed; - } .p-breadcrumb { background: #374151; @@ -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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4220,7 +4220,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4364,7 +4364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; @@ -4744,7 +4744,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); @@ -4809,7 +4809,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: rgba(196, 181, 253, 0.16); @@ -4917,17 +4917,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; - border-color: #a78bfa; + border-color: #c4b5fd; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2937; - border-color: #a78bfa; - color: #a78bfa; + border-color: #c4b5fd; + color: #c4b5fd; } .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(167, 139, 250, 0.24); + background: rgba(196, 181, 253, 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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-message.p-message-info { background: rgba(59, 130, 246, 0.2); @@ -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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-toast .p-toast-message.p-toast-message-info { background: rgba(59, 130, 246, 0.2); @@ -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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-galleria-mask { @@ -5419,7 +5419,7 @@ } .p-badge { - background: #a78bfa; + background: #c4b5fd; color: #030712; font-size: 0.75rem; font-weight: 700; @@ -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(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5506,7 +5506,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2); + box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.2); } .p-progressbar { @@ -5518,7 +5518,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #a78bfa; + background: #c4b5fd; } .p-progressbar .p-progressbar-label { color: #030712; @@ -5601,7 +5601,7 @@ } .p-tag { - background: #a78bfa; + background: #c4b5fd; color: #030712; font-size: 0.75rem; font-weight: 700; @@ -5659,15 +5659,15 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #a78bfa; + background-color: #c4b5fd; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #a78bfa; + background-color: #c4b5fd; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(196, 181, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .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,14 +5689,14 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #a78bfa; + box-shadow: inset 0 2px 0 0 #c4b5fd; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #a78bfa; + box-shadow: inset 0 -2px 0 0 #c4b5fd; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(196, 181, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-toast-message { diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index cbe3bbeca..518739454 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:#10b981; - --primary-color-text:#ffffff; + --primary-color:#6ee7b7; + --primary-color-text:#030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -44,7 +44,7 @@ --surface-overlay:#1f2937; --surface-border:rgba(255,255,255,.1); --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + --focus-ring: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(110, 231, 183, 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:#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; + --primary-50:#f8fefb; + --primary-100:#dcf9ee; + --primary-200:#c1f5e0; + --primary-300:#a5f0d2; + --primary-400:#8aecc5; + --primary-500:#6ee7b7; + --primary-600:#5ec49c; + --primary-700:#4da280; + --primary-800:#3d7f65; + --primary-900:#2c5c49; } .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: #10b981; + color: #6ee7b7; } .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: #10b981; + stroke: #6ee7b7; } .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: #10b981; + fill: #6ee7b7; } .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: #10b981; + color: #6ee7b7; } @layer primevue { @@ -336,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-component-overlay-enter { @@ -371,13 +371,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #10b981; + border-color: #6ee7b7; } .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(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -435,7 +435,7 @@ background: rgba(110, 231, 183, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -522,7 +522,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #10b981; + color: #6ee7b7; } .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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #10b981; + color: #6ee7b7; 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -652,7 +652,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -660,7 +660,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -668,7 +668,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } @media screen and (max-width: 769px) { @@ -683,13 +683,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #10b981; + border-color: #6ee7b7; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -737,7 +737,7 @@ background: rgba(110, 231, 183, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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: #ffffff; + color: #030712; font-size: 14px; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -787,22 +787,22 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #10b981; - background: #10b981; + border-color: #6ee7b7; + background: #6ee7b7; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #10b981; + border-color: #6ee7b7; } .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(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #047857; - background: #047857; - color: #ffffff; + border-color: #10b981; + background: #10b981; + color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #FCA5A5; @@ -812,23 +812,23 @@ background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #10b981; + background: #6ee7b7; } .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: #047857; + background: #10b981; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #10b981; + border-color: #6ee7b7; } .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(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .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: #10b981; + border-color: #6ee7b7; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -965,7 +965,7 @@ background: rgba(110, 231, 183, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #10b981; + background: #6ee7b7; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); + background: #030712; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #059669; + background: #34d399; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #FCA5A5; @@ -1130,13 +1130,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #10b981; + border-color: #6ee7b7; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .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(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .p-listbox.p-invalid { border-color: #FCA5A5; @@ -1299,13 +1299,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #10b981; + border-color: #6ee7b7; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1402,7 +1402,7 @@ background: rgba(110, 231, 183, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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: #10b981; + border-color: #6ee7b7; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #ffffff; + background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #10b981; - background: #10b981; + border-color: #6ee7b7; + background: #6ee7b7; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #047857; - background: #047857; - color: #ffffff; + border-color: #10b981; + background: #10b981; + color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #FCA5A5; @@ -1515,10 +1515,10 @@ background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #10b981; + background: #6ee7b7; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #047857; + background: #10b981; } .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(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #10b981; + color: #6ee7b7; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #10b981; + color: #6ee7b7; } .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: #10b981; - border-color: #10b981; - color: #ffffff; + background: #6ee7b7; + border-color: #6ee7b7; + color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #059669; - border-color: #059669; - color: #ffffff; + background: #34d399; + border-color: #34d399; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-selectbutton.p-invalid > .p-button { border-color: #FCA5A5; @@ -1616,21 +1616,21 @@ height: 1.143rem; width: 1.143rem; background: #424b57; - border: 2px solid #10b981; + border: 2px solid #6ee7b7; 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-slider .p-slider-range { - background: #10b981; + background: #6ee7b7; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #10b981; - border-color: #10b981; + background: #6ee7b7; + border-color: #6ee7b7; } .p-treeselect { @@ -1640,13 +1640,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #10b981; + border-color: #6ee7b7; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .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(16, 185, 129, 0.2); - border-color: #10b981; + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); + border-color: #6ee7b7; } .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: #10b981; - border-color: #10b981; - color: #ffffff; + background: #6ee7b7; + border-color: #6ee7b7; + color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #059669; - border-color: #059669; - color: #ffffff; + background: #34d399; + border-color: #34d399; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; + color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { border-color: #FCA5A5; } .p-button { - color: #ffffff; - background: #10b981; - border: 1px solid #10b981; + color: #030712; + background: #6ee7b7; + border: 1px solid #6ee7b7; 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: #059669; - color: #ffffff; - border-color: #059669; + background: #34d399; + color: #030712; + border-color: #34d399; } .p-button:enabled:active { - background: #047857; - color: #ffffff; - border-color: #047857; + background: #10b981; + color: #030712; + border-color: #10b981; } .p-button.p-button-outlined { background-color: transparent; - color: #10b981; + color: #6ee7b7; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(16, 185, 129, 0.04); - color: #10b981; + background: rgba(110, 231, 183, 0.04); + color: #6ee7b7; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(16, 185, 129, 0.16); - color: #10b981; + background: rgba(110, 231, 183, 0.16); + color: #6ee7b7; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1798,17 +1798,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #10b981; + color: #6ee7b7; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(16, 185, 129, 0.04); - color: #10b981; + background: rgba(110, 231, 183, 0.04); + color: #6ee7b7; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(16, 185, 129, 0.16); - color: #10b981; + background: rgba(110, 231, 183, 0.16); + color: #6ee7b7; 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -1847,8 +1847,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #10b981; - background-color: #ffffff; + color: #6ee7b7; + background-color: #030712; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2197,13 +2197,13 @@ } .p-button.p-button-link { - color: #10b981; + color: #6ee7b7; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #10b981; + color: #6ee7b7; 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 1px rgba(110, 231, 183, 0.2); border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #10b981; + color: #6ee7b7; 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-speeddial-action { @@ -2303,16 +2303,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #10b981; + color: #6ee7b7; 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(16, 185, 129, 0.04); - color: #10b981; + background: rgba(110, 231, 183, 0.04); + color: #6ee7b7; } .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(16, 185, 129, 0.16); - color: #10b981; + background: rgba(110, 231, 183, 0.16); + color: #6ee7b7; } .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: #10b981; + color: #6ee7b7; 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(16, 185, 129, 0.04); - color: #10b981; + background: rgba(110, 231, 183, 0.04); + color: #6ee7b7; 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(16, 185, 129, 0.16); - color: #10b981; + background: rgba(110, 231, 183, 0.16); + color: #6ee7b7; 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2680,7 +2680,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(110, 231, 183, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2729,7 +2729,7 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(16, 185, 129, 0.2); + outline: 0.15rem solid rgba(110, 231, 183, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { @@ -2747,7 +2747,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #10b981; + background: #6ee7b7; } .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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-column-filter-clear-button { @@ -2946,7 +2946,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-column-filter-overlay { @@ -2980,7 +2980,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(110, 231, 183, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #424b57; @@ -3062,7 +3062,7 @@ background: rgba(110, 231, 183, 0.16); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-paginator { @@ -3238,7 +3238,7 @@ background: rgba(110, 231, 183, 0.16); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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 #10b981; + border: 2px solid #6ee7b7; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #ffffff; + background-color: #030712; } .p-timeline .p-timeline-event-connector { background-color: #424b57; @@ -3286,7 +3286,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(110, 231, 183, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3311,7 +3311,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3405,7 +3405,7 @@ background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(16, 185, 129, 0.2); + outline-color: rgba(110, 231, 183, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3463,7 +3463,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3472,7 +3472,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(16, 185, 129, 0.2); + outline: 0.15rem solid rgba(110, 231, 183, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { @@ -3493,7 +3493,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #10b981; + background: #6ee7b7; } .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(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); @@ -3663,7 +3663,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); @@ -3729,7 +3729,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3763,7 +3763,7 @@ .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-splitter { @@ -3783,7 +3783,7 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-splitter .p-splitter-gutter-resizing { background: #424b57; @@ -3813,21 +3813,21 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2937; - border-color: #10b981; + border-color: #6ee7b7; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2937; - border-color: #10b981; - color: #10b981; + border-color: #6ee7b7; + color: #6ee7b7; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2937; - color: #10b981; + color: #6ee7b7; 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(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-tabview .p-tabview-panels { background: #1f2937; @@ -3940,7 +3940,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -3985,8 +3985,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #10b981; - color: #ffffff; + background: #6ee7b7; + color: #030712; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -3996,8 +3996,8 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #059669; - color: #ffffff; + background: #34d399; + color: #030712; } .p-overlaypanel:after { border: solid transparent; @@ -4045,7 +4045,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4087,7 +4087,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-fileupload .p-fileupload-content { background: #1f2937; @@ -4098,7 +4098,7 @@ border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #10b981; + border: 1px dashed #6ee7b7; background-color: rgba(110, 231, 183, 0.16); } .p-fileupload .p-fileupload-file { @@ -4128,14 +4128,14 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #059669; - color: #ffffff; - border-color: #059669; + background: #34d399; + color: #030712; + border-color: #34d399; } .p-fileupload-choose:not(.p-disabled):active { - background: #047857; - color: #ffffff; - border-color: #047857; + background: #10b981; + color: #030712; + border-color: #10b981; } .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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4220,7 +4220,7 @@ color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.15rem rgba(110, 231, 183, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4364,7 +4364,7 @@ color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; @@ -4744,7 +4744,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); @@ -4809,7 +4809,7 @@ color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2937; - border-color: #10b981; + border-color: #6ee7b7; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2937; - border-color: #10b981; - color: #10b981; + border-color: #6ee7b7; + color: #6ee7b7; } .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(16, 185, 129, 0.24); + background: rgba(110, 231, 183, 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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-message.p-message-info { background: rgba(59, 130, 246, 0.2); @@ -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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-toast .p-toast-message.p-toast-message-info { background: rgba(59, 130, 246, 0.2); @@ -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(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-galleria-mask { @@ -5419,8 +5419,8 @@ } .p-badge { - background: #10b981; - color: #ffffff; + background: #6ee7b7; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5488,7 +5488,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5506,7 +5506,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.2); + box-shadow: 0 0 0 0.2rem rgba(110, 231, 183, 0.2); } .p-progressbar { @@ -5518,10 +5518,10 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #10b981; + background: #6ee7b7; } .p-progressbar .p-progressbar-label { - color: #ffffff; + color: #030712; line-height: 1.5rem; } @@ -5601,8 +5601,8 @@ } .p-tag { - background: #10b981; - color: #ffffff; + background: #6ee7b7; + color: #030712; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -5659,15 +5659,15 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #10b981; + background-color: #6ee7b7; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #10b981; + background-color: #6ee7b7; } .p-button:focus { - 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); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(110, 231, 183, 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,14 +5689,14 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #10b981; + box-shadow: inset 0 2px 0 0 #6ee7b7; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #10b981; + box-shadow: inset 0 -2px 0 0 #6ee7b7; } .p-speeddial-item.p-focus > .p-speeddial-action { - 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); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(110, 231, 183, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-toast-message {