root
/
jenkins
mirror of https://github.com/jenkinsci/jenkins.git
1
0
Fork 0
Code Issues Actions 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>
</j:if> </j:if>
</div> </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. --> <!-- 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. --> <!-- 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>
<div align="right"> <div align="right">
${%tests(it.totalCount)} ${%tests(it.totalCount)}

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

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

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

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