From d6a840117222664055e0c1ba76c6847db99a7742 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 25 Nov 2021 10:34:50 +0300
Subject: [PATCH] Cosmetics on filled input bg

---
 public/themes/lara-dark-blue/theme.css   | 76 ++++++++++++------------
 public/themes/lara-dark-indigo/theme.css | 76 ++++++++++++------------
 public/themes/lara-dark-purple/theme.css | 76 ++++++++++++------------
 public/themes/lara-dark-teal/theme.css   | 76 ++++++++++++------------
 4 files changed, 152 insertions(+), 152 deletions(-)

diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index 2f9226acc..8059ab1f5 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -322,7 +322,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 
@@ -620,13 +620,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-checkbox {
@@ -670,13 +670,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #93C5FD;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #6cb0fc;
@@ -828,7 +828,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -838,13 +838,13 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-editor-container .p-editor-toolbar {
@@ -1139,13 +1139,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1204,7 +1204,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1345,7 +1345,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1355,13 +1355,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1435,10 +1435,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #93C5FD;
@@ -1616,13 +1616,13 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-togglebutton.p-button {
@@ -3975,7 +3975,7 @@
 }
 
 .p-breadcrumb {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   border-radius: 6px;
   padding: 1rem;
@@ -4008,7 +4008,7 @@
 
 .p-contextmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4051,7 +4051,7 @@
 }
 .p-contextmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   border-radius: 6px;
@@ -4135,7 +4135,7 @@
 }
 .p-megamenu {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4226,7 +4226,7 @@
   box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5);
 }
 .p-megamenu .p-megamenu-panel {
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4235,7 +4235,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -4264,7 +4264,7 @@
 
 .p-menu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4305,7 +4305,7 @@
   box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5);
 }
 .p-menu.p-menu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4313,7 +4313,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -4325,7 +4325,7 @@
 
 .p-menubar {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4417,7 +4417,7 @@
 }
 .p-menubar .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   width: 12.5rem;
@@ -4464,7 +4464,7 @@
     position: absolute;
     display: none;
     padding: 0.25rem 0;
-    background: #3d444d;
+    background: #2f343a;
     border: 1px solid #444c56;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 100%;
@@ -4744,7 +4744,7 @@
 
 .p-tieredmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4785,13 +4785,13 @@
   box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5);
 }
 .p-tieredmenu.p-tieredmenu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
 .p-tieredmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index 9c7d14753..03a6a3990 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -322,7 +322,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 
@@ -620,13 +620,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-checkbox {
@@ -670,13 +670,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #A5B4FC;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #7d92fb;
@@ -828,7 +828,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -838,13 +838,13 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-editor-container .p-editor-toolbar {
@@ -1139,13 +1139,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1204,7 +1204,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1345,7 +1345,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1355,13 +1355,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1435,10 +1435,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #A5B4FC;
@@ -1616,13 +1616,13 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-togglebutton.p-button {
@@ -3975,7 +3975,7 @@
 }
 
 .p-breadcrumb {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   border-radius: 6px;
   padding: 1rem;
@@ -4008,7 +4008,7 @@
 
 .p-contextmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4051,7 +4051,7 @@
 }
 .p-contextmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   border-radius: 6px;
@@ -4135,7 +4135,7 @@
 }
 .p-megamenu {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4226,7 +4226,7 @@
   box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
 }
 .p-megamenu .p-megamenu-panel {
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4235,7 +4235,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -4264,7 +4264,7 @@
 
 .p-menu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4305,7 +4305,7 @@
   box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
 }
 .p-menu.p-menu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4313,7 +4313,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -4325,7 +4325,7 @@
 
 .p-menubar {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4417,7 +4417,7 @@
 }
 .p-menubar .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   width: 12.5rem;
@@ -4464,7 +4464,7 @@
     position: absolute;
     display: none;
     padding: 0.25rem 0;
-    background: #3d444d;
+    background: #2f343a;
     border: 1px solid #444c56;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 100%;
@@ -4744,7 +4744,7 @@
 
 .p-tieredmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4785,13 +4785,13 @@
   box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
 }
 .p-tieredmenu.p-tieredmenu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
 .p-tieredmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index b0092e8d7..23c9c16ac 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -322,7 +322,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 
@@ -620,13 +620,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-checkbox {
@@ -670,13 +670,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #C4B5FD;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #a28bfc;
@@ -828,7 +828,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -838,13 +838,13 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-editor-container .p-editor-toolbar {
@@ -1139,13 +1139,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1204,7 +1204,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1345,7 +1345,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1355,13 +1355,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1435,10 +1435,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #C4B5FD;
@@ -1616,13 +1616,13 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-togglebutton.p-button {
@@ -3975,7 +3975,7 @@
 }
 
 .p-breadcrumb {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   border-radius: 6px;
   padding: 1rem;
@@ -4008,7 +4008,7 @@
 
 .p-contextmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4051,7 +4051,7 @@
 }
 .p-contextmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   border-radius: 6px;
@@ -4135,7 +4135,7 @@
 }
 .p-megamenu {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4226,7 +4226,7 @@
   box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5);
 }
 .p-megamenu .p-megamenu-panel {
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4235,7 +4235,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -4264,7 +4264,7 @@
 
 .p-menu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4305,7 +4305,7 @@
   box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5);
 }
 .p-menu.p-menu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4313,7 +4313,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -4325,7 +4325,7 @@
 
 .p-menubar {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4417,7 +4417,7 @@
 }
 .p-menubar .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   width: 12.5rem;
@@ -4464,7 +4464,7 @@
     position: absolute;
     display: none;
     padding: 0.25rem 0;
-    background: #3d444d;
+    background: #2f343a;
     border: 1px solid #444c56;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 100%;
@@ -4744,7 +4744,7 @@
 
 .p-tieredmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4785,13 +4785,13 @@
   box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5);
 }
 .p-tieredmenu.p-tieredmenu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
 .p-tieredmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index 38e58baa3..05f8e4e8a 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -322,7 +322,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 
@@ -620,13 +620,13 @@
 }
 
 .p-input-filled .p-cascadeselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-checkbox {
@@ -670,13 +670,13 @@
 }
 
 .p-input-filled .p-checkbox .p-checkbox-box {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: #5EEAD4;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   background: #41e6cc;
@@ -828,7 +828,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
@@ -838,13 +838,13 @@
 }
 
 .p-input-filled .p-dropdown {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-editor-container .p-editor-toolbar {
@@ -1139,13 +1139,13 @@
 }
 
 .p-input-filled .p-inputtext {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-inputtext:enabled:hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-inputtext:enabled:focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-inputtext-sm .p-inputtext {
@@ -1204,7 +1204,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1345,7 +1345,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -1355,13 +1355,13 @@
 }
 
 .p-input-filled .p-multiselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
@@ -1435,10 +1435,10 @@
 }
 
 .p-input-filled .p-radiobutton .p-radiobutton-box {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: #5EEAD4;
@@ -1616,13 +1616,13 @@
 }
 
 .p-input-filled .p-treeselect {
-  background: #444c56;
+  background: #2f343a;
 }
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-  background-color: #444c56;
+  background-color: #2f343a;
 }
 
 .p-togglebutton.p-button {
@@ -3975,7 +3975,7 @@
 }
 
 .p-breadcrumb {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   border-radius: 6px;
   padding: 1rem;
@@ -4008,7 +4008,7 @@
 
 .p-contextmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4051,7 +4051,7 @@
 }
 .p-contextmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   border-radius: 6px;
@@ -4135,7 +4135,7 @@
 }
 .p-megamenu {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4226,7 +4226,7 @@
   box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
 }
 .p-megamenu .p-megamenu-panel {
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4235,7 +4235,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -4264,7 +4264,7 @@
 
 .p-menu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4305,7 +4305,7 @@
   box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
 }
 .p-menu.p-menu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4313,7 +4313,7 @@
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -4325,7 +4325,7 @@
 
 .p-menubar {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4417,7 +4417,7 @@
 }
 .p-menubar .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   width: 12.5rem;
@@ -4464,7 +4464,7 @@
     position: absolute;
     display: none;
     padding: 0.25rem 0;
-    background: #3d444d;
+    background: #2f343a;
     border: 1px solid #444c56;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 100%;
@@ -4744,7 +4744,7 @@
 
 .p-tieredmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4785,13 +4785,13 @@
   box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5);
 }
 .p-tieredmenu.p-tieredmenu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
 .p-tieredmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }