root
/
jenkins
mirror of https://github.com/jenkinsci/jenkins.git
1
0
Fork 0
Code Issues Actions 6 Packages Projects Releases Wiki Activity

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

This commit is contained in:
Kris Stern 2025-04-15 16:41:41 +08:00 committed by GitHub
parent d331788b36 b28b9ca7df
commit 0e307962f3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/main/resources/lib/test/bar.jelly
View File

@ -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)}

1
src/main/scss/abstracts/_theme.scss
View File

@ -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),

10
src/main/scss/base/_style.scss
View File

@ -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;
}