Better scoreboard score color gradient

fushar · veluca93 · commit f319367c3bb7 · 2025-06-08T18:40:18.000+02:00
diff --git a/cmsranking/static/Ranking.css b/cmsranking/static/Ranking.css
@@ -813,63 +813,51 @@ abbr {
 }
 
 .score_0 {
-    background-color: #ffffff;
-    /*background-image: linear-gradient(rgb(204, 0, 0), rgb(244, 0, 0));*/
+    color: #666;
 }
 
 .score_0_10 {
-    background-color: #ecf4e4;
-    /*background-image: linear-gradient(rgb(210, 38, 0), rgb(235, 29, 0));*/
+    background-color: hsl(120, 30%, 87%);
 }
 
 .score_10_20 {
-    background-color: #e5f0da;
-    /*background-image: linear-gradient(rgb(216, 77, 0), rgb(226, 58, 0));*/
+    background-color: hsl(120, 30%, 84%);
 }
 
 .score_20_30 {
-    background-color: #cfe4bc;
-    /*background-image: linear-gradient(rgb(222, 115, 0), rgb(217, 87, 0));*/
+    background-color: hsl(120, 30%, 81%);
 }
 
 .score_30_40 {
-    background-color: #c3ddaa;
-    /*background-image: linear-gradient(rgb(228, 154, 0), rgb(209, 116, 0));*/
+    background-color: hsl(120, 30%, 78%);
 }
 
 .score_40_50 {
-    background-color: #daeacb;
-    /*background-image: linear-gradient(rgb(234, 192, 0), rgb(200, 145, 0));*/
+    background-color: hsl(120, 30%, 75%);
 }
 
 .score_50_60 {
-    background-color: #b5d596;
-    /*background-image: linear-gradient(rgb(225, 211, 2), rgb(185, 159, 0));*/
+    background-color: hsl(120, 30%, 72%);
 }
 
 .score_60_70 {
-    background-color: #a7cd82;
-    /*background-image: linear-gradient(rgb(203, 211, 6), rgb(163, 158, 1));*/
+    background-color: hsl(120, 30%, 69%);
 }
 
 .score_70_80 {
-    background-color: #7ab444;
-    /*background-image: linear-gradient(rgb(181, 211, 10), rgb(142, 157, 2));*/
+    background-color: hsl(120, 30%, 66%);
 }
 
 .score_80_90 {
-    background-color: #8cbe5d;
-    /*background-image: linear-gradient(rgb(159, 210, 14), rgb(120, 156, 3));*/
+    background-color: hsl(120, 30%, 63%);
 }
 
 .score_90_100 {
-    background-color: #68aa2b;
-    /*background-image: linear-gradient(rgb(137, 210, 18), rgb(99, 155, 4));*/
+    background-color: hsl(120, 30%, 60%);
 }
 
 .score_100 {
-    background-color: #4e9a05;
-    /*background-image: linear-gradient(rgb(115, 210, 22), rgb(78, 154, 5));*/
+    background-color: hsl(120, 30%, 55%);
 }
 
 

Original file line number	Diff line number	Diff line change
`@@ -813,63 +813,51 @@ abbr {`
`813`	`813`	`}`
`814`	`814`
`815`	`815`	`.score_0 {`
`816`		`- background-color: #ffffff;`
`817`		`- /background-image: linear-gradient(rgb(204, 0, 0), rgb(244, 0, 0));/`
	`816`	`+ color: #666;`
`818`	`817`	`}`
`819`	`818`
`820`	`819`	`.score_0_10 {`
`821`		`- background-color: #ecf4e4;`
`822`		`- /background-image: linear-gradient(rgb(210, 38, 0), rgb(235, 29, 0));/`
	`820`	`+ background-color: hsl(120, 30%, 87%);`
`823`	`821`	`}`
`824`	`822`
`825`	`823`	`.score_10_20 {`
`826`		`- background-color: #e5f0da;`
`827`		`- /background-image: linear-gradient(rgb(216, 77, 0), rgb(226, 58, 0));/`
	`824`	`+ background-color: hsl(120, 30%, 84%);`
`828`	`825`	`}`
`829`	`826`
`830`	`827`	`.score_20_30 {`
`831`		`- background-color: #cfe4bc;`
`832`		`- /background-image: linear-gradient(rgb(222, 115, 0), rgb(217, 87, 0));/`
	`828`	`+ background-color: hsl(120, 30%, 81%);`
`833`	`829`	`}`
`834`	`830`
`835`	`831`	`.score_30_40 {`
`836`		`- background-color: #c3ddaa;`
`837`		`- /background-image: linear-gradient(rgb(228, 154, 0), rgb(209, 116, 0));/`
	`832`	`+ background-color: hsl(120, 30%, 78%);`
`838`	`833`	`}`
`839`	`834`
`840`	`835`	`.score_40_50 {`
`841`		`- background-color: #daeacb;`
`842`		`- /background-image: linear-gradient(rgb(234, 192, 0), rgb(200, 145, 0));/`
	`836`	`+ background-color: hsl(120, 30%, 75%);`
`843`	`837`	`}`
`844`	`838`
`845`	`839`	`.score_50_60 {`
`846`		`- background-color: #b5d596;`
`847`		`- /background-image: linear-gradient(rgb(225, 211, 2), rgb(185, 159, 0));/`
	`840`	`+ background-color: hsl(120, 30%, 72%);`
`848`	`841`	`}`
`849`	`842`
`850`	`843`	`.score_60_70 {`
`851`		`- background-color: #a7cd82;`
`852`		`- /background-image: linear-gradient(rgb(203, 211, 6), rgb(163, 158, 1));/`
	`844`	`+ background-color: hsl(120, 30%, 69%);`
`853`	`845`	`}`
`854`	`846`
`855`	`847`	`.score_70_80 {`
`856`		`- background-color: #7ab444;`
`857`		`- /background-image: linear-gradient(rgb(181, 211, 10), rgb(142, 157, 2));/`
	`848`	`+ background-color: hsl(120, 30%, 66%);`
`858`	`849`	`}`
`859`	`850`
`860`	`851`	`.score_80_90 {`
`861`		`- background-color: #8cbe5d;`
`862`		`- /background-image: linear-gradient(rgb(159, 210, 14), rgb(120, 156, 3));/`
	`852`	`+ background-color: hsl(120, 30%, 63%);`
`863`	`853`	`}`
`864`	`854`
`865`	`855`	`.score_90_100 {`
`866`		`- background-color: #68aa2b;`
`867`		`- /background-image: linear-gradient(rgb(137, 210, 18), rgb(99, 155, 4));/`
	`856`	`+ background-color: hsl(120, 30%, 60%);`
`868`	`857`	`}`
`869`	`858`
`870`	`859`	`.score_100 {`
`871`		`- background-color: #4e9a05;`
`872`		`- /background-image: linear-gradient(rgb(115, 210, 22), rgb(78, 154, 5));/`
	`860`	`+ background-color: hsl(120, 30%, 55%);`
`873`	`861`	`}`
`874`	`862`
`875`	`863`