From cf5080b64a57d3a93abf3ae53fef6c7ded7cf820 Mon Sep 17 00:00:00 2001
From: SilviaAmAm <silvia@maykinmedia.nl>
Date: Mon, 17 Oct 2022 16:00:37 +0200
Subject: [PATCH] :construction: TMP trying to fix input colour

---
 src/openforms/scss/admin/_admin_theme.scss            | 1 +
 src/openforms/scss/components/form/_form-control.scss | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/openforms/scss/admin/_admin_theme.scss b/src/openforms/scss/admin/_admin_theme.scss
index ab584af493..ae21a0e119 100644
--- a/src/openforms/scss/admin/_admin_theme.scss
+++ b/src/openforms/scss/admin/_admin_theme.scss
@@ -44,6 +44,7 @@ DO NOT PUT ANY TARGET APP-SPECIFIC RULES HERE.
 
   // custom variables
   --form-input-bg: var(--body-bg);
+  --form-input-bg-disabled: $color_dark_light;
   --react-tab-border-color: #{$color-secondary-dark};
   --list-item-active-bg: #{$color-secondary};
   --list-item-active-fg: var(--primary);
diff --git a/src/openforms/scss/components/form/_form-control.scss b/src/openforms/scss/components/form/_form-control.scss
index 14c481a1d3..90e30546d0 100644
--- a/src/openforms/scss/components/form/_form-control.scss
+++ b/src/openforms/scss/components/form/_form-control.scss
@@ -41,4 +41,8 @@
   .body {
     display: block;
   }
+
+  &:disabled {
+    background-color: var(--form-input-bg-disabled) !important;
+  }
 }