@flywheel-io/vision 1.0.0 → 1.0.2

package/styles.css

@@ -86,7 +86,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-light-theme .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
   color: #ef4444;
@@ -114,7 +114,7 @@ Color Palettes for use with vision's theming system
 .vision-light-theme .mat-pseudo-checkbox-indeterminate,
 .vision-light-theme .mat-accent .mat-pseudo-checkbox-checked,
 .vision-light-theme .mat-accent .mat-pseudo-checkbox-indeterminate {
-  background: #b080fc;
+  background: #59b96b;
 }
 .vision-light-theme .mat-warn .mat-pseudo-checkbox-checked,
 .vision-light-theme .mat-warn .mat-pseudo-checkbox-indeterminate {
@@ -375,7 +375,7 @@ Color Palettes for use with vision's theming system
 }
 
 .vision-light-theme .mat-badge-accent .mat-badge-content {
-  background: #b080fc;
+  background: #59b96b;
   color: white;
 }
 .vision-light-theme .mat-badge-warn .mat-badge-content {
@@ -399,7 +399,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-light-theme .mat-button.mat-accent, .vision-light-theme .mat-icon-button.mat-accent, .vision-light-theme .mat-stroked-button.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-button.mat-warn, .vision-light-theme .mat-icon-button.mat-warn, .vision-light-theme .mat-stroked-button.mat-warn {
   color: #ef4444;
@@ -411,7 +411,7 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-light-theme .mat-button.mat-accent .mat-button-focus-overlay, .vision-light-theme .mat-icon-button.mat-accent .mat-button-focus-overlay, .vision-light-theme .mat-stroked-button.mat-accent .mat-button-focus-overlay {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-button.mat-warn .mat-button-focus-overlay, .vision-light-theme .mat-icon-button.mat-warn .mat-button-focus-overlay, .vision-light-theme .mat-stroked-button.mat-warn .mat-button-focus-overlay {
   background-color: #ef4444;
@@ -449,7 +449,7 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-light-theme .mat-flat-button.mat-accent, .vision-light-theme .mat-raised-button.mat-accent, .vision-light-theme .mat-fab.mat-accent, .vision-light-theme .mat-mini-fab.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-flat-button.mat-warn, .vision-light-theme .mat-raised-button.mat-warn, .vision-light-theme .mat-fab.mat-warn, .vision-light-theme .mat-mini-fab.mat-warn {
   background-color: #ef4444;
@@ -570,7 +570,7 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-light-theme .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .vision-light-theme .mat-checkbox-checked.mat-accent .mat-checkbox-background {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .vision-light-theme .mat-checkbox-checked.mat-warn .mat-checkbox-background {
   background-color: #ef4444;
@@ -593,7 +593,7 @@ Color Palettes for use with vision's theming system
 }
 .vision-light-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
 .vision-light-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
-  background: #b080fc;
+  background: #59b96b;
 }
 .vision-light-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
 .vision-light-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
@@ -642,7 +642,7 @@ Color Palettes for use with vision's theming system
   background-color: rgba(255, 255, 255, 0.1);
 }
 .vision-light-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .vision-light-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
@@ -754,7 +754,7 @@ Color Palettes for use with vision's theming system
   color: rgba(0, 0, 0, 0.87);
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
-  background: rgba(176, 128, 252, 0.2);
+  background: rgba(89, 185, 107, 0.2);
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
@@ -762,11 +762,11 @@ Color Palettes for use with vision's theming system
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
 .vision-light-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
-  background: linear-gradient(to right, rgba(176, 128, 252, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
+  background: linear-gradient(to right, rgba(89, 185, 107, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
 .vision-light-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
-  background: linear-gradient(to left, rgba(176, 128, 252, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
+  background: linear-gradient(to left, rgba(89, 185, 107, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
@@ -777,22 +777,22 @@ Color Palettes for use with vision's theming system
   background: #46a35e;
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
-  background-color: rgba(176, 128, 252, 0.4);
+  background-color: rgba(89, 185, 107, 0.4);
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
   box-shadow: inset 0 0 0 1px white;
 }
 .vision-light-theme .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .vision-light-theme .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
-  background-color: rgba(176, 128, 252, 0.3);
+  background-color: rgba(89, 185, 107, 0.3);
 }
 @media (hover: hover) {
   .vision-light-theme .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
-    background-color: rgba(176, 128, 252, 0.3);
+    background-color: rgba(89, 185, 107, 0.3);
   }
 }
 .vision-light-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
@@ -844,7 +844,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-light-theme .mat-datepicker-toggle-active.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-datepicker-toggle-active.mat-warn {
   color: #ef4444;
@@ -905,13 +905,13 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-light-theme .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
   color: #ef4444;
 }
 .vision-light-theme .mat-focused .mat-form-field-required-marker {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-form-field-ripple {
   background-color: rgba(0, 0, 0, 0.87);
@@ -920,7 +920,7 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-light-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
   background-color: #ef4444;
@@ -929,7 +929,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-light-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
   color: #ef4444;
@@ -995,7 +995,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-light-theme .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
   color: #ef4444;
@@ -1013,7 +1013,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-light-theme .mat-icon.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-icon.mat-warn {
   color: #ef4444;
@@ -1041,7 +1041,7 @@ Color Palettes for use with vision's theming system
   color: rgba(0, 0, 0, 0.42);
 }
 .vision-light-theme .mat-form-field.mat-accent .mat-input-element {
-  caret-color: #b080fc;
+  caret-color: #59b96b;
 }
 .vision-light-theme .mat-form-field.mat-warn .mat-input-element,
 .vision-light-theme .mat-form-field-invalid .mat-input-element {
@@ -1130,13 +1130,13 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-light-theme .mat-progress-bar.mat-accent .mat-progress-bar-background {
-  fill: #e8dcfb;
+  fill: #d2ead6;
 }
 .vision-light-theme .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
-  background-color: #e8dcfb;
+  background-color: #d2ead6;
 }
 .vision-light-theme .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-progress-bar.mat-warn .mat-progress-bar-background {
   fill: #f7cdcd;
@@ -1151,7 +1151,7 @@ Color Palettes for use with vision's theming system
   stroke: #1b68fa;
 }
 .vision-light-theme .mat-progress-spinner.mat-accent circle, .vision-light-theme .mat-spinner.mat-accent circle {
-  stroke: #b080fc;
+  stroke: #59b96b;
 }
 .vision-light-theme .mat-progress-spinner.mat-warn circle, .vision-light-theme .mat-spinner.mat-warn circle {
   stroke: #ef4444;
@@ -1167,11 +1167,11 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-light-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
-  border-color: #b080fc;
+  border-color: #59b96b;
 }
 .vision-light-theme .mat-radio-button.mat-accent .mat-radio-inner-circle,
 .vision-light-theme .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vision-light-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .vision-light-theme .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
   border-color: #ef4444;
@@ -1219,7 +1219,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-light-theme .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
   color: #ef4444;
@@ -1263,13 +1263,13 @@ Color Palettes for use with vision's theming system
   background-color: rgba(0, 0, 0, 0.6);
 }
 .vision-light-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
-  background-color: rgba(176, 128, 252, 0.54);
+  background-color: rgba(89, 185, 107, 0.54);
 }
 .vision-light-theme .mat-slide-toggle.mat-checked .mat-ripple-element {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
   background-color: #1b68fa;
@@ -1316,13 +1316,13 @@ Color Palettes for use with vision's theming system
 .vision-light-theme .mat-slider.mat-accent .mat-slider-track-fill,
 .vision-light-theme .mat-slider.mat-accent .mat-slider-thumb,
 .vision-light-theme .mat-slider.mat-accent .mat-slider-thumb-label {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-slider.mat-accent .mat-slider-thumb-label-text {
   color: white;
 }
 .vision-light-theme .mat-slider.mat-accent .mat-slider-focus-ring {
-  background-color: rgba(176, 128, 252, 0.2);
+  background-color: rgba(89, 185, 107, 0.2);
 }
 .vision-light-theme .mat-slider.mat-warn .mat-slider-track-fill,
 .vision-light-theme .mat-slider.mat-warn .mat-slider-thumb,
@@ -1409,7 +1409,7 @@ Color Palettes for use with vision's theming system
 .vision-light-theme .mat-step-header.mat-accent .mat-step-icon-selected,
 .vision-light-theme .mat-step-header.mat-accent .mat-step-icon-state-done,
 .vision-light-theme .mat-step-header.mat-accent .mat-step-icon-state-edit {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .vision-light-theme .mat-step-header.mat-warn .mat-step-icon {
@@ -1489,10 +1489,10 @@ Color Palettes for use with vision's theming system
 .vision-light-theme .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vision-light-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vision-light-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
 .vision-light-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
 .vision-light-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
-  background-color: rgba(239, 230, 254, 0.3);
+  background-color: rgba(205, 234, 211, 0.3);
 }
 .vision-light-theme .mat-tab-group.mat-accent .mat-ink-bar, .vision-light-theme .mat-tab-nav-bar.mat-accent .mat-ink-bar {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vision-light-theme .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .vision-light-theme .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vision-light-theme .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
   background-color: white;
@@ -1554,10 +1554,10 @@ Color Palettes for use with vision's theming system
 .vision-light-theme .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vision-light-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vision-light-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
 .vision-light-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
 .vision-light-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
-  background-color: rgba(239, 230, 254, 0.3);
+  background-color: rgba(205, 234, 211, 0.3);
 }
 .vision-light-theme .mat-tab-group.mat-background-accent > .mat-tab-header, .vision-light-theme .mat-tab-group.mat-background-accent > .mat-tab-link-container, .vision-light-theme .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .vision-light-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .vision-light-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .vision-light-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-light-theme .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .vision-light-theme .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .vision-light-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .vision-light-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
   color: white;
@@ -1636,7 +1636,7 @@ Color Palettes for use with vision's theming system
   color: white;
 }
 .vision-light-theme .mat-toolbar.mat-accent {
-  background: #b080fc;
+  background: #59b96b;
   color: white;
 }
 .vision-light-theme .mat-toolbar.mat-warn {
@@ -1674,7 +1674,7 @@ Color Palettes for use with vision's theming system
   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
 }
 .vision-light-theme .mat-simple-snackbar-action {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-light-theme .mat-checkbox-frame {
   border-color: rgba(0, 0, 0, 0.54);
@@ -1986,7 +1986,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-dark-theme .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
   color: #ef4444;
@@ -2014,7 +2014,7 @@ Color Palettes for use with vision's theming system
 .vision-dark-theme .mat-pseudo-checkbox-indeterminate,
 .vision-dark-theme .mat-accent .mat-pseudo-checkbox-checked,
 .vision-dark-theme .mat-accent .mat-pseudo-checkbox-indeterminate {
-  background: #b080fc;
+  background: #59b96b;
 }
 .vision-dark-theme .mat-warn .mat-pseudo-checkbox-checked,
 .vision-dark-theme .mat-warn .mat-pseudo-checkbox-indeterminate {
@@ -2275,7 +2275,7 @@ Color Palettes for use with vision's theming system
 }
 
 .vision-dark-theme .mat-badge-accent .mat-badge-content {
-  background: #b080fc;
+  background: #59b96b;
   color: white;
 }
 .vision-dark-theme .mat-badge-warn .mat-badge-content {
@@ -2299,7 +2299,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-dark-theme .mat-button.mat-accent, .vision-dark-theme .mat-icon-button.mat-accent, .vision-dark-theme .mat-stroked-button.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-button.mat-warn, .vision-dark-theme .mat-icon-button.mat-warn, .vision-dark-theme .mat-stroked-button.mat-warn {
   color: #ef4444;
@@ -2311,7 +2311,7 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-dark-theme .mat-button.mat-accent .mat-button-focus-overlay, .vision-dark-theme .mat-icon-button.mat-accent .mat-button-focus-overlay, .vision-dark-theme .mat-stroked-button.mat-accent .mat-button-focus-overlay {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-button.mat-warn .mat-button-focus-overlay, .vision-dark-theme .mat-icon-button.mat-warn .mat-button-focus-overlay, .vision-dark-theme .mat-stroked-button.mat-warn .mat-button-focus-overlay {
   background-color: #ef4444;
@@ -2349,7 +2349,7 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-dark-theme .mat-flat-button.mat-accent, .vision-dark-theme .mat-raised-button.mat-accent, .vision-dark-theme .mat-fab.mat-accent, .vision-dark-theme .mat-mini-fab.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-flat-button.mat-warn, .vision-dark-theme .mat-raised-button.mat-warn, .vision-dark-theme .mat-fab.mat-warn, .vision-dark-theme .mat-mini-fab.mat-warn {
   background-color: #ef4444;
@@ -2470,7 +2470,7 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-dark-theme .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .vision-dark-theme .mat-checkbox-checked.mat-accent .mat-checkbox-background {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .vision-dark-theme .mat-checkbox-checked.mat-warn .mat-checkbox-background {
   background-color: #ef4444;
@@ -2493,7 +2493,7 @@ Color Palettes for use with vision's theming system
 }
 .vision-dark-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
 .vision-dark-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
-  background: #b080fc;
+  background: #59b96b;
 }
 .vision-dark-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
 .vision-dark-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
@@ -2542,7 +2542,7 @@ Color Palettes for use with vision's theming system
   background-color: rgba(255, 255, 255, 0.1);
 }
 .vision-dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .vision-dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
@@ -2654,7 +2654,7 @@ Color Palettes for use with vision's theming system
   color: white;
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
-  background: rgba(176, 128, 252, 0.2);
+  background: rgba(89, 185, 107, 0.2);
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
@@ -2662,11 +2662,11 @@ Color Palettes for use with vision's theming system
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
 .vision-dark-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
-  background: linear-gradient(to right, rgba(176, 128, 252, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
+  background: linear-gradient(to right, rgba(89, 185, 107, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
 .vision-dark-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
-  background: linear-gradient(to left, rgba(176, 128, 252, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
+  background: linear-gradient(to left, rgba(89, 185, 107, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
@@ -2677,22 +2677,22 @@ Color Palettes for use with vision's theming system
   background: #46a35e;
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
-  background-color: rgba(176, 128, 252, 0.4);
+  background-color: rgba(89, 185, 107, 0.4);
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
   box-shadow: inset 0 0 0 1px white;
 }
 .vision-dark-theme .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .vision-dark-theme .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
-  background-color: rgba(176, 128, 252, 0.3);
+  background-color: rgba(89, 185, 107, 0.3);
 }
 @media (hover: hover) {
   .vision-dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
-    background-color: rgba(176, 128, 252, 0.3);
+    background-color: rgba(89, 185, 107, 0.3);
   }
 }
 .vision-dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
@@ -2744,7 +2744,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-dark-theme .mat-datepicker-toggle-active.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-datepicker-toggle-active.mat-warn {
   color: #ef4444;
@@ -2805,13 +2805,13 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-dark-theme .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
   color: #ef4444;
 }
 .vision-dark-theme .mat-focused .mat-form-field-required-marker {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-form-field-ripple {
   background-color: white;
@@ -2820,7 +2820,7 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-dark-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
   background-color: #ef4444;
@@ -2829,7 +2829,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-dark-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
   color: #ef4444;
@@ -2895,7 +2895,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-dark-theme .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
   color: #ef4444;
@@ -2913,7 +2913,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-dark-theme .mat-icon.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-icon.mat-warn {
   color: #ef4444;
@@ -2947,7 +2947,7 @@ Color Palettes for use with vision's theming system
   color: rgba(0, 0, 0, 0.38);
 }
 .vision-dark-theme .mat-form-field.mat-accent .mat-input-element {
-  caret-color: #b080fc;
+  caret-color: #59b96b;
 }
 .vision-dark-theme .mat-form-field.mat-warn .mat-input-element,
 .vision-dark-theme .mat-form-field-invalid .mat-input-element {
@@ -3036,13 +3036,13 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-background {
-  fill: #504463;
+  fill: #3a523f;
 }
 .vision-dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
-  background-color: #504463;
+  background-color: #3a523f;
 }
 .vision-dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-progress-bar.mat-warn .mat-progress-bar-background {
   fill: #603535;
@@ -3057,7 +3057,7 @@ Color Palettes for use with vision's theming system
   stroke: #1b68fa;
 }
 .vision-dark-theme .mat-progress-spinner.mat-accent circle, .vision-dark-theme .mat-spinner.mat-accent circle {
-  stroke: #b080fc;
+  stroke: #59b96b;
 }
 .vision-dark-theme .mat-progress-spinner.mat-warn circle, .vision-dark-theme .mat-spinner.mat-warn circle {
   stroke: #ef4444;
@@ -3073,11 +3073,11 @@ Color Palettes for use with vision's theming system
   background-color: #1b68fa;
 }
 .vision-dark-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
-  border-color: #b080fc;
+  border-color: #59b96b;
 }
 .vision-dark-theme .mat-radio-button.mat-accent .mat-radio-inner-circle,
 .vision-dark-theme .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vision-dark-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .vision-dark-theme .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
   border-color: #ef4444;
@@ -3125,7 +3125,7 @@ Color Palettes for use with vision's theming system
   color: #1b68fa;
 }
 .vision-dark-theme .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
-  color: #b080fc;
+  color: #59b96b;
 }
 .vision-dark-theme .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
   color: #ef4444;
@@ -3169,13 +3169,13 @@ Color Palettes for use with vision's theming system
   background-color: rgba(189, 189, 189, 0.6);
 }
 .vision-dark-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
-  background-color: rgba(176, 128, 252, 0.54);
+  background-color: rgba(89, 185, 107, 0.54);
 }
 .vision-dark-theme .mat-slide-toggle.mat-checked .mat-ripple-element {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
   background-color: #1b68fa;
@@ -3222,13 +3222,13 @@ Color Palettes for use with vision's theming system
 .vision-dark-theme .mat-slider.mat-accent .mat-slider-track-fill,
 .vision-dark-theme .mat-slider.mat-accent .mat-slider-thumb,
 .vision-dark-theme .mat-slider.mat-accent .mat-slider-thumb-label {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-slider.mat-accent .mat-slider-thumb-label-text {
   color: white;
 }
 .vision-dark-theme .mat-slider.mat-accent .mat-slider-focus-ring {
-  background-color: rgba(176, 128, 252, 0.2);
+  background-color: rgba(89, 185, 107, 0.2);
 }
 .vision-dark-theme .mat-slider.mat-warn .mat-slider-track-fill,
 .vision-dark-theme .mat-slider.mat-warn .mat-slider-thumb,
@@ -3315,7 +3315,7 @@ Color Palettes for use with vision's theming system
 .vision-dark-theme .mat-step-header.mat-accent .mat-step-icon-selected,
 .vision-dark-theme .mat-step-header.mat-accent .mat-step-icon-state-done,
 .vision-dark-theme .mat-step-header.mat-accent .mat-step-icon-state-edit {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .vision-dark-theme .mat-step-header.mat-warn .mat-step-icon {
@@ -3395,10 +3395,10 @@ Color Palettes for use with vision's theming system
 .vision-dark-theme .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vision-dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vision-dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
 .vision-dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
 .vision-dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
-  background-color: rgba(239, 230, 254, 0.3);
+  background-color: rgba(205, 234, 211, 0.3);
 }
 .vision-dark-theme .mat-tab-group.mat-accent .mat-ink-bar, .vision-dark-theme .mat-tab-nav-bar.mat-accent .mat-ink-bar {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vision-dark-theme .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .vision-dark-theme .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vision-dark-theme .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
   background-color: white;
@@ -3460,10 +3460,10 @@ Color Palettes for use with vision's theming system
 .vision-dark-theme .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vision-dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vision-dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
 .vision-dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
 .vision-dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
-  background-color: rgba(239, 230, 254, 0.3);
+  background-color: rgba(205, 234, 211, 0.3);
 }
 .vision-dark-theme .mat-tab-group.mat-background-accent > .mat-tab-header, .vision-dark-theme .mat-tab-group.mat-background-accent > .mat-tab-link-container, .vision-dark-theme .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .vision-dark-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .vision-dark-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .vision-dark-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .vision-dark-theme .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .vision-dark-theme .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .vision-dark-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .vision-dark-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
   color: white;
@@ -3542,7 +3542,7 @@ Color Palettes for use with vision's theming system
   color: white;
 }
 .vision-dark-theme .mat-toolbar.mat-accent {
-  background: #b080fc;
+  background: #59b96b;
   color: white;
 }
 .vision-dark-theme .mat-toolbar.mat-warn {
@@ -5888,7 +5888,7 @@ p {
 }
 
 .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
-  color: #b080fc;
+  color: #59b96b;
 }
 
 .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
@@ -5933,7 +5933,7 @@ p {
 .mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
-  background: #b080fc;
+  background: #59b96b;
 }
 
 .mat-warn .mat-pseudo-checkbox-checked,
@@ -6233,7 +6233,7 @@ p {
 }
 
 .mat-badge-accent .mat-badge-content {
-  background: #b080fc;
+  background: #59b96b;
   color: white;
 }
 
@@ -6280,7 +6280,7 @@ p {
   color: #1b68fa;
 }
 .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
   color: #ef4444;
@@ -6292,7 +6292,7 @@ p {
   background-color: #1b68fa;
 }
 .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
   background-color: #ef4444;
@@ -6333,7 +6333,7 @@ p {
   background-color: #1b68fa;
 }
 .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
   background-color: #ef4444;
@@ -6507,7 +6507,7 @@ p {
   background-color: #1b68fa;
 }
 .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
   background-color: #ef4444;
@@ -6533,7 +6533,7 @@ p {
 }
 .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
 .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
-  background: #b080fc;
+  background: #59b96b;
 }
 .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
 .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
@@ -6592,7 +6592,7 @@ p {
   background-color: rgba(255, 255, 255, 0.1);
 }
 .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
@@ -6752,7 +6752,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   color: rgba(0, 0, 0, 0.87);
 }
 .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
-  background: rgba(176, 128, 252, 0.2);
+  background: rgba(89, 185, 107, 0.2);
 }
 .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
 .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
@@ -6760,11 +6760,11 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 }
 .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
 .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
-  background: linear-gradient(to right, rgba(176, 128, 252, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
+  background: linear-gradient(to right, rgba(89, 185, 107, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
 }
 .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
 .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
-  background: linear-gradient(to left, rgba(176, 128, 252, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
+  background: linear-gradient(to left, rgba(89, 185, 107, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
 }
 .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
 .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
@@ -6775,22 +6775,22 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   background: #46a35e;
 }
 .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
-  background-color: rgba(176, 128, 252, 0.4);
+  background-color: rgba(89, 185, 107, 0.4);
 }
 .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
   box-shadow: inset 0 0 0 1px white;
 }
 .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
-  background-color: rgba(176, 128, 252, 0.3);
+  background-color: rgba(89, 185, 107, 0.3);
 }
 @media (hover: hover) {
   .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
-    background-color: rgba(176, 128, 252, 0.3);
+    background-color: rgba(89, 185, 107, 0.3);
   }
 }
 .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
@@ -6844,7 +6844,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   color: #1b68fa;
 }
 .mat-datepicker-toggle-active.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .mat-datepicker-toggle-active.mat-warn {
   color: #ef4444;
@@ -6960,14 +6960,14 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   color: #1b68fa;
 }
 .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
   color: #ef4444;
 }
 
 .mat-focused .mat-form-field-required-marker {
-  color: #b080fc;
+  color: #59b96b;
 }
 
 .mat-form-field-ripple {
@@ -6978,7 +6978,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   background-color: #1b68fa;
 }
 .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
   background-color: #ef4444;
@@ -6988,7 +6988,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   color: #1b68fa;
 }
 .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
-  color: #b080fc;
+  color: #59b96b;
 }
 .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
   color: #ef4444;
@@ -7060,7 +7060,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   color: #1b68fa;
 }
 .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
-  color: #b080fc;
+  color: #59b96b;
 }
 .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
   color: #ef4444;
@@ -7234,7 +7234,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   color: #1b68fa;
 }
 .mat-icon.mat-accent {
-  color: #b080fc;
+  color: #59b96b;
 }
 .mat-icon.mat-warn {
   color: #ef4444;
@@ -7266,7 +7266,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 }
 
 .mat-form-field.mat-accent .mat-input-element {
-  caret-color: #b080fc;
+  caret-color: #59b96b;
 }
 
 .mat-form-field.mat-warn .mat-input-element,
@@ -7465,13 +7465,13 @@ input.mat-input-element {
 }
 
 .mat-progress-bar.mat-accent .mat-progress-bar-background {
-  fill: #e8dcfb;
+  fill: #d2ead6;
 }
 .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
-  background-color: #e8dcfb;
+  background-color: #d2ead6;
 }
 .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 
 .mat-progress-bar.mat-warn .mat-progress-bar-background {
@@ -7488,7 +7488,7 @@ input.mat-input-element {
   stroke: #1b68fa;
 }
 .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
-  stroke: #b080fc;
+  stroke: #59b96b;
 }
 .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
   stroke: #ef4444;
@@ -7506,11 +7506,11 @@ input.mat-input-element {
   background-color: #1b68fa;
 }
 .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
-  border-color: #b080fc;
+  border-color: #59b96b;
 }
 .mat-radio-button.mat-accent .mat-radio-inner-circle,
 .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
   border-color: #ef4444;
@@ -7568,7 +7568,7 @@ input.mat-input-element {
   color: #1b68fa;
 }
 .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
-  color: #b080fc;
+  color: #59b96b;
 }
 .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
   color: #ef4444;
@@ -7626,13 +7626,13 @@ input.mat-input-element {
 }
 
 .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
-  background-color: rgba(176, 128, 252, 0.54);
+  background-color: rgba(89, 185, 107, 0.54);
 }
 .mat-slide-toggle.mat-checked .mat-ripple-element {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
   background-color: #1b68fa;
@@ -7687,13 +7687,13 @@ input.mat-input-element {
 .mat-slider.mat-accent .mat-slider-track-fill,
 .mat-slider.mat-accent .mat-slider-thumb,
 .mat-slider.mat-accent .mat-slider-thumb-label {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-slider.mat-accent .mat-slider-thumb-label-text {
   color: white;
 }
 .mat-slider.mat-accent .mat-slider-focus-ring {
-  background-color: rgba(176, 128, 252, 0.2);
+  background-color: rgba(89, 185, 107, 0.2);
 }
 .mat-slider.mat-warn .mat-slider-track-fill,
 .mat-slider.mat-warn .mat-slider-thumb,
@@ -7793,7 +7793,7 @@ input.mat-input-element {
 .mat-step-header.mat-accent .mat-step-icon-selected,
 .mat-step-header.mat-accent .mat-step-icon-state-done,
 .mat-step-header.mat-accent .mat-step-icon-state-edit {
-  background-color: #b080fc;
+  background-color: #59b96b;
   color: white;
 }
 .mat-step-header.mat-warn .mat-step-icon {
@@ -7928,10 +7928,10 @@ input.mat-input-element {
 .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
 .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
 .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
-  background-color: rgba(239, 230, 254, 0.3);
+  background-color: rgba(205, 234, 211, 0.3);
 }
 .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
   background-color: white;
@@ -7993,10 +7993,10 @@ input.mat-input-element {
 .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
 .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
 .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
-  background-color: rgba(239, 230, 254, 0.3);
+  background-color: rgba(205, 234, 211, 0.3);
 }
 .mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
-  background-color: #b080fc;
+  background-color: #59b96b;
 }
 .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
   color: white;
@@ -8086,7 +8086,7 @@ input.mat-input-element {
   color: white;
 }
 .mat-toolbar.mat-accent {
-  background: #b080fc;
+  background: #59b96b;
   color: white;
 }
 .mat-toolbar.mat-warn {
@@ -8184,7 +8184,7 @@ input.mat-input-element {
 }
 
 .mat-simple-snackbar-action {
-  color: #b080fc;
+  color: #59b96b;
 }
 
 .mat-simple-snackbar {