From dd592f513674ab40e047c6b2f3fb2d8fc2361543 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Fri, 26 Jun 2020 22:41:18 +0300
Subject: [PATCH] Theme update

---
 public/themes/arya-blue/theme.css             | 33 ++++++++-
 public/themes/arya-green/theme.css            | 33 ++++++++-
 public/themes/arya-orange/theme.css           | 33 ++++++++-
 public/themes/arya-purple/theme.css           | 33 ++++++++-
 public/themes/bootstrap4-dark-blue/theme.css  | 33 ++++++++-
 .../themes/bootstrap4-dark-purple/theme.css   | 33 ++++++++-
 public/themes/bootstrap4-light-blue/theme.css | 33 ++++++++-
 .../themes/bootstrap4-light-purple/theme.css  | 33 ++++++++-
 public/themes/luna-amber/theme.css            | 33 ++++++++-
 public/themes/luna-blue/theme.css             | 33 ++++++++-
 public/themes/luna-green/theme.css            | 33 ++++++++-
 public/themes/luna-pink/theme.css             | 33 ++++++++-
 public/themes/md-dark-deeppurple/theme.css    | 71 +++++++++++++------
 public/themes/md-dark-indigo/theme.css        | 71 +++++++++++++------
 public/themes/md-light-deeppurple/theme.css   | 63 +++++++++++-----
 public/themes/md-light-indigo/theme.css       | 63 +++++++++++-----
 public/themes/mdc-dark-deeppurple/theme.css   | 71 +++++++++++++------
 public/themes/mdc-dark-indigo/theme.css       | 71 +++++++++++++------
 public/themes/mdc-light-deeppurple/theme.css  | 63 +++++++++++-----
 public/themes/mdc-light-indigo/theme.css      | 63 +++++++++++-----
 public/themes/nova-accent/theme.css           | 33 ++++++++-
 public/themes/nova-alt/theme.css              | 33 ++++++++-
 public/themes/nova-vue/theme.css              | 33 ++++++++-
 public/themes/nova/theme.css                  | 33 ++++++++-
 public/themes/rhea/theme.css                  | 33 ++++++++-
 public/themes/saga-blue/theme.css             | 35 +++++++--
 public/themes/saga-green/theme.css            | 35 +++++++--
 public/themes/saga-orange/theme.css           | 35 +++++++--
 public/themes/vela-blue/theme.css             | 34 ++++++++-
 public/themes/vela-green/theme.css            | 34 ++++++++-
 public/themes/vela-orange/theme.css           | 34 ++++++++-
 public/themes/vela-purple/theme.css           | 34 ++++++++-
 32 files changed, 1095 insertions(+), 243 deletions(-)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 949298afa..d572c5fd5 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -351,6 +351,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #64B5F6;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #2196F3;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -933,9 +946,10 @@
   border-color: #64B5F6;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #64B5F6;
@@ -950,6 +964,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #64B5F6;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #2196F3;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 5b6978142..3fca540ca 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -351,6 +351,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #81C784;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #4CAF50;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -933,9 +946,10 @@
   border-color: #81C784;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #81C784;
@@ -950,6 +964,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #81C784;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #4CAF50;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 929fd3884..5d7c248b7 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -351,6 +351,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #FFD54F;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #FFC107;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -933,9 +946,10 @@
   border-color: #FFD54F;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #FFD54F;
@@ -950,6 +964,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #FFD54F;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #FFC107;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 32a59f210..3676b70ce 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -351,6 +351,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #BA68C8;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #9C27B0;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -933,9 +946,10 @@
   border-color: #BA68C8;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #BA68C8;
@@ -950,6 +964,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #BA68C8;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #9C27B0;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index ba31fa70d..ebbd43f3e 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -351,6 +351,19 @@
   border-color: #f19ea6;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #3f4b5b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #3f4b5b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #8dd0ff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #1dadff;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #151515;
 }
@@ -933,9 +946,10 @@
   border-color: #8dd0ff;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.15s;
-  color: #151515;
+  background-color: #151515;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #8dd0ff;
@@ -950,6 +964,19 @@
   border-color: #f19ea6;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #3f4b5b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #3f4b5b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #8dd0ff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #1dadff;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #151515;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 88bb331d4..b2398ff01 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -351,6 +351,19 @@
   border-color: #f19ea6;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #3f4b5b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #3f4b5b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #c298d8;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #9954bb;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #151515;
 }
@@ -933,9 +946,10 @@
   border-color: #c298d8;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.15s;
-  color: #151515;
+  background-color: #151515;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #c298d8;
@@ -950,6 +964,19 @@
   border-color: #f19ea6;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #3f4b5b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #3f4b5b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #c298d8;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #9954bb;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #151515;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 39986863f..624a8ddd9 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -351,6 +351,19 @@
   border-color: #dc3545;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #007bff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #0062cc;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -933,9 +946,10 @@
   border-color: #007bff;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.15s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #007bff;
@@ -950,6 +964,19 @@
   border-color: #dc3545;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #007bff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #0062cc;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index 1c768bcb5..b21c7b604 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -351,6 +351,19 @@
   border-color: #dc3545;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #883cae;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #68329e;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -933,9 +946,10 @@
   border-color: #883cae;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.15s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #883cae;
@@ -950,6 +964,19 @@
   border-color: #dc3545;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #883cae;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #68329e;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 02b8e7d51..bd6d51a18 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -351,6 +351,19 @@
   border-color: #e57373;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #FFE082;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #FFCA28;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -933,9 +946,10 @@
   border-color: #FFE082;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #FFE082;
@@ -950,6 +964,19 @@
   border-color: #e57373;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #FFE082;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #FFCA28;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 19c89d08f..4eaaaf884 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -351,6 +351,19 @@
   border-color: #e57373;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #81D4FA;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #29B6F6;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -933,9 +946,10 @@
   border-color: #81D4FA;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #81D4FA;
@@ -950,6 +964,19 @@
   border-color: #e57373;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #81D4FA;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #29B6F6;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 4e27479f0..11435cf05 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -351,6 +351,19 @@
   border-color: #e57373;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #C5E1A5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #9CCC65;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -933,9 +946,10 @@
   border-color: #C5E1A5;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #C5E1A5;
@@ -950,6 +964,19 @@
   border-color: #e57373;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #C5E1A5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #9CCC65;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index a6ec12936..ecc859223 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -351,6 +351,19 @@
   border-color: #e57373;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #F48FB1;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #EC407A;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -933,9 +946,10 @@
   border-color: #F48FB1;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #F48FB1;
@@ -950,6 +964,19 @@
   border-color: #e57373;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #F48FB1;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #EC407A;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 33216e278..111e93b7f 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -375,6 +375,19 @@
   border-color: #f44435;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #CE93D8;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #CE93D8;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.5rem 1rem;
 }
@@ -931,14 +944,14 @@
 }
 
 .p-radiobutton {
-  width: 21px;
-  height: 21px;
+  width: 20px;
+  height: 20px;
 }
 .p-radiobutton .p-radiobutton-box {
   border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
-  width: 21px;
-  height: 21px;
+  width: 20px;
+  height: 20px;
   color: rgba(255, 255, 255, 0.87);
   border-radius: 50%;
   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);
@@ -953,9 +966,10 @@
   border-color: #CE93D8;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 10px;
+  height: 10px;
   transition-duration: 0.2s;
-  color: #CE93D8;
+  background-color: #CE93D8;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #CE93D8;
@@ -970,6 +984,19 @@
   border-color: #f44435;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #121212;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #121212;
+}
+
 .p-rating .p-rating-icon {
   color: #CE93D8;
   margin-left: 0.5rem;
@@ -1196,7 +1223,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 3rem;
@@ -4410,6 +4437,13 @@
   box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #1e1e1e;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #1e1e1e;
+}
+
 @keyframes checkbox-check {
   0% {
     width: 0;
@@ -4439,25 +4473,9 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   border: 2px solid rgba(255, 255, 255, 0.7);
 }
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  transition: transform 0.2s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
-  display: none;
-}
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #CE93D8;
 }
-.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  background-color: #CE93D8;
-  transform: translateZ(0) scale(1, 1);
-}
 .p-radiobutton:not(.p-radiobutton-disabled):hover {
   box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
 }
@@ -4471,6 +4489,13 @@
   box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #1e1e1e;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #1e1e1e;
+}
+
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
 }
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 9783672f3..d2e34c96c 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -375,6 +375,19 @@
   border-color: #f44435;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #9FA8DA;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #9FA8DA;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.5rem 1rem;
 }
@@ -931,14 +944,14 @@
 }
 
 .p-radiobutton {
-  width: 21px;
-  height: 21px;
+  width: 20px;
+  height: 20px;
 }
 .p-radiobutton .p-radiobutton-box {
   border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
-  width: 21px;
-  height: 21px;
+  width: 20px;
+  height: 20px;
   color: rgba(255, 255, 255, 0.87);
   border-radius: 50%;
   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);
@@ -953,9 +966,10 @@
   border-color: #9FA8DA;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 10px;
+  height: 10px;
   transition-duration: 0.2s;
-  color: #9FA8DA;
+  background-color: #9FA8DA;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #9FA8DA;
@@ -970,6 +984,19 @@
   border-color: #f44435;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #121212;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #121212;
+}
+
 .p-rating .p-rating-icon {
   color: #9FA8DA;
   margin-left: 0.5rem;
@@ -1196,7 +1223,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 3rem;
@@ -4410,6 +4437,13 @@
   box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #1e1e1e;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #1e1e1e;
+}
+
 @keyframes checkbox-check {
   0% {
     width: 0;
@@ -4439,25 +4473,9 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   border: 2px solid rgba(255, 255, 255, 0.7);
 }
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  transition: transform 0.2s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
-  display: none;
-}
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #9FA8DA;
 }
-.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  background-color: #9FA8DA;
-  transform: translateZ(0) scale(1, 1);
-}
 .p-radiobutton:not(.p-radiobutton-disabled):hover {
   box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
 }
@@ -4471,6 +4489,13 @@
   box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #1e1e1e;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #1e1e1e;
+}
+
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
 }
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 2e0adce89..255ca0f2d 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -375,6 +375,19 @@
   border-color: #B00020;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f5f5f5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #ececec;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #673AB7;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #673AB7;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.5rem 1rem;
 }
@@ -953,9 +966,10 @@
   border-color: #673AB7;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 10px;
+  height: 10px;
   transition-duration: 0.2s;
-  color: #673AB7;
+  background-color: #673AB7;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #673AB7;
@@ -970,6 +984,19 @@
   border-color: #B00020;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f5f5f5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #ececec;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #ffffff;
+}
+
 .p-rating .p-rating-icon {
   color: #673AB7;
   margin-left: 0.5rem;
@@ -1196,7 +1223,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 3rem;
@@ -4410,6 +4437,13 @@
   box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #ffffff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #ffffff;
+}
+
 @keyframes checkbox-check {
   0% {
     width: 0;
@@ -4439,25 +4473,9 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   border: 2px solid #757575;
 }
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  transition: transform 0.2s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
-  display: none;
-}
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #673AB7;
 }
-.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  background-color: #673AB7;
-  transform: translateZ(0) scale(1, 1);
-}
 .p-radiobutton:not(.p-radiobutton-disabled):hover {
   box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
 }
@@ -4471,6 +4489,13 @@
   box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #ffffff;
+}
+
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
 }
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 4095f8945..0a91b65e1 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -375,6 +375,19 @@
   border-color: #B00020;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f5f5f5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #ececec;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #3F51B5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #3F51B5;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.5rem 1rem;
 }
@@ -953,9 +966,10 @@
   border-color: #3F51B5;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 10px;
+  height: 10px;
   transition-duration: 0.2s;
-  color: #3F51B5;
+  background-color: #3F51B5;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #3F51B5;
@@ -970,6 +984,19 @@
   border-color: #B00020;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f5f5f5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #ececec;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #ffffff;
+}
+
 .p-rating .p-rating-icon {
   color: #3F51B5;
   margin-left: 0.5rem;
@@ -1196,7 +1223,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 3rem;
@@ -4410,6 +4437,13 @@
   box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #ffffff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #ffffff;
+}
+
 @keyframes checkbox-check {
   0% {
     width: 0;
@@ -4439,25 +4473,9 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   border: 2px solid #757575;
 }
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  transition: transform 0.2s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
-  display: none;
-}
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #3F51B5;
 }
-.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  background-color: #3F51B5;
-  transform: translateZ(0) scale(1, 1);
-}
 .p-radiobutton:not(.p-radiobutton-disabled):hover {
   box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
 }
@@ -4471,6 +4489,13 @@
   box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #ffffff;
+}
+
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
 }
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index a94afa710..298093c3a 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -375,6 +375,19 @@
   border-color: #f44435;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #673AB7;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #673AB7;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.375rem 0.75rem;
 }
@@ -931,14 +944,14 @@
 }
 
 .p-radiobutton {
-  width: 21px;
-  height: 21px;
+  width: 20px;
+  height: 20px;
 }
 .p-radiobutton .p-radiobutton-box {
   border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
-  width: 21px;
-  height: 21px;
+  width: 20px;
+  height: 20px;
   color: rgba(255, 255, 255, 0.87);
   border-radius: 50%;
   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);
@@ -953,9 +966,10 @@
   border-color: #673AB7;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 10px;
+  height: 10px;
   transition-duration: 0.2s;
-  color: #673AB7;
+  background-color: #673AB7;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #673AB7;
@@ -970,6 +984,19 @@
   border-color: #f44435;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #ffffff;
+}
+
 .p-rating .p-rating-icon {
   color: #673AB7;
   margin-left: 0.5rem;
@@ -1196,7 +1223,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.25rem;
@@ -4410,6 +4437,13 @@
   box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #1e1e1e;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #1e1e1e;
+}
+
 @keyframes checkbox-check {
   0% {
     width: 0;
@@ -4439,25 +4473,9 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   border: 2px solid rgba(255, 255, 255, 0.7);
 }
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  transition: transform 0.2s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
-  display: none;
-}
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #673AB7;
 }
-.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  background-color: #673AB7;
-  transform: translateZ(0) scale(1, 1);
-}
 .p-radiobutton:not(.p-radiobutton-disabled):hover {
   box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
 }
@@ -4471,6 +4489,13 @@
   box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #1e1e1e;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #1e1e1e;
+}
+
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
 }
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 6c9d99b22..6235933d5 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -375,6 +375,19 @@
   border-color: #f44435;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #3F51B5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #3F51B5;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.375rem 0.75rem;
 }
@@ -931,14 +944,14 @@
 }
 
 .p-radiobutton {
-  width: 21px;
-  height: 21px;
+  width: 20px;
+  height: 20px;
 }
 .p-radiobutton .p-radiobutton-box {
   border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
-  width: 21px;
-  height: 21px;
+  width: 20px;
+  height: 20px;
   color: rgba(255, 255, 255, 0.87);
   border-radius: 50%;
   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);
@@ -953,9 +966,10 @@
   border-color: #3F51B5;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 10px;
+  height: 10px;
   transition-duration: 0.2s;
-  color: #3F51B5;
+  background-color: #3F51B5;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #3F51B5;
@@ -970,6 +984,19 @@
   border-color: #f44435;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #ffffff;
+}
+
 .p-rating .p-rating-icon {
   color: #3F51B5;
   margin-left: 0.5rem;
@@ -1196,7 +1223,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.25rem;
@@ -4410,6 +4437,13 @@
   box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #1e1e1e;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #1e1e1e;
+}
+
 @keyframes checkbox-check {
   0% {
     width: 0;
@@ -4439,25 +4473,9 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   border: 2px solid rgba(255, 255, 255, 0.7);
 }
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  transition: transform 0.2s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
-  display: none;
-}
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #3F51B5;
 }
-.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  background-color: #3F51B5;
-  transform: translateZ(0) scale(1, 1);
-}
 .p-radiobutton:not(.p-radiobutton-disabled):hover {
   box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
 }
@@ -4471,6 +4489,13 @@
   box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #1e1e1e;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #1e1e1e;
+}
+
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
 }
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index f3151b0f5..383a2c68f 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -375,6 +375,19 @@
   border-color: #B00020;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f5f5f5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #ececec;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #673AB7;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #673AB7;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.375rem 0.75rem;
 }
@@ -953,9 +966,10 @@
   border-color: #673AB7;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 10px;
+  height: 10px;
   transition-duration: 0.2s;
-  color: #673AB7;
+  background-color: #673AB7;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #673AB7;
@@ -970,6 +984,19 @@
   border-color: #B00020;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f5f5f5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #ececec;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #ffffff;
+}
+
 .p-rating .p-rating-icon {
   color: #673AB7;
   margin-left: 0.5rem;
@@ -1196,7 +1223,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.25rem;
@@ -4410,6 +4437,13 @@
   box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #ffffff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #ffffff;
+}
+
 @keyframes checkbox-check {
   0% {
     width: 0;
@@ -4439,25 +4473,9 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   border: 2px solid #757575;
 }
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  transition: transform 0.2s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
-  display: none;
-}
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #673AB7;
 }
-.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  background-color: #673AB7;
-  transform: translateZ(0) scale(1, 1);
-}
 .p-radiobutton:not(.p-radiobutton-disabled):hover {
   box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
 }
@@ -4471,6 +4489,13 @@
   box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #ffffff;
+}
+
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
 }
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index cdc029499..9d5ef52c3 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -375,6 +375,19 @@
   border-color: #B00020;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f5f5f5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #ececec;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #3F51B5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #3F51B5;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.375rem 0.75rem;
 }
@@ -953,9 +966,10 @@
   border-color: #3F51B5;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 10px;
+  height: 10px;
   transition-duration: 0.2s;
-  color: #3F51B5;
+  background-color: #3F51B5;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #3F51B5;
@@ -970,6 +984,19 @@
   border-color: #B00020;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f5f5f5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #ececec;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #ffffff;
+}
+
 .p-rating .p-rating-icon {
   color: #3F51B5;
   margin-left: 0.5rem;
@@ -1196,7 +1223,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.25rem;
@@ -4410,6 +4437,13 @@
   box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #ffffff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #ffffff;
+}
+
 @keyframes checkbox-check {
   0% {
     width: 0;
@@ -4439,25 +4473,9 @@
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   border: 2px solid #757575;
 }
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  transition: transform 0.2s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
-  display: none;
-}
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
   border-color: #3F51B5;
 }
-.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  background-color: #3F51B5;
-  transform: translateZ(0) scale(1, 1);
-}
 .p-radiobutton:not(.p-radiobutton-disabled):hover {
   box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
 }
@@ -4471,6 +4489,13 @@
   box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #ffffff;
+}
+
 .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
   box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
 }
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index 5c56c79e1..d5dd9d5da 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -351,6 +351,19 @@
   border-color: #a80000;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #007ad9;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #005b9f;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.2145rem 0.429rem;
 }
@@ -929,9 +942,10 @@
   border-color: #007ad9;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #007ad9;
@@ -946,6 +960,19 @@
   border-color: #a80000;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #005b9f;
+}
+
 .p-rating .p-rating-icon {
   color: #333333;
   margin-left: 0.5rem;
@@ -1172,7 +1199,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index c026c96a4..bb051ec7e 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -351,6 +351,19 @@
   border-color: #a80000;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #007ad9;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #005b9f;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -933,9 +946,10 @@
   border-color: #007ad9;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #007ad9;
@@ -950,6 +964,19 @@
   border-color: #a80000;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #005b9f;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 5d0770c77..1a010608a 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -351,6 +351,19 @@
   border-color: #a80000;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #41b883;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #246749;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -933,9 +946,10 @@
   border-color: #41b883;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #41b883;
@@ -950,6 +964,19 @@
   border-color: #a80000;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #41b883;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #246749;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 657b75f2e..f1ded05cb 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -351,6 +351,19 @@
   border-color: #a80000;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #007ad9;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #005b9f;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -933,9 +946,10 @@
   border-color: #007ad9;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #007ad9;
@@ -950,6 +964,19 @@
   border-color: #a80000;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #005b9f;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 396d372b9..05a7d5496 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -351,6 +351,19 @@
   border-color: e7a3a3;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #7B95A3;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #617c8a;
+}
+
 .p-chips .p-chips-multiple-container {
   padding: 0.2145rem 0.429rem;
 }
@@ -929,9 +942,10 @@
   border-color: #7B95A3;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #7B95A3;
@@ -946,6 +960,19 @@
   border-color: e7a3a3;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #7B95A3;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #617c8a;
+}
+
 .p-rating .p-rating-icon {
   color: #666666;
   margin-left: 0.5rem;
@@ -1172,7 +1199,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 738b34160..4dd92c094 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 :root {
   --surface-a: #ffffff;
-  --surface-b: #fdfdfd;
+  --surface-b:#f8f9fa;
   --surface-c: #e9ecef;
   --surface-d: #dee2e6;
   --surface-e: #ffffff;
@@ -351,6 +351,19 @@
   border-color: #f44336;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #2196F3;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #1976D2;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -933,9 +946,10 @@
   border-color: #2196F3;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #2196F3;
@@ -950,6 +964,19 @@
   border-color: #f44336;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #2196F3;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #1976D2;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 570689897..97e002230 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 :root {
   --surface-a: #ffffff;
-  --surface-b: #fdfdfd;
+  --surface-b:#f8f9fa;
   --surface-c: #e9ecef;
   --surface-d: #dee2e6;
   --surface-e: #ffffff;
@@ -351,6 +351,19 @@
   border-color: #f44336;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #4CAF50;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #388E3C;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -933,9 +946,10 @@
   border-color: #4CAF50;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #4CAF50;
@@ -950,6 +964,19 @@
   border-color: #f44336;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #4CAF50;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #388E3C;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index df50f30f3..bef1b461c 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 :root {
   --surface-a: #ffffff;
-  --surface-b: #fdfdfd;
+  --surface-b:#f8f9fa;
   --surface-c: #e9ecef;
   --surface-d: #dee2e6;
   --surface-e: #ffffff;
@@ -351,6 +351,19 @@
   border-color: #f44336;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #FFC107;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #FFA000;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -933,9 +946,10 @@
   border-color: #FFC107;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #FFC107;
@@ -950,6 +964,19 @@
   border-color: #f44336;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #FFC107;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #FFA000;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1180,7 +1207,7 @@
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 0905a1c9d..94e7d8902 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -9,6 +9,7 @@
   --text-color-secondary: rgba(255, 255, 255, 0.6);
   --primary-color: #64B5F6;
   --primary-color-text: #212529;
+  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
 }
 
 * {
@@ -350,6 +351,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #64B5F6;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #2196F3;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -932,9 +946,10 @@
   border-color: #64B5F6;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #64B5F6;
@@ -949,6 +964,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #64B5F6;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #2196F3;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1179,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 7ece48c00..b3be360d0 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -9,6 +9,7 @@
   --text-color-secondary: rgba(255, 255, 255, 0.6);
   --primary-color: #81C784;
   --primary-color-text: #212529;
+  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
 }
 
 * {
@@ -350,6 +351,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #81C784;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #4CAF50;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -932,9 +946,10 @@
   border-color: #81C784;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #81C784;
@@ -949,6 +964,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #81C784;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #4CAF50;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1179,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 65f95c519..cae181923 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -9,6 +9,7 @@
   --text-color-secondary: rgba(255, 255, 255, 0.6);
   --primary-color: #FFD54F;
   --primary-color-text: #212529;
+  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
 }
 
 * {
@@ -350,6 +351,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #FFD54F;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #FFC107;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #212529;
 }
@@ -932,9 +946,10 @@
   border-color: #FFD54F;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #212529;
+  background-color: #212529;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #FFD54F;
@@ -949,6 +964,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #FFD54F;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #FFC107;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #212529;
 }
@@ -1179,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index c08747f2c..1ce8ec64b 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -9,6 +9,7 @@
   --text-color-secondary: rgba(255, 255, 255, 0.6);
   --primary-color: #BA68C8;
   --primary-color-text: #ffffff;
+  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
 }
 
 * {
@@ -350,6 +351,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: #BA68C8;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  background: #9C27B0;
+}
+
 .p-highlight .p-checkbox .p-checkbox-box {
   border-color: #ffffff;
 }
@@ -932,9 +946,10 @@
   border-color: #BA68C8;
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  font-size: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
   transition-duration: 0.2s;
-  color: #ffffff;
+  background-color: #ffffff;
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: #BA68C8;
@@ -949,6 +964,19 @@
   border-color: #ef9a9a;
 }
 
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: #BA68C8;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: #9C27B0;
+}
+
 .p-highlight .p-radiobutton .p-radiobutton-box {
   border-color: #ffffff;
 }
@@ -1179,7 +1207,7 @@
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .p-button.p-button-rounded {
-  border-radius: 1rem;
+  border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
   width: 2.357rem;