diff --git a/src/registrar/assets/sass/_theme/_forms.scss b/src/registrar/assets/sass/_theme/_forms.scss index 84ba8e2cc..675d3526d 100644 --- a/src/registrar/assets/sass/_theme/_forms.scss +++ b/src/registrar/assets/sass/_theme/_forms.scss @@ -40,7 +40,16 @@ legend.float-left-tablet + button.float-right-tablet { } // Custom style for disabled inputs -.usa-input:disabled, .usa-select:disabled, .usa-textarea:disabled { - background-color: var(--body-fg); - color: var(--close-button-hover-bg); +@media (prefers-color-scheme: light) { + .usa-input:disabled, .usa-select:disabled, .usa-textarea:disabled { + background-color: var(--body-fg); + color: var(--close-button-hover-bg); + } } + +@media (prefers-color-scheme: dark) { + .usa-input:disabled, .usa-select:disabled, .usa-textarea:disabled { + background-color: var(--body-fg); + color: var(--close-button-hover-bg); + } +} \ No newline at end of file