From 6b6fd9cfc7149e71d5c4f95125ac50b40689ee8f Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Fri, 12 Aug 2022 11:10:24 +0100
Subject: [PATCH] Remove chip hover state

---
 public/themes/arya-blue/theme.css             |   8 -
 public/themes/arya-green/theme.css            |   8 -
 public/themes/arya-orange/theme.css           |   8 -
 public/themes/arya-purple/theme.css           |   8 -
 public/themes/bootstrap4-dark-blue/theme.css  |   8 -
 .../themes/bootstrap4-dark-purple/theme.css   |   8 -
 public/themes/bootstrap4-light-blue/theme.css |   8 -
 .../themes/bootstrap4-light-purple/theme.css  |   8 -
 public/themes/fluent-light/theme.css          |   8 -
 public/themes/lara-dark-blue/theme.css        |   8 -
 public/themes/lara-dark-indigo/theme.css      |   8 -
 public/themes/lara-dark-purple/theme.css      |   8 -
 public/themes/lara-dark-teal/theme.css        |   8 -
 public/themes/lara-light-blue/theme.css       |  22 +-
 public/themes/lara-light-indigo/theme.css     |  22 +-
 public/themes/lara-light-purple/theme.css     |  22 +-
 public/themes/lara-light-teal/theme.css       |  22 +-
 public/themes/luna-amber/theme.css            |  34 +--
 public/themes/luna-blue/theme.css             |  34 +--
 public/themes/luna-green/theme.css            |  34 +--
 public/themes/luna-pink/theme.css             |  34 +--
 public/themes/md-dark-deeppurple/theme.css    | 258 +++++++++---------
 public/themes/md-dark-indigo/theme.css        | 258 +++++++++---------
 public/themes/md-light-deeppurple/theme.css   |  10 +-
 public/themes/md-light-indigo/theme.css       |  10 +-
 public/themes/mdc-dark-deeppurple/theme.css   | 258 +++++++++---------
 public/themes/mdc-dark-indigo/theme.css       | 258 +++++++++---------
 public/themes/mdc-light-deeppurple/theme.css  |  10 +-
 public/themes/mdc-light-indigo/theme.css      |  10 +-
 public/themes/nova-accent/theme.css           |   8 -
 public/themes/nova-alt/theme.css              |   8 -
 public/themes/nova-vue/theme.css              |   8 -
 public/themes/nova/theme.css                  |   8 -
 public/themes/rhea/theme.css                  |   8 -
 public/themes/saga-blue/theme.css             |   8 -
 public/themes/saga-green/theme.css            |   8 -
 public/themes/saga-orange/theme.css           |   8 -
 public/themes/saga-purple/theme.css           |   8 -
 public/themes/tailwind-light/theme.css        |  50 ++--
 public/themes/vela-blue/theme.css             |   8 -
 public/themes/vela-green/theme.css            |   8 -
 public/themes/vela-orange/theme.css           |   8 -
 public/themes/vela-purple/theme.css           |   8 -
 43 files changed, 605 insertions(+), 949 deletions(-)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index ffea34d56..6d5b87a0e 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -277,10 +277,6 @@
   background: #464646;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #2b2b2b;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #2b2b2b;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #464646;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index c0a31bb3b..3c5c1f045 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -277,10 +277,6 @@
   background: #464646;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #2b2b2b;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #2b2b2b;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #464646;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 8aec68dab..3152f50e4 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -277,10 +277,6 @@
   background: #464646;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #2b2b2b;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #2b2b2b;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #464646;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index ac6ed27af..5b3943862 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -277,10 +277,6 @@
   background: #464646;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #2b2b2b;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #2b2b2b;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #464646;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 664b262b2..78fe8299c 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -277,10 +277,6 @@
   background: #4c5866;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #343e4d;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #f19ea6;
 }
@@ -708,10 +704,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #343e4d;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #4c5866;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 26ad987d1..b895ace9c 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -277,10 +277,6 @@
   background: #4c5866;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #343e4d;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #f19ea6;
 }
@@ -708,10 +704,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #343e4d;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #4c5866;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 6b080e0e2..d6ef70f23 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #212529;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #212529;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #dc3545;
 }
@@ -708,10 +704,6 @@
   color: #212529;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #212529;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #212529;
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index 4db668a91..04d8cb569 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #212529;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #212529;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #dc3545;
 }
@@ -708,10 +704,6 @@
   color: #212529;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #212529;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #212529;
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 6463987dc..70c6fa6a1 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -277,10 +277,6 @@
   background: #e1dfdd;
   color: #323130;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #f3f2f1;
-  color: #323130;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #a4252c;
 }
@@ -704,10 +700,6 @@
   color: #323130;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #f3f2f1;
-  color: #323130;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #e1dfdd;
   color: #323130;
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index df4549bff..8a058e1aa 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -277,10 +277,6 @@
   background: #233752;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #091a32;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #FCA5A5;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #091a32;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #233752;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index 9745ed505..5615cc7bc 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -277,10 +277,6 @@
   background: #233752;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #091a32;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #FCA5A5;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #091a32;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #233752;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index 6c4bd20ed..3b5d8b637 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -277,10 +277,6 @@
   background: #233752;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #091a32;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #FCA5A5;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #091a32;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #233752;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index 95aded221..fddcb752f 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -277,10 +277,6 @@
   background: #233752;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #091a32;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #FCA5A5;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #091a32;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #233752;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index 5716a3bc4..5f0db7981 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #495057;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e24c4c;
 }
@@ -704,10 +700,6 @@
   color: #495057;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #495057;
@@ -5687,25 +5679,25 @@
 }
 
 .p-button:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
 }
 .p-button.p-button-secondary:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
 }
 .p-button.p-button-success:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
 }
 .p-button.p-button-info:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
 }
 .p-button.p-button-warning:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
 }
 .p-button.p-button-help:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
 }
 .p-button.p-button-danger:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
 }
 
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index 63ae1eadc..5929994ba 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #495057;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e24c4c;
 }
@@ -704,10 +700,6 @@
   color: #495057;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #495057;
@@ -5687,25 +5679,25 @@
 }
 
 .p-button:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black;
 }
 .p-button.p-button-secondary:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
 }
 .p-button.p-button-success:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
 }
 .p-button.p-button-info:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
 }
 .p-button.p-button-warning:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
 }
 .p-button.p-button-help:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
 }
 .p-button.p-button-danger:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
 }
 
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index ecfa093a2..221a4250a 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #495057;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e24c4c;
 }
@@ -704,10 +700,6 @@
   color: #495057;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #495057;
@@ -5687,25 +5679,25 @@
 }
 
 .p-button:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black;
 }
 .p-button.p-button-secondary:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
 }
 .p-button.p-button-success:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
 }
 .p-button.p-button-info:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
 }
 .p-button.p-button-warning:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
 }
 .p-button.p-button-help:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
 }
 .p-button.p-button-danger:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
 }
 
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index cad060a5a..71c0374e5 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #495057;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e24c4c;
 }
@@ -704,10 +700,6 @@
   color: #495057;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #495057;
@@ -5687,25 +5679,25 @@
 }
 
 .p-button:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black;
 }
 .p-button.p-button-secondary:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
 }
 .p-button.p-button-success:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
 }
 .p-button.p-button-info:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
 }
 .p-button.p-button-warning:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
 }
 .p-button.p-button-help:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
 }
 .p-button.p-button-danger:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
 }
 
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 4f5747b20..602f2eff3 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -277,10 +277,6 @@
   background: #464646;
   color: #dedede;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #585858;
-  color: #dedede;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e57373;
 }
@@ -360,7 +356,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -448,7 +444,7 @@
 .p-datepicker .p-timepicker button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -708,10 +704,6 @@
   color: #dedede;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #585858;
-  color: #dedede;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #464646;
   color: #dedede;
@@ -1335,7 +1327,7 @@
   margin-left: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2505,7 +2497,7 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2644,7 +2636,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2826,7 +2818,7 @@
 .p-column-filter-menu-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2854,7 +2846,7 @@
 .p-column-filter-clear-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3088,7 +3080,7 @@
   font-size: 1rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3495,7 +3487,7 @@
   margin-right: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3647,7 +3639,7 @@
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3910,7 +3902,7 @@
 .p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4099,7 +4091,7 @@
 .p-dialog .p-dialog-header .p-dialog-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4203,7 +4195,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 5a913a433..d13a0cb0b 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -277,10 +277,6 @@
   background: #464646;
   color: #dedede;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #585858;
-  color: #dedede;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e57373;
 }
@@ -360,7 +356,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -448,7 +444,7 @@
 .p-datepicker .p-timepicker button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -708,10 +704,6 @@
   color: #dedede;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #585858;
-  color: #dedede;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #464646;
   color: #dedede;
@@ -1335,7 +1327,7 @@
   margin-left: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2505,7 +2497,7 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2644,7 +2636,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2826,7 +2818,7 @@
 .p-column-filter-menu-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2854,7 +2846,7 @@
 .p-column-filter-clear-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3088,7 +3080,7 @@
   font-size: 1rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3495,7 +3487,7 @@
   margin-right: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3647,7 +3639,7 @@
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3910,7 +3902,7 @@
 .p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4099,7 +4091,7 @@
 .p-dialog .p-dialog-header .p-dialog-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4203,7 +4195,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index c17483d19..71ff3d881 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -277,10 +277,6 @@
   background: #464646;
   color: #dedede;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #585858;
-  color: #dedede;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e57373;
 }
@@ -360,7 +356,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -448,7 +444,7 @@
 .p-datepicker .p-timepicker button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -708,10 +704,6 @@
   color: #dedede;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #585858;
-  color: #dedede;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #464646;
   color: #dedede;
@@ -1335,7 +1327,7 @@
   margin-left: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2505,7 +2497,7 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2644,7 +2636,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2826,7 +2818,7 @@
 .p-column-filter-menu-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2854,7 +2846,7 @@
 .p-column-filter-clear-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3088,7 +3080,7 @@
   font-size: 1rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3495,7 +3487,7 @@
   margin-right: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3647,7 +3639,7 @@
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3910,7 +3902,7 @@
 .p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4099,7 +4091,7 @@
 .p-dialog .p-dialog-header .p-dialog-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4203,7 +4195,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 9640548c8..43b44fc92 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -277,10 +277,6 @@
   background: #464646;
   color: #dedede;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #585858;
-  color: #dedede;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e57373;
 }
@@ -360,7 +356,7 @@
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -448,7 +444,7 @@
 .p-datepicker .p-timepicker button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -708,10 +704,6 @@
   color: #dedede;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #585858;
-  color: #dedede;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #464646;
   color: #dedede;
@@ -1335,7 +1327,7 @@
   margin-left: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2505,7 +2497,7 @@
 .p-carousel .p-carousel-content .p-carousel-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2644,7 +2636,7 @@
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2826,7 +2818,7 @@
 .p-column-filter-menu-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2854,7 +2846,7 @@
 .p-column-filter-clear-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3088,7 +3080,7 @@
   font-size: 1rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3495,7 +3487,7 @@
   margin-right: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3647,7 +3639,7 @@
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3910,7 +3902,7 @@
 .p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4099,7 +4091,7 @@
 .p-dialog .p-dialog-header .p-dialog-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4203,7 +4195,7 @@
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 340ee6550..6b6c1a8e6 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -290,7 +290,7 @@
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.5rem 1rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -298,11 +298,7 @@
   margin-left: 0.5rem;
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  background: hsla(0deg, 0%, 100%, 0.24);
-  color: rgba(255, 255, 255, 0.87);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.24);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
@@ -337,11 +333,11 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
   margin: 0;
@@ -359,7 +355,7 @@
   padding: 0.5rem;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
@@ -376,7 +372,7 @@
   background: #1e1e1e;
   font-weight: 500;
   margin: 0;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
 }
@@ -460,13 +456,13 @@
 }
 .p-datepicker .p-datepicker-buttonbar {
   padding: 1rem 0;
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
   width: auto;
 }
 .p-datepicker .p-timepicker {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
@@ -525,7 +521,7 @@
   background: rgba(206, 147, 216, 0.16);
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-left: 1px solid rgba(255, 255, 255, 0.12);
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   padding-top: 0;
@@ -570,7 +566,7 @@
 }
 .p-cascadeselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -633,11 +629,11 @@
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
   padding: 1rem 1rem;
@@ -647,13 +643,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-checkbox {
@@ -661,7 +657,7 @@
   height: 18px;
 }
 .p-checkbox .p-checkbox-box {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
   width: 18px;
   height: 18px;
@@ -697,13 +693,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #CE93D8;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #CE93D8;
@@ -724,16 +720,12 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  background: hsla(0deg, 0%, 100%, 0.24);
+  background: rgba(255, 255, 255, 0.24);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -773,7 +765,7 @@
 
 .p-dropdown {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -824,7 +816,7 @@
 }
 .p-dropdown-panel .p-dropdown-header {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -860,11 +852,11 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
   margin: 0;
@@ -880,13 +872,13 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
   background-color: transparent;
@@ -940,7 +932,7 @@
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
   padding: 1rem 1rem;
@@ -994,14 +986,14 @@
 .p-inputgroup-addon {
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.6);
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.3);
-  border-left: 1px solid hsla(0deg, 0%, 100%, 0.3);
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border-top: 1px solid rgba(255, 255, 255, 0.3);
+  border-left: 1px solid rgba(255, 255, 255, 0.3);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   padding: 1rem 1rem;
   min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
-  border-right: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border-right: 1px solid rgba(255, 255, 255, 0.3);
 }
 
 .p-inputgroup > .p-component,
@@ -1070,7 +1062,7 @@
   height: 1rem;
 }
 .p-inputswitch .p-inputswitch-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 0.5rem;
 }
@@ -1092,7 +1084,7 @@
   box-shadow: none;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: rgba(206, 147, 216, 0.5);
@@ -1113,7 +1105,7 @@
   color: rgba(255, 255, 255, 0.87);
   background: #1e1e1e;
   padding: 1rem 1rem;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   appearance: none;
   border-radius: 4px;
@@ -1188,13 +1180,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1210,12 +1202,12 @@
 .p-listbox {
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
 }
 .p-listbox .p-listbox-header {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #1e1e1e;
   margin: 0;
@@ -1262,11 +1254,11 @@
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-listbox.p-focus {
   outline: 0 none;
@@ -1280,7 +1272,7 @@
 
 .p-multiselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -1303,7 +1295,7 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1334,7 +1326,7 @@
 }
 .p-multiselect-panel .p-multiselect-header {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -1392,11 +1384,11 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
@@ -1415,13 +1407,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1455,7 +1447,7 @@
   height: 20px;
 }
 .p-radiobutton .p-radiobutton-box {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
   width: 20px;
   height: 20px;
@@ -1495,10 +1487,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #121212;
@@ -1577,7 +1569,7 @@
 }
 
 .p-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
   border: 0 none;
   border-radius: 4px;
 }
@@ -1618,7 +1610,7 @@
 
 .p-treeselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -1641,7 +1633,7 @@
 .p-treeselect.p-treeselect-chip .p-treeselect-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1677,13 +1669,13 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-togglebutton.p-button {
@@ -2909,7 +2901,7 @@
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
   outline: 0 none;
@@ -2917,13 +2909,13 @@
   box-shadow: none;
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 
 .p-column-filter-overlay-menu .p-column-filter-operator {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -2932,7 +2924,7 @@
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
   margin-bottom: 0.5rem;
@@ -3139,7 +3131,7 @@
   border-color: rgba(206, 147, 216, 0.16);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
@@ -3271,7 +3263,7 @@
   transition: transform 0.2s, none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@@ -3287,11 +3279,11 @@
   background: rgba(255, 255, 255, 0.02);
 }
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 
 .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-organizationchart .p-organizationchart-node-content.p-highlight {
@@ -3444,7 +3436,7 @@
   transition: transform 0.2s, none;
 }
 .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-picklist .p-picklist-list .p-picklist-item:focus {
@@ -3460,7 +3452,7 @@
   background: rgba(255, 255, 255, 0.02);
 }
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 
 .p-timeline .p-timeline-event-marker {
@@ -3551,7 +3543,7 @@
   color: #CE93D8;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-tree .p-tree-filter-container {
@@ -3917,7 +3909,7 @@
   padding: 0 1.25rem;
 }
 .p-divider.p-divider-horizontal:before {
-  border-top: 1px hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px rgba(255, 255, 255, 0.12);
 }
 .p-divider.p-divider-horizontal .p-divider-content {
   padding: 0 0.5rem;
@@ -3927,7 +3919,7 @@
   padding: 1.25rem 0;
 }
 .p-divider.p-divider-vertical:before {
-  border-left: 1px hsla(0deg, 0%, 100%, 0.12);
+  border-left: 1px rgba(255, 255, 255, 0.12);
 }
 .p-divider.p-divider-vertical .p-divider-content {
   padding: 0.5rem 0;
@@ -3996,13 +3988,13 @@
 }
 .p-splitter .p-splitter-gutter {
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-splitter .p-splitter-gutter-resizing {
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 
 .p-tabview .p-tabview-nav {
@@ -4423,7 +4415,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .p-contextmenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-contextmenu .p-submenu-icon {
@@ -4602,7 +4594,7 @@
   width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@@ -4676,7 +4668,7 @@
   border-top-left-radius: 0;
 }
 .p-menu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 
@@ -4780,7 +4772,7 @@
   width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4827,7 +4819,7 @@
     width: 100%;
   }
   .p-menubar .p-menubar-root-list .p-menu-separator {
-    border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -5073,7 +5065,7 @@
 }
 .p-steps .p-steps-item:before {
   content: " ";
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   width: 100%;
   top: 50%;
   left: 0;
@@ -5185,7 +5177,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .p-tieredmenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-tieredmenu .p-submenu-icon {
@@ -5545,7 +5537,7 @@
 }
 
 .p-avatar {
-  background-color: hsla(0deg, 0%, 100%, 0.12);
+  background-color: rgba(255, 255, 255, 0.12);
   border-radius: 4px;
 }
 .p-avatar.p-avatar-lg {
@@ -5612,7 +5604,7 @@
 }
 
 .p-chip {
-  background-color: hsla(0deg, 0%, 100%, 0.12);
+  background-color: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
   padding: 0 1rem;
@@ -5786,8 +5778,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -5797,13 +5789,13 @@
   background: transparent;
 }
 .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6013,7 +6005,7 @@
 }
 
 .p-calendar-w-btn {
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   background: #1e1e1e;
   border-radius: 4px;
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -6070,7 +6062,7 @@
   order: 3;
 }
 .p-datepicker table th {
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.38);
   font-weight: 400;
   font-size: 0.875rem;
@@ -6099,8 +6091,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6110,13 +6102,13 @@
   background: transparent;
 }
 .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6179,8 +6171,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6190,13 +6182,13 @@
   background: transparent;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6238,15 +6230,15 @@
   transition: box-shadow 0.2s;
 }
 .p-checkbox .p-checkbox-box {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
   border-radius: 2px;
   position: relative;
 }
 .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
 }
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
 }
 .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #CE93D8;
@@ -6309,8 +6301,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6320,13 +6312,13 @@
   background: transparent;
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6404,8 +6396,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6415,13 +6407,13 @@
   background: transparent;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6516,20 +6508,20 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
 }
 .p-input-filled .p-inputtext:enabled:focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6550,8 +6542,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6704,8 +6696,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6715,13 +6707,13 @@
   background: transparent;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6904,10 +6896,10 @@
   transition: box-shadow 0.2s;
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
 }
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #CE93D8;
@@ -7144,8 +7136,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -7155,13 +7147,13 @@
   background: transparent;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index f82c9451e..9cb5718e7 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -290,7 +290,7 @@
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.5rem 1rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -298,11 +298,7 @@
   margin-left: 0.5rem;
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  background: hsla(0deg, 0%, 100%, 0.24);
-  color: rgba(255, 255, 255, 0.87);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.24);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
@@ -337,11 +333,11 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
   margin: 0;
@@ -359,7 +355,7 @@
   padding: 0.5rem;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
@@ -376,7 +372,7 @@
   background: #1e1e1e;
   font-weight: 500;
   margin: 0;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
 }
@@ -460,13 +456,13 @@
 }
 .p-datepicker .p-datepicker-buttonbar {
   padding: 1rem 0;
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
   width: auto;
 }
 .p-datepicker .p-timepicker {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
@@ -525,7 +521,7 @@
   background: rgba(159, 168, 218, 0.16);
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-left: 1px solid rgba(255, 255, 255, 0.12);
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   padding-top: 0;
@@ -570,7 +566,7 @@
 }
 .p-cascadeselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -633,11 +629,11 @@
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
   padding: 1rem 1rem;
@@ -647,13 +643,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-checkbox {
@@ -661,7 +657,7 @@
   height: 18px;
 }
 .p-checkbox .p-checkbox-box {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
   width: 18px;
   height: 18px;
@@ -697,13 +693,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #9FA8DA;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #9FA8DA;
@@ -724,16 +720,12 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  background: hsla(0deg, 0%, 100%, 0.24);
+  background: rgba(255, 255, 255, 0.24);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -773,7 +765,7 @@
 
 .p-dropdown {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -824,7 +816,7 @@
 }
 .p-dropdown-panel .p-dropdown-header {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -860,11 +852,11 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
   margin: 0;
@@ -880,13 +872,13 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
   background-color: transparent;
@@ -940,7 +932,7 @@
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
   padding: 1rem 1rem;
@@ -994,14 +986,14 @@
 .p-inputgroup-addon {
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.6);
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.3);
-  border-left: 1px solid hsla(0deg, 0%, 100%, 0.3);
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border-top: 1px solid rgba(255, 255, 255, 0.3);
+  border-left: 1px solid rgba(255, 255, 255, 0.3);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   padding: 1rem 1rem;
   min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
-  border-right: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border-right: 1px solid rgba(255, 255, 255, 0.3);
 }
 
 .p-inputgroup > .p-component,
@@ -1070,7 +1062,7 @@
   height: 1rem;
 }
 .p-inputswitch .p-inputswitch-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 0.5rem;
 }
@@ -1092,7 +1084,7 @@
   box-shadow: none;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: rgba(159, 168, 218, 0.5);
@@ -1113,7 +1105,7 @@
   color: rgba(255, 255, 255, 0.87);
   background: #1e1e1e;
   padding: 1rem 1rem;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   appearance: none;
   border-radius: 4px;
@@ -1188,13 +1180,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1210,12 +1202,12 @@
 .p-listbox {
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
 }
 .p-listbox .p-listbox-header {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #1e1e1e;
   margin: 0;
@@ -1262,11 +1254,11 @@
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-listbox.p-focus {
   outline: 0 none;
@@ -1280,7 +1272,7 @@
 
 .p-multiselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -1303,7 +1295,7 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1334,7 +1326,7 @@
 }
 .p-multiselect-panel .p-multiselect-header {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -1392,11 +1384,11 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
@@ -1415,13 +1407,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1455,7 +1447,7 @@
   height: 20px;
 }
 .p-radiobutton .p-radiobutton-box {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
   width: 20px;
   height: 20px;
@@ -1495,10 +1487,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #121212;
@@ -1577,7 +1569,7 @@
 }
 
 .p-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
   border: 0 none;
   border-radius: 4px;
 }
@@ -1618,7 +1610,7 @@
 
 .p-treeselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -1641,7 +1633,7 @@
 .p-treeselect.p-treeselect-chip .p-treeselect-token {
   padding: 0.5rem 1rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1677,13 +1669,13 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-togglebutton.p-button {
@@ -2909,7 +2901,7 @@
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
   outline: 0 none;
@@ -2917,13 +2909,13 @@
   box-shadow: none;
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 
 .p-column-filter-overlay-menu .p-column-filter-operator {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -2932,7 +2924,7 @@
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint {
   padding: 1rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
   margin-bottom: 0.5rem;
@@ -3139,7 +3131,7 @@
   border-color: rgba(159, 168, 218, 0.16);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
@@ -3271,7 +3263,7 @@
   transition: transform 0.2s, none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@@ -3287,11 +3279,11 @@
   background: rgba(255, 255, 255, 0.02);
 }
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 
 .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-organizationchart .p-organizationchart-node-content.p-highlight {
@@ -3444,7 +3436,7 @@
   transition: transform 0.2s, none;
 }
 .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-picklist .p-picklist-list .p-picklist-item:focus {
@@ -3460,7 +3452,7 @@
   background: rgba(255, 255, 255, 0.02);
 }
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 
 .p-timeline .p-timeline-event-marker {
@@ -3551,7 +3543,7 @@
   color: #9FA8DA;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-tree .p-tree-filter-container {
@@ -3917,7 +3909,7 @@
   padding: 0 1.25rem;
 }
 .p-divider.p-divider-horizontal:before {
-  border-top: 1px hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px rgba(255, 255, 255, 0.12);
 }
 .p-divider.p-divider-horizontal .p-divider-content {
   padding: 0 0.5rem;
@@ -3927,7 +3919,7 @@
   padding: 1.25rem 0;
 }
 .p-divider.p-divider-vertical:before {
-  border-left: 1px hsla(0deg, 0%, 100%, 0.12);
+  border-left: 1px rgba(255, 255, 255, 0.12);
 }
 .p-divider.p-divider-vertical .p-divider-content {
   padding: 0.5rem 0;
@@ -3996,13 +3988,13 @@
 }
 .p-splitter .p-splitter-gutter {
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-splitter .p-splitter-gutter-resizing {
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 
 .p-tabview .p-tabview-nav {
@@ -4423,7 +4415,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .p-contextmenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-contextmenu .p-submenu-icon {
@@ -4602,7 +4594,7 @@
   width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@@ -4676,7 +4668,7 @@
   border-top-left-radius: 0;
 }
 .p-menu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 
@@ -4780,7 +4772,7 @@
   width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4827,7 +4819,7 @@
     width: 100%;
   }
   .p-menubar .p-menubar-root-list .p-menu-separator {
-    border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -5073,7 +5065,7 @@
 }
 .p-steps .p-steps-item:before {
   content: " ";
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   width: 100%;
   top: 50%;
   left: 0;
@@ -5185,7 +5177,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .p-tieredmenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-tieredmenu .p-submenu-icon {
@@ -5545,7 +5537,7 @@
 }
 
 .p-avatar {
-  background-color: hsla(0deg, 0%, 100%, 0.12);
+  background-color: rgba(255, 255, 255, 0.12);
   border-radius: 4px;
 }
 .p-avatar.p-avatar-lg {
@@ -5612,7 +5604,7 @@
 }
 
 .p-chip {
-  background-color: hsla(0deg, 0%, 100%, 0.12);
+  background-color: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
   padding: 0 1rem;
@@ -5786,8 +5778,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -5797,13 +5789,13 @@
   background: transparent;
 }
 .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6013,7 +6005,7 @@
 }
 
 .p-calendar-w-btn {
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   background: #1e1e1e;
   border-radius: 4px;
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -6070,7 +6062,7 @@
   order: 3;
 }
 .p-datepicker table th {
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.38);
   font-weight: 400;
   font-size: 0.875rem;
@@ -6099,8 +6091,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6110,13 +6102,13 @@
   background: transparent;
 }
 .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6179,8 +6171,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6190,13 +6182,13 @@
   background: transparent;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6238,15 +6230,15 @@
   transition: box-shadow 0.2s;
 }
 .p-checkbox .p-checkbox-box {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
   border-radius: 2px;
   position: relative;
 }
 .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
 }
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
 }
 .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #9FA8DA;
@@ -6309,8 +6301,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6320,13 +6312,13 @@
   background: transparent;
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6404,8 +6396,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6415,13 +6407,13 @@
   background: transparent;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6516,20 +6508,20 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
 }
 .p-input-filled .p-inputtext:enabled:focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6550,8 +6542,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6704,8 +6696,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6715,13 +6707,13 @@
   background: transparent;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6904,10 +6896,10 @@
   transition: box-shadow 0.2s;
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
 }
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #9FA8DA;
@@ -7144,8 +7136,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -7155,13 +7147,13 @@
   background: transparent;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 9d29318c0..90cb274bd 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -301,10 +301,6 @@
   background: rgba(0, 0, 0, 0.24);
   color: rgba(0, 0, 0, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #B00020;
 }
@@ -452,7 +448,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
-  border-color: rgb(0, 0, 0);
+  border-color: black;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #673AB7;
@@ -728,10 +724,6 @@
   color: rgba(0, 0, 0, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: rgba(0, 0, 0, 0.24);
   color: rgba(0, 0, 0, 0.87);
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 799ccf513..37b9f74b0 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -301,10 +301,6 @@
   background: rgba(0, 0, 0, 0.24);
   color: rgba(0, 0, 0, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #B00020;
 }
@@ -452,7 +448,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
-  border-color: rgb(0, 0, 0);
+  border-color: black;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #3F51B5;
@@ -728,10 +724,6 @@
   color: rgba(0, 0, 0, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: rgba(0, 0, 0, 0.24);
   color: rgba(0, 0, 0, 0.87);
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 65b0f30d8..b27801a58 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -290,7 +290,7 @@
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.375rem 0.75rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -298,11 +298,7 @@
   margin-left: 0.5rem;
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  background: hsla(0deg, 0%, 100%, 0.24);
-  color: rgba(255, 255, 255, 0.87);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.24);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
@@ -337,11 +333,11 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
   margin: 0;
@@ -359,7 +355,7 @@
   padding: 0.5rem;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
@@ -376,7 +372,7 @@
   background: #1e1e1e;
   font-weight: 500;
   margin: 0;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
 }
@@ -460,13 +456,13 @@
 }
 .p-datepicker .p-datepicker-buttonbar {
   padding: 0.75rem 0;
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
   width: auto;
 }
 .p-datepicker .p-timepicker {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
@@ -525,7 +521,7 @@
   background: rgba(206, 147, 216, 0.16);
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-left: 1px solid rgba(255, 255, 255, 0.12);
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   padding-top: 0;
@@ -570,7 +566,7 @@
 }
 .p-cascadeselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -633,11 +629,11 @@
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
   padding: 0.75rem 0.75rem;
@@ -647,13 +643,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-checkbox {
@@ -661,7 +657,7 @@
   height: 18px;
 }
 .p-checkbox .p-checkbox-box {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
   width: 18px;
   height: 18px;
@@ -697,13 +693,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #CE93D8;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #CE93D8;
@@ -724,16 +720,12 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  background: hsla(0deg, 0%, 100%, 0.24);
+  background: rgba(255, 255, 255, 0.24);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -773,7 +765,7 @@
 
 .p-dropdown {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -824,7 +816,7 @@
 }
 .p-dropdown-panel .p-dropdown-header {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -860,11 +852,11 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
   margin: 0;
@@ -880,13 +872,13 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
   background-color: transparent;
@@ -940,7 +932,7 @@
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
   padding: 0.75rem 0.75rem;
@@ -994,14 +986,14 @@
 .p-inputgroup-addon {
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.6);
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.3);
-  border-left: 1px solid hsla(0deg, 0%, 100%, 0.3);
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border-top: 1px solid rgba(255, 255, 255, 0.3);
+  border-left: 1px solid rgba(255, 255, 255, 0.3);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   padding: 0.75rem 0.75rem;
   min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
-  border-right: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border-right: 1px solid rgba(255, 255, 255, 0.3);
 }
 
 .p-inputgroup > .p-component,
@@ -1070,7 +1062,7 @@
   height: 1rem;
 }
 .p-inputswitch .p-inputswitch-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 0.5rem;
 }
@@ -1092,7 +1084,7 @@
   box-shadow: none;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: rgba(206, 147, 216, 0.5);
@@ -1113,7 +1105,7 @@
   color: rgba(255, 255, 255, 0.87);
   background: #1e1e1e;
   padding: 0.75rem 0.75rem;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   appearance: none;
   border-radius: 4px;
@@ -1188,13 +1180,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1210,12 +1202,12 @@
 .p-listbox {
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #1e1e1e;
   margin: 0;
@@ -1262,11 +1254,11 @@
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-listbox.p-focus {
   outline: 0 none;
@@ -1280,7 +1272,7 @@
 
 .p-multiselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -1303,7 +1295,7 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1334,7 +1326,7 @@
 }
 .p-multiselect-panel .p-multiselect-header {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -1392,11 +1384,11 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
@@ -1415,13 +1407,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1455,7 +1447,7 @@
   height: 20px;
 }
 .p-radiobutton .p-radiobutton-box {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
   width: 20px;
   height: 20px;
@@ -1495,10 +1487,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #121212;
@@ -1577,7 +1569,7 @@
 }
 
 .p-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
   border: 0 none;
   border-radius: 4px;
 }
@@ -1618,7 +1610,7 @@
 
 .p-treeselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -1641,7 +1633,7 @@
 .p-treeselect.p-treeselect-chip .p-treeselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1677,13 +1669,13 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-togglebutton.p-button {
@@ -2909,7 +2901,7 @@
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
   outline: 0 none;
@@ -2917,13 +2909,13 @@
   box-shadow: none;
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 
 .p-column-filter-overlay-menu .p-column-filter-operator {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -2932,7 +2924,7 @@
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
   margin-bottom: 0.5rem;
@@ -3139,7 +3131,7 @@
   border-color: rgba(206, 147, 216, 0.16);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
@@ -3271,7 +3263,7 @@
   transition: transform 0.2s, none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@@ -3287,11 +3279,11 @@
   background: rgba(255, 255, 255, 0.02);
 }
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 
 .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-organizationchart .p-organizationchart-node-content.p-highlight {
@@ -3444,7 +3436,7 @@
   transition: transform 0.2s, none;
 }
 .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-picklist .p-picklist-list .p-picklist-item:focus {
@@ -3460,7 +3452,7 @@
   background: rgba(255, 255, 255, 0.02);
 }
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 
 .p-timeline .p-timeline-event-marker {
@@ -3551,7 +3543,7 @@
   color: #CE93D8;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-tree .p-tree-filter-container {
@@ -3917,7 +3909,7 @@
   padding: 0 1rem;
 }
 .p-divider.p-divider-horizontal:before {
-  border-top: 1px hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px rgba(255, 255, 255, 0.12);
 }
 .p-divider.p-divider-horizontal .p-divider-content {
   padding: 0 0.5rem;
@@ -3927,7 +3919,7 @@
   padding: 1rem 0;
 }
 .p-divider.p-divider-vertical:before {
-  border-left: 1px hsla(0deg, 0%, 100%, 0.12);
+  border-left: 1px rgba(255, 255, 255, 0.12);
 }
 .p-divider.p-divider-vertical .p-divider-content {
   padding: 0.5rem 0;
@@ -3996,13 +3988,13 @@
 }
 .p-splitter .p-splitter-gutter {
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-splitter .p-splitter-gutter-resizing {
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 
 .p-tabview .p-tabview-nav {
@@ -4423,7 +4415,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .p-contextmenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-contextmenu .p-submenu-icon {
@@ -4602,7 +4594,7 @@
   width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@@ -4676,7 +4668,7 @@
   border-top-left-radius: 0;
 }
 .p-menu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 
@@ -4780,7 +4772,7 @@
   width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4827,7 +4819,7 @@
     width: 100%;
   }
   .p-menubar .p-menubar-root-list .p-menu-separator {
-    border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -5073,7 +5065,7 @@
 }
 .p-steps .p-steps-item:before {
   content: " ";
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   width: 100%;
   top: 50%;
   left: 0;
@@ -5185,7 +5177,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .p-tieredmenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-tieredmenu .p-submenu-icon {
@@ -5545,7 +5537,7 @@
 }
 
 .p-avatar {
-  background-color: hsla(0deg, 0%, 100%, 0.12);
+  background-color: rgba(255, 255, 255, 0.12);
   border-radius: 4px;
 }
 .p-avatar.p-avatar-lg {
@@ -5612,7 +5604,7 @@
 }
 
 .p-chip {
-  background-color: hsla(0deg, 0%, 100%, 0.12);
+  background-color: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
   padding: 0 0.75rem;
@@ -5786,8 +5778,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -5797,13 +5789,13 @@
   background: transparent;
 }
 .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6013,7 +6005,7 @@
 }
 
 .p-calendar-w-btn {
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   background: #1e1e1e;
   border-radius: 4px;
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -6070,7 +6062,7 @@
   order: 3;
 }
 .p-datepicker table th {
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.38);
   font-weight: 400;
   font-size: 0.875rem;
@@ -6099,8 +6091,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6110,13 +6102,13 @@
   background: transparent;
 }
 .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6179,8 +6171,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6190,13 +6182,13 @@
   background: transparent;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6238,15 +6230,15 @@
   transition: box-shadow 0.2s;
 }
 .p-checkbox .p-checkbox-box {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
   border-radius: 2px;
   position: relative;
 }
 .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
 }
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
 }
 .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #CE93D8;
@@ -6309,8 +6301,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6320,13 +6312,13 @@
   background: transparent;
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6404,8 +6396,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6415,13 +6407,13 @@
   background: transparent;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6516,20 +6508,20 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
 }
 .p-input-filled .p-inputtext:enabled:focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6550,8 +6542,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6704,8 +6696,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6715,13 +6707,13 @@
   background: transparent;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6904,10 +6896,10 @@
   transition: box-shadow 0.2s;
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
 }
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #CE93D8;
@@ -7144,8 +7136,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -7155,13 +7147,13 @@
   background: transparent;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 0e70eb839..128630fcc 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -290,7 +290,7 @@
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.375rem 0.75rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -298,11 +298,7 @@
   margin-left: 0.5rem;
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  background: hsla(0deg, 0%, 100%, 0.24);
-  color: rgba(255, 255, 255, 0.87);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.24);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
@@ -337,11 +333,11 @@
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
   margin: 0;
@@ -359,7 +355,7 @@
   padding: 0.5rem;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
@@ -376,7 +372,7 @@
   background: #1e1e1e;
   font-weight: 500;
   margin: 0;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
 }
@@ -460,13 +456,13 @@
 }
 .p-datepicker .p-datepicker-buttonbar {
   padding: 0.75rem 0;
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .p-datepicker .p-datepicker-buttonbar .p-button {
   width: auto;
 }
 .p-datepicker .p-timepicker {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   padding: 0.5rem;
 }
 .p-datepicker .p-timepicker button {
@@ -525,7 +521,7 @@
   background: rgba(159, 168, 218, 0.16);
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-left: 1px solid rgba(255, 255, 255, 0.12);
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   padding-top: 0;
@@ -570,7 +566,7 @@
 }
 .p-cascadeselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -633,11 +629,11 @@
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
   padding: 0.75rem 0.75rem;
@@ -647,13 +643,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-checkbox {
@@ -661,7 +657,7 @@
   height: 18px;
 }
 .p-checkbox .p-checkbox-box {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
   width: 18px;
   height: 18px;
@@ -697,13 +693,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #9FA8DA;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #9FA8DA;
@@ -724,16 +720,12 @@
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  background: hsla(0deg, 0%, 100%, 0.24);
+  background: rgba(255, 255, 255, 0.24);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -773,7 +765,7 @@
 
 .p-dropdown {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -824,7 +816,7 @@
 }
 .p-dropdown-panel .p-dropdown-header {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -860,11 +852,11 @@
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
   margin: 0;
@@ -880,13 +872,13 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
   background-color: transparent;
@@ -940,7 +932,7 @@
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
   padding: 0.75rem 0.75rem;
@@ -994,14 +986,14 @@
 .p-inputgroup-addon {
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.6);
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.3);
-  border-left: 1px solid hsla(0deg, 0%, 100%, 0.3);
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border-top: 1px solid rgba(255, 255, 255, 0.3);
+  border-left: 1px solid rgba(255, 255, 255, 0.3);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   padding: 0.75rem 0.75rem;
   min-width: 2.357rem;
 }
 .p-inputgroup-addon:last-child {
-  border-right: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border-right: 1px solid rgba(255, 255, 255, 0.3);
 }
 
 .p-inputgroup > .p-component,
@@ -1070,7 +1062,7 @@
   height: 1rem;
 }
 .p-inputswitch .p-inputswitch-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 0.5rem;
 }
@@ -1092,7 +1084,7 @@
   box-shadow: none;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: rgba(159, 168, 218, 0.5);
@@ -1113,7 +1105,7 @@
   color: rgba(255, 255, 255, 0.87);
   background: #1e1e1e;
   padding: 0.75rem 0.75rem;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   appearance: none;
   border-radius: 4px;
@@ -1188,13 +1180,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1210,12 +1202,12 @@
 .p-listbox {
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #1e1e1e;
   margin: 0;
@@ -1262,11 +1254,11 @@
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-listbox.p-focus {
   outline: 0 none;
@@ -1280,7 +1272,7 @@
 
 .p-multiselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -1303,7 +1295,7 @@
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1334,7 +1326,7 @@
 }
 .p-multiselect-panel .p-multiselect-header {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -1392,11 +1384,11 @@
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
@@ -1415,13 +1407,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1455,7 +1447,7 @@
   height: 20px;
 }
 .p-radiobutton .p-radiobutton-box {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
   width: 20px;
   height: 20px;
@@ -1495,10 +1487,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: hsla(0deg, 0%, 100%, 0.06);
+  background-color: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #121212;
@@ -1577,7 +1569,7 @@
 }
 
 .p-slider {
-  background: hsla(0deg, 0%, 100%, 0.3);
+  background: rgba(255, 255, 255, 0.3);
   border: 0 none;
   border-radius: 4px;
 }
@@ -1618,7 +1610,7 @@
 
 .p-treeselect {
   background: #1e1e1e;
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   border-radius: 4px;
 }
@@ -1641,7 +1633,7 @@
 .p-treeselect.p-treeselect-chip .p-treeselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
@@ -1677,13 +1669,13 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: hsla(0deg, 0%, 100%, 0.06);
+  background: rgba(255, 255, 255, 0.06);
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .p-togglebutton.p-button {
@@ -2909,7 +2901,7 @@
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
   outline: 0 none;
@@ -2917,13 +2909,13 @@
   box-shadow: none;
 }
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 
 .p-column-filter-overlay-menu .p-column-filter-operator {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   background: #2b2b2b;
   margin: 0;
@@ -2932,7 +2924,7 @@
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint {
   padding: 0.75rem;
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
 }
 .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
   margin-bottom: 0.5rem;
@@ -3139,7 +3131,7 @@
   border-color: rgba(159, 168, 218, 0.16);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
@@ -3271,7 +3263,7 @@
   transition: transform 0.2s, none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@@ -3287,11 +3279,11 @@
   background: rgba(255, 255, 255, 0.02);
 }
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 
 .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-organizationchart .p-organizationchart-node-content.p-highlight {
@@ -3444,7 +3436,7 @@
   transition: transform 0.2s, none;
 }
 .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-picklist .p-picklist-list .p-picklist-item:focus {
@@ -3460,7 +3452,7 @@
   background: rgba(255, 255, 255, 0.02);
 }
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 
 .p-timeline .p-timeline-event-marker {
@@ -3551,7 +3543,7 @@
   color: #9FA8DA;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
 .p-tree .p-tree-filter-container {
@@ -3917,7 +3909,7 @@
   padding: 0 1rem;
 }
 .p-divider.p-divider-horizontal:before {
-  border-top: 1px hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px rgba(255, 255, 255, 0.12);
 }
 .p-divider.p-divider-horizontal .p-divider-content {
   padding: 0 0.5rem;
@@ -3927,7 +3919,7 @@
   padding: 1rem 0;
 }
 .p-divider.p-divider-vertical:before {
-  border-left: 1px hsla(0deg, 0%, 100%, 0.12);
+  border-left: 1px rgba(255, 255, 255, 0.12);
 }
 .p-divider.p-divider-vertical .p-divider-content {
   padding: 0.5rem 0;
@@ -3996,13 +3988,13 @@
 }
 .p-splitter .p-splitter-gutter {
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  background: hsla(0deg, 0%, 100%, 0.04);
+  background: rgba(255, 255, 255, 0.04);
 }
 .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-splitter .p-splitter-gutter-resizing {
-  background: hsla(0deg, 0%, 100%, 0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 
 .p-tabview .p-tabview-nav {
@@ -4423,7 +4415,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .p-contextmenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-contextmenu .p-submenu-icon {
@@ -4602,7 +4594,7 @@
   width: 12.5rem;
 }
 .p-megamenu .p-megamenu-submenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@@ -4676,7 +4668,7 @@
   border-top-left-radius: 0;
 }
 .p-menu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 
@@ -4780,7 +4772,7 @@
   width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-menubar .p-submenu-list .p-submenu-icon {
@@ -4827,7 +4819,7 @@
     width: 100%;
   }
   .p-menubar .p-menubar-root-list .p-menu-separator {
-    border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -5073,7 +5065,7 @@
 }
 .p-steps .p-steps-item:before {
   content: " ";
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   width: 100%;
   top: 50%;
   left: 0;
@@ -5185,7 +5177,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .p-tieredmenu .p-menu-separator {
-  border-top: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
   margin: 0.5rem 0;
 }
 .p-tieredmenu .p-submenu-icon {
@@ -5545,7 +5537,7 @@
 }
 
 .p-avatar {
-  background-color: hsla(0deg, 0%, 100%, 0.12);
+  background-color: rgba(255, 255, 255, 0.12);
   border-radius: 4px;
 }
 .p-avatar.p-avatar-lg {
@@ -5612,7 +5604,7 @@
 }
 
 .p-chip {
-  background-color: hsla(0deg, 0%, 100%, 0.12);
+  background-color: rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
   padding: 0 0.75rem;
@@ -5786,8 +5778,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -5797,13 +5789,13 @@
   background: transparent;
 }
 .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6013,7 +6005,7 @@
 }
 
 .p-calendar-w-btn {
-  border: 1px solid hsla(0deg, 0%, 100%, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.3);
   background: #1e1e1e;
   border-radius: 4px;
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -6070,7 +6062,7 @@
   order: 3;
 }
 .p-datepicker table th {
-  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.38);
   font-weight: 400;
   font-size: 0.875rem;
@@ -6099,8 +6091,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6110,13 +6102,13 @@
   background: transparent;
 }
 .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6179,8 +6171,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6190,13 +6182,13 @@
   background: transparent;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6238,15 +6230,15 @@
   transition: box-shadow 0.2s;
 }
 .p-checkbox .p-checkbox-box {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
   border-radius: 2px;
   position: relative;
 }
 .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
 }
 .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  border-color: hsla(0deg, 0%, 100%, 0.7);
+  border-color: rgba(255, 255, 255, 0.7);
 }
 .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #9FA8DA;
@@ -6309,8 +6301,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6320,13 +6312,13 @@
   background: transparent;
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6404,8 +6396,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6415,13 +6407,13 @@
   background: transparent;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6516,20 +6508,20 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
 }
 .p-input-filled .p-inputtext:enabled:focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6550,8 +6542,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6704,8 +6696,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -6715,13 +6707,13 @@
   background: transparent;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
@@ -6904,10 +6896,10 @@
   transition: box-shadow 0.2s;
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
-  border: 2px solid hsla(0deg, 0%, 100%, 0.7);
+  border: 2px solid rgba(255, 255, 255, 0.7);
 }
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #9FA8DA;
@@ -7144,8 +7136,8 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent;
-  background: hsla(0deg, 0%, 100%, 0.06) no-repeat;
-  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3));
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
   background-size: 0 2px, 100% 1px;
   background-position: 50% 100%, 50% 100%;
   background-origin: border-box;
@@ -7155,13 +7147,13 @@
   background: transparent;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: hsla(0deg, 0%, 100%, 0.08);
+  background-color: rgba(255, 255, 255, 0.08);
   border-color: transparent;
   background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
   box-shadow: none;
-  background-color: hsla(0deg, 0%, 100%, 0.1);
+  background-color: rgba(255, 255, 255, 0.1);
   border-color: transparent;
   background-size: 100% 2px, 100% 1px;
 }
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index ba996212a..d620a24da 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -301,10 +301,6 @@
   background: rgba(0, 0, 0, 0.24);
   color: rgba(0, 0, 0, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #B00020;
 }
@@ -452,7 +448,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
-  border-color: rgb(0, 0, 0);
+  border-color: black;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #673AB7;
@@ -728,10 +724,6 @@
   color: rgba(0, 0, 0, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: rgba(0, 0, 0, 0.24);
   color: rgba(0, 0, 0, 0.87);
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 2f87c3fd9..6d9d6ac61 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -301,10 +301,6 @@
   background: rgba(0, 0, 0, 0.24);
   color: rgba(0, 0, 0, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #B00020;
 }
@@ -452,7 +448,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
-  border-color: rgb(0, 0, 0);
+  border-color: black;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #3F51B5;
@@ -728,10 +724,6 @@
   color: rgba(0, 0, 0, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: rgba(0, 0, 0, 0.24);
   color: rgba(0, 0, 0, 0.87);
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index 4ecb7811a..24f3bd0bf 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -277,10 +277,6 @@
   background: #bababa;
   color: #333333;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #cccccc;
-  color: #333333;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #a80000;
 }
@@ -704,10 +700,6 @@
   color: #333333;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #cccccc;
-  color: #333333;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #bababa;
   color: #333333;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 80e9d4717..dd9a390dd 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -277,10 +277,6 @@
   background: #bababa;
   color: #333333;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #cccccc;
-  color: #333333;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #a80000;
 }
@@ -708,10 +704,6 @@
   color: #333333;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #cccccc;
-  color: #333333;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #bababa;
   color: #333333;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index fa076f0ec..a616d1bd2 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -277,10 +277,6 @@
   background: #bababa;
   color: #333333;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #cccccc;
-  color: #333333;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #a80000;
 }
@@ -708,10 +704,6 @@
   color: #333333;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #cccccc;
-  color: #333333;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #bababa;
   color: #333333;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index eb7eecdd2..c0c89d909 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -277,10 +277,6 @@
   background: #bababa;
   color: #333333;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #cccccc;
-  color: #333333;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #a80000;
 }
@@ -708,10 +704,6 @@
   color: #333333;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #cccccc;
-  color: #333333;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #bababa;
   color: #333333;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 9a93cfdd2..5dea7114b 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -277,10 +277,6 @@
   background: #cbcbcb;
   color: #666666;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #dfdfdf;
-  color: #666666;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #e7a3a3;
 }
@@ -704,10 +700,6 @@
   color: #666666;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #dfdfdf;
-  color: #666666;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #cbcbcb;
   color: #666666;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index e04f3ef3a..e138cf699 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #495057;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #f44336;
 }
@@ -704,10 +700,6 @@
   color: #495057;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #495057;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 05cde60de..fcc6b4974 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #495057;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #f44336;
 }
@@ -704,10 +700,6 @@
   color: #495057;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #495057;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index cc5c2dba3..8fc2725a7 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #495057;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #f44336;
 }
@@ -704,10 +700,6 @@
   color: #495057;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #495057;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 7bfffab82..2b8ea48f8 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -277,10 +277,6 @@
   background: #ced4da;
   color: #495057;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #f44336;
 }
@@ -704,10 +700,6 @@
   color: #495057;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #e9ecef;
-  color: #495057;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #ced4da;
   color: #495057;
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index b1889488f..93f80b5c3 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -312,10 +312,6 @@
   background: #d4d4d8;
   color: #3f3f46;
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #f4f4f5;
-  color: #3f3f46;
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #f0a9a7;
 }
@@ -325,7 +321,7 @@
   color: #3f3f46;
   border: 0 none;
   border-radius: 0.375rem;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-autocomplete-panel .p-autocomplete-items {
   padding: 0.25rem 0;
@@ -376,7 +372,7 @@
 .p-datepicker:not(.p-datepicker-inline) {
   background: #ffffff;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
   background: #ffffff;
@@ -622,7 +618,7 @@
   color: #3f3f46;
   border: 0 none;
   border-radius: 0.375rem;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-cascadeselect-panel .p-cascadeselect-items {
   padding: 0.25rem 0;
@@ -739,10 +735,6 @@
   color: #3f3f46;
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #f4f4f5;
-  color: #3f3f46;
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #d4d4d8;
   color: #3f3f46;
@@ -779,7 +771,7 @@
 }
 
 .p-colorpicker-overlay-panel {
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 
 .p-dropdown {
@@ -831,7 +823,7 @@
   color: #3f3f46;
   border: 0 none;
   border-radius: 0.375rem;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-dropdown-panel .p-dropdown-header {
   padding: 0.5rem 0.75rem;
@@ -942,7 +934,7 @@
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
   background: #ffffff;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   border-radius: 0.375rem;
   padding: 0.25rem 0;
 }
@@ -1341,7 +1333,7 @@
   color: #3f3f46;
   border: 0 none;
   border-radius: 0.375rem;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-multiselect-panel .p-multiselect-header {
   padding: 0.5rem 0.75rem;
@@ -1444,7 +1436,7 @@
   background: #ffffff;
   color: #3f3f46;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   border-radius: 0.375rem;
 }
 .p-password-panel .p-password-meter {
@@ -1676,7 +1668,7 @@
   color: #3f3f46;
   border: 0 none;
   border-radius: 0.375rem;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
   border: 0 none;
@@ -2899,7 +2891,7 @@
   color: #3f3f46;
   border: 0 none;
   border-radius: 0.375rem;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   min-width: 12.5rem;
 }
 .p-column-filter-overlay .p-column-filter-row-items {
@@ -4280,7 +4272,7 @@
   background: #3f3f46;
   color: #ffffff;
   padding: 0.75rem 0.75rem;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   border-radius: 0.375rem;
 }
 .p-tooltip.p-tooltip-right .p-tooltip-arrow {
@@ -4379,7 +4371,7 @@
   background: #ffffff;
   color: #3f3f46;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   border-radius: 0.375rem;
   width: 12.5rem;
 }
@@ -4421,7 +4413,7 @@
   padding: 0.25rem 0;
   background: #ffffff;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   border-radius: 0.375rem;
 }
 .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@@ -4597,7 +4589,7 @@
   background: #ffffff;
   color: #3f3f46;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-megamenu .p-megamenu-submenu-header {
   margin: 0;
@@ -4675,7 +4667,7 @@
 .p-menu.p-menu-overlay {
   background: #ffffff;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-menu .p-submenu-header {
   margin: 0;
@@ -4787,7 +4779,7 @@
   padding: 0.25rem 0;
   background: #ffffff;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   width: 12.5rem;
 }
 .p-menubar .p-submenu-list .p-menu-separator {
@@ -4834,7 +4826,7 @@
     padding: 0.25rem 0;
     background: #ffffff;
     border: 0 none;
-    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     width: 100%;
   }
   .p-menubar .p-menubar-root-list .p-menu-separator {
@@ -5178,13 +5170,13 @@
 .p-tieredmenu.p-tieredmenu-overlay {
   background: #ffffff;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-tieredmenu .p-submenu-list {
   padding: 0.25rem 0;
   background: #ffffff;
   border: 0 none;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
   background: #f4f4f5;
@@ -5688,7 +5680,7 @@
   width: 3rem;
   height: 3rem;
   border-radius: 50%;
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   transition: none;
 }
 .p-scrolltop.p-link {
@@ -5752,7 +5744,7 @@
 
 /* Customizations to the designer theme should be defined here */
 .p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup {
-  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
 .p-inputgroup .p-inputtext, .p-inputgroup .p-togglebutton, .p-inputgroup .p-selectbutton {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index aae365d48..dfd9298d8 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -277,10 +277,6 @@
   background: #3e526d;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #283951;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #283951;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #3e526d;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 1da8606f1..fce7726a2 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -277,10 +277,6 @@
   background: #3e526d;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #283951;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #283951;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #3e526d;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 2ca1e1268..c0b4dc106 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -277,10 +277,6 @@
   background: #3e526d;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #283951;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #283951;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #3e526d;
   color: rgba(255, 255, 255, 0.87);
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index c63703699..268c92dd5 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -277,10 +277,6 @@
   background: #3e526d;
   color: rgba(255, 255, 255, 0.87);
 }
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token:hover {
-  background: #283951;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: #ef9a9a;
 }
@@ -704,10 +700,6 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
-.p-chips .p-chips-multiple-container .p-chips-token:hover {
-  background: #283951;
-  color: rgba(255, 255, 255, 0.87);
-}
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: #3e526d;
   color: rgba(255, 255, 255, 0.87);