Improve label colors using css variables (#87)

JelteF · web-flow · commit c001fa15f61d · 2025-08-07T22:00:30.000+02:00
diff --git a/media/commitfest/css/commitfest.css b/media/commitfest/css/commitfest.css
@@ -110,10 +110,9 @@ nav[aria-label="breadcrumb"] .float-end {
     font-size: 0.875rem;
 }
 
-/* Override Bootstrap warning color to be less harsh */
-.badge.bg-warning {
-    background-color: #cc8500 !important; /* Muted amber/gold instead of bright yellow */
-    color: white !important;
+:root {
+    --bs-info-rgb: 0, 178, 214;
+    --bs-warning-rgb: 204, 133, 1;
 }
 
 /* Remove underlines from tag links */

Original file line number	Diff line number	Diff line change
`@@ -110,10 +110,9 @@ nav[aria-label="breadcrumb"] .float-end {`
`110`	`110`	`font-size: 0.875rem;`
`111`	`111`	`}`
`112`	`112`
`113`		`-/* Override Bootstrap warning color to be less harsh */`
`114`		`-.badge.bg-warning {`
`115`		`- background-color: #cc8500 !important; /* Muted amber/gold instead of bright yellow */`
`116`		`- color: white !important;`
	`113`	`+:root {`
	`114`	`+ --bs-info-rgb: 0, 178, 214;`
	`115`	`+ --bs-warning-rgb: 204, 133, 1;`
`117`	`116`	`}`
`118`	`117`
`119`	`118`	`/* Remove underlines from tag links */`