diff --git a/public/css/icinga/controls.less b/public/css/icinga/controls.less
index 1a500912b..aaaec2998 100644
--- a/public/css/icinga/controls.less
+++ b/public/css/icinga/controls.less
@@ -121,7 +121,7 @@ input.search {
     }
 
     &.disabled {
-      color: @disabled-gray;
+      .var(color, disabled-gray);
       cursor: no-drop;
     }
 
diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less
index d489ad78f..e98cdffc8 100644
--- a/public/css/icinga/forms.less
+++ b/public/css/icinga/forms.less
@@ -405,7 +405,7 @@ form.inline {
 }
 
 form.icinga-form .control-group.disabled .control-label-group {
-  color: @disabled-gray;
+  .var(color, disabled-gray);
 }
 
 .icinga-controls {
@@ -490,13 +490,13 @@ form.icinga-form .form-info {
 
 .icinga-controls {
   input::placeholder {
-    color: @disabled-gray;
+    .var(color, disabled-gray);
     font-style: italic;
     opacity: 1;
   }
 
   input:-ms-input-placeholder {
-    color: @disabled-gray;
+    .var(color, disabled-gray);
     font-style: italic;
     opacity: 1;
   }