Merge pull request #8170 from krauselukas/background_buildstatus

Add a background to build states which are still in flux

Author: hennevogel

src/api/app/assets/stylesheets/webui2/build-results.scss

@@ -23,31 +23,46 @@
 }
 
 .build-state-building {
-  color: $blue;
+  @extend .text-white;
+  @extend .px-1;
+  background-color: $blue;
 }
 
 .build-state-scheduled {
-  color: $cyan;
+  @extend .text-white;
+  @extend .px-1;
+  background-color: $cyan;
 }
 
 .build-state-signing, .build-state-finished {
-  color: $dark;
+  color: black;
+  @extend .px-1;
+  background-color: $yellow;
 }
 
 .build-state-unresolvable, .build-state-broken, .build-state-failed {
   color: $red;
 }
 
 .build-state-disabled {
-  @extend .text-black-50;
+  @extend .text-white;
+  @extend .px-1;
+  background-color: $gray-600;
 }
+
 .build-state-blocked {
   @extend .text-white;
-  @extend .bg-secondary;
   @extend .px-1;
+  background-color: $gray-600;
+}
+
+.build-state-scheduled-warning {
+  @extend .text-white;
+  @extend .px-1;
+  background-color: $orange;
 }
 
-.build-state-scheduled-warning, .build-state-unknown {
+.build-state-unknown {
   color: $orange;
 }