Update test results bar colors to follow Jenkins design system (#10514)

Author: krisstern

core/src/main/resources/lib/test/bar.jelly

@@ -54,11 +54,11 @@ THE SOFTWARE.
             </j:if>
           </j:if>
         </div>
-        <div style="width:100%; height:1em; background-color: #729FCF; border-radius: 6px; overflow: hidden;">
+        <div style="width:100%; height:1em; background-color: var(--success-color); border-radius: 6px; overflow: hidden;">
           <!-- Failed tests part of the bar. -->
-          <div style="width:${it.failCount*100/it.totalCount}%; height: 1em; background-color: #EF2929; float: left; border-top-left-radius: 6px; border-bottom-left-radius: 6px;"></div>
+          <div style="width:${it.failCount*100/it.totalCount}%; height: 1em; background-color: var(--error-color); float: left; border-top-left-radius: 6px; border-bottom-left-radius: 6px;"></div>
           <!-- Skipped tests part of the bar. -->
-          <div style="width:${it.skipCount*100/it.totalCount}%; height: 1em; background-color: #FCE94F; float: left;"></div>
+          <div style="width:${it.skipCount*100/it.totalCount}%; height: 1em; background-color: var(--skipped-color); float: left;"></div>
         </div>
         <div align="right">
           ${%tests(it.totalCount)}

src/main/scss/abstracts/_theme.scss

@@ -22,6 +22,7 @@ $semantics: (
   "error": var(--red),
   "warning": var(--orange),
   "success": var(--green),
+  "skipped": var(--text-color-secondary),
   "destructive": var(--red),
   "build": var(--green),
   "danger": var(--red),

src/main/scss/base/_style.scss

@@ -464,24 +464,24 @@ table.fileList td.fileSize {
 
 /* ========================= test result ========================= */
 .result-passed {
-  color: #3465a4;
+  color: var(--success-color);
 }
 
 .result-skipped {
-  color: #db0;
+  color: var(--skipped-color);
 }
 
 .result-fixed {
-  color: #3465a4;
+  color: var(--success-color);
   font-weight: bold;
 }
 
 .result-failed {
-  color: #ef2929;
+  color: var(--error-color);
 }
 
 .result-regression {
-  color: #ef2929;
+  color: var(--error-color);
   font-weight: bold;
 }