diff --git a/web_src/js/components/DiffFileTreeItem.vue b/web_src/js/components/DiffFileTreeItem.vue
index 4f20f1e66a28..d3e377fc345c 100644
--- a/web_src/js/components/DiffFileTreeItem.vue
+++ b/web_src/js/components/DiffFileTreeItem.vue
@@ -10,7 +10,7 @@
/>
{{ item.name }}
we need to style with nth-of-type
+
+ .diff-detail-stats strong:nth-of-type(1) {
+ color: var(--color-yellow);
+ }
+
+ .diff-detail-stats strong:nth-of-type(2) {
+ color: var(--color-green);
+ }
+
+ .diff-detail-stats strong:nth-of-type(3) {
+ color: var(--color-red);
+ }
+
.diff-detail-stats {
@media (max-width: 480px) {
font-size: 0;