diff --git a/src/public/stylesheets/theme-next-dark.css b/src/public/stylesheets/theme-next-dark.css
index e2813cd12..364dd9cb7 100644
--- a/src/public/stylesheets/theme-next-dark.css
+++ b/src/public/stylesheets/theme-next-dark.css
@@ -46,6 +46,10 @@
     --input-action-button-color: #c6c6c6;
     --input-action-button-hover: white;
 
+    --radio-background: #ffffff30;
+    --radio-hover-background: #ffffff61;
+    --radio-indicator-color: white;
+
     --select-focus-background: #333;
     --select-focus-text-color: var(--input-text-color);
     --select-dropdown-text-color: var(--input-text-color);
diff --git a/src/public/stylesheets/theme-next-light.css b/src/public/stylesheets/theme-next-light.css
index 424be79ae..8bf38c3f1 100644
--- a/src/public/stylesheets/theme-next-light.css
+++ b/src/public/stylesheets/theme-next-light.css
@@ -46,6 +46,10 @@
     --input-action-button-color: #575757;
     --input-action-button-hover: black;
 
+    --radio-background: #0000002e;
+    --radio-hover-background: #0000004f;
+    --radio-indicator-color: black;
+
     --select-focus-background: white;
     --select-focus-text-color: var(--input-text-color);
     --select-dropdown-text-color: var(--input-text-color);
diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css
index b37e470b5..6002edd97 100644
--- a/src/public/stylesheets/theme-next/forms.css
+++ b/src/public/stylesheets/theme-next/forms.css
@@ -218,15 +218,15 @@ label:has(input[type="radio"])::after {
 
 /* The outer circle */
 label:has(input[type="radio"])::before {
-    background: lightgray;
+    background: var(--radio-background);
 }
 
 label:has(input[type="radio"]:hover)::before {
-    background: lightgray;
+    background: var(--radio-hover-background);
 }
 
 label:has(input[type="radio"]:focus-visible)::before {
-    outline: 2px solid blue;
+    outline: 2px solid var(--input-focus-outline-color);
 }   
 
 /* The inner circle */
@@ -237,7 +237,7 @@ label:has(input[type="radio"])::after {
 }
 
 label:has(input[type="radio"]:checked)::after {
-    background: black;
+    background: var(--radio-indicator-color);
     transform: scale(.5);
     transition: transform 150ms ease-in;
 }
\ No newline at end of file