diff --git a/packages/@vue/cli-ui-addon-webpack/src/components/BuildProgress.vue b/packages/@vue/cli-ui-addon-webpack/src/components/BuildProgress.vue
index e14242b4b5..6f0f39e714 100644
--- a/packages/@vue/cli-ui-addon-webpack/src/components/BuildProgress.vue
+++ b/packages/@vue/cli-ui-addon-webpack/src/components/BuildProgress.vue
@@ -119,7 +119,7 @@ export default {
     >>> .background
       stroke rgba($vue-ui-color-dark, .1)
       .vue-ui-dark-mode &
-        stroke $vue-ui-color-darker
+        stroke $vue-ui-color-dark
 
   .operations
     color $vue-ui-color-dark
@@ -167,6 +167,8 @@ export default {
       height @width
       border-radius 50%
       background rgba(black, .1)
+      .vue-ui-dark-mode &
+        background: $vue-ui-color-dark
       transition background .15s
       for n in (1..4)
         &:nth-child({n})