diff --git a/packages/@vue/cli-ui/src/components/FileDiffView.vue b/packages/@vue/cli-ui/src/components/FileDiffView.vue
index 4dfe319184..66b92c6858 100644
--- a/packages/@vue/cli-ui/src/components/FileDiffView.vue
+++ b/packages/@vue/cli-ui/src/components/FileDiffView.vue
@@ -238,7 +238,7 @@ export default {
 
   .toolbar
     padding $padding-item
-    background $color-background-light
+    background $md-white
     h-box()
     align-items center
 
diff --git a/packages/@vue/cli-ui/src/components/FolderExplorer.vue b/packages/@vue/cli-ui/src/components/FolderExplorer.vue
index c185334843..d971dbee70 100644
--- a/packages/@vue/cli-ui/src/components/FolderExplorer.vue
+++ b/packages/@vue/cli-ui/src/components/FolderExplorer.vue
@@ -225,7 +225,7 @@ export default {
 
 .toolbar
   padding $padding-item
-  background $color-background-light
+  background $md-white
   h-box()
   align-items center