Make sure ci status colors are same and respected on most pages

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/stylesheets/pages/status.scss

-.ci-status {
+body .content {
+  .ci-status {
     padding: 2px 7px;
     margin-right: 5px;
     border: 1px solid #eee;
@@ -24,6 +25,8 @@
       border-color: $gl-info;
     }
 
+    &.ci-canceled,
+    &.ci-skipped,
     &.ci-disabled {
       color: $gl-gray;
       border-color: $gl-gray;
@@ -34,21 +37,22 @@
       color: $gl-warning;
       border-color: $gl-warning;
     }
-}
+  }
 
-.ci-status-icon-success {
-  color: $gl-text-green !important;
-}
-.ci-status-icon-failed {
-  color: $gl-text-red !important;
-}
-.ci-status-icon-running,
-.ci-status-icon-pending {
-  color: $gl-text-orange !important;
-}
-.ci-status-icon-canceled,
-.ci-status-icon-disabled,
-.ci-status-icon-not-found,
-.ci-status-icon-skipped {
-  color: $gl-gray !important;
+  .ci-status-icon-success {
+    color: $gl-success;
+  }
+  .ci-status-icon-failed {
+    color: $gl-danger;
+  }
+  .ci-status-icon-running,
+  .ci-status-icon-pending {
+    color: $gl-warning;
+  }
+  .ci-status-icon-canceled,
+  .ci-status-icon-disabled,
+  .ci-status-icon-not-found,
+  .ci-status-icon-skipped {
+    color: $gl-gray;
+  }
 }