diff --git a/packages/frontend/src/components/MkSignupDialog.form.vue b/packages/frontend/src/components/MkSignupDialog.form.vue
index 14cb91c85c..626804dcce 100644
--- a/packages/frontend/src/components/MkSignupDialog.form.vue
+++ b/packages/frontend/src/components/MkSignupDialog.form.vue
@@ -366,15 +366,16 @@ async function onSubmit(): Promise<void> {
     -webkit-animation: AnimationDark 44s cubic-bezier(0, 0.2, 0.90, 1) infinite;
     -moz-animation: AnimationDark 44s cubic-bezier(0, 0.2, 0.90, 1) infinite;
     animation: AnimationDark 44s cubic-bezier(0, 0.2, 0.90, 1) infinite;
+    color: var(--navFg);
   }
 
   &.gamingLight {
     background: linear-gradient(270deg, #c06161, #c0a567, #b6ba69, #81bc72, #63c3be, #8bacd6, #9f8bd6, #d18bd6, #d883b4);
     background-size: 1800% 1800%;
-
     -webkit-animation: AnimationLight cubic-bezier(0, 0.2, 0.90, 1) infinite;
     -moz-animation: AnimationLight cubic-bezier(0, 0.2, 0.90, 1) infinite;
     animation: AnimationLight cubic-bezier(0, 0.2, 0.90, 1) infinite;
+    color: var(--navFg);
   }
 
 }
diff --git a/packages/frontend/src/components/MkSignupDialog.rules.vue b/packages/frontend/src/components/MkSignupDialog.rules.vue
index b4633f419d..86a8bdc4e8 100644
--- a/packages/frontend/src/components/MkSignupDialog.rules.vue
+++ b/packages/frontend/src/components/MkSignupDialog.rules.vue
@@ -174,15 +174,16 @@ async function updateAgreeNote(v: boolean) {
     -webkit-animation: AnimationDark 44s cubic-bezier(0, 0.2, 0.90, 1) infinite;
     -moz-animation: AnimationDark 44s cubic-bezier(0, 0.2, 0.90, 1) infinite;
     animation: AnimationDark 44s cubic-bezier(0, 0.2, 0.90, 1) infinite;
+    color: var(--navFg);
   }
 
   &.gamingLight {
     background: linear-gradient(270deg, #c06161, #c0a567, #b6ba69, #81bc72, #63c3be, #8bacd6, #9f8bd6, #d18bd6, #d883b4);
     background-size: 1800% 1800%;
-
     -webkit-animation: AnimationLight cubic-bezier(0, 0.2, 0.90, 1) infinite;
     -moz-animation: AnimationLight cubic-bezier(0, 0.2, 0.90, 1) infinite;
     animation: AnimationLight cubic-bezier(0, 0.2, 0.90, 1) infinite;
+    color: var(--navFg);
   }
 
 }