sass/custom.sass

@@ -16,6 +16,10 @@ $spacer: 16px // Sizes are pxs to not clash with root em that might vary
 
   --box-text-color: var(--color-text)
 
+  --input-color-bg: white
+  --input-color-bg-hover: var(--input-color-bg)
+  --input-color-one-time-donate: var(--color-accent)
+
   /* Grid */
   --spacer: 16px
 
@@ -59,6 +63,9 @@ $spacer: 16px // Sizes are pxs to not clash with root em that might vary
   &.is-dark-mode
     +theme-dark
 
+    --input-color-bg: var(--btn-color-bg)
+    --input-color-one-time-donate: white
+
   &.smaller
     // TODO: check spacer value
     --spacer: #{$spacer * 0.8}
@@ -115,7 +122,7 @@ h2
 input
   // Reassign custom properties within scope
   --border-width: 2px
-  --input-color-bg: white
+
   --input-color-bg-hover: var(--input-color-bg)
 
   background-color: var(--input-color-bg)
@@ -245,10 +252,10 @@ input
 
 .form-control
   &.input-one-time-donate
-    color: var(--color-accent)
+    color: var(--input-color-one-time-donate)
 
     &:focus
-      color: var(--color-accent)
+      color: var(--input-color-one-time-donate)
 
 select
   &.form-control