From 2ea0a9bba9880d50b9a898dd148cbe66b694e52d Mon Sep 17 00:00:00 2001
From: ysds <ysds.code@gmail.com>
Date: Fri, 11 May 2018 13:35:28 +0900
Subject: [PATCH] Add disabled bg color to disabled custom file

---
 scss/_custom-forms.scss | 4 ++++
 scss/_variables.scss    | 1 +
 2 files changed, 5 insertions(+)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index de592a3ddc..5b75fcbf90 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -257,6 +257,10 @@
     }
   }
 
+  &:disabled ~ .custom-file-label {
+    background-color: $custom-file-disabled-bg;
+  }
+
   @each $lang, $value in $custom-file-text {
     &:lang(#{$lang}) ~ .custom-file-label::after {
       content: $value;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index be578ad8d2..a3b2eb0494 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -531,6 +531,7 @@ $custom-file-height:                $input-height !default;
 $custom-file-height-inner:          $input-height-inner !default;
 $custom-file-focus-border-color:    $input-focus-border-color !default;
 $custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;
+$custom-file-disabled-bg:           $input-disabled-bg !default;
 
 $custom-file-padding-y:             $input-btn-padding-y !default;
 $custom-file-padding-x:             $input-btn-padding-x !default;
-- 
2.47.2