Better scoreboard score color gradient

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