Better color scheme
This commit is contained in:
		
							parent
							
								
									1d5afd5efe
								
							
						
					
					
						commit
						96e4d2f1df
					
				
					 1 changed files with 27 additions and 11 deletions
				
			
		| 
						 | 
				
			
			@ -8,20 +8,36 @@
 | 
			
		|||
  <script>
 | 
			
		||||
    const priceColorMap = {
 | 
			
		||||
      0: "bg-lime-200",
 | 
			
		||||
      2: "bg-lime-500",
 | 
			
		||||
      4: "bg-lime-700",
 | 
			
		||||
      6: "bg-amber-400",
 | 
			
		||||
      8: "bg-amber-700",
 | 
			
		||||
      10: "bg-rose-500",
 | 
			
		||||
      12: "bg-rose-700",
 | 
			
		||||
      14: "bg-rose-950",
 | 
			
		||||
      16: "bg-fuchsia-500",
 | 
			
		||||
      18: "bg-fuchsia-800",
 | 
			
		||||
      20: "bg-fuchsia-950",
 | 
			
		||||
      1: "bg-lime-300",
 | 
			
		||||
      2: "bg-lime-400",
 | 
			
		||||
      3: "bg-lime-500",
 | 
			
		||||
      4: "bg-lime-600",
 | 
			
		||||
      5: "bg-lime-700",
 | 
			
		||||
      6: "bg-amber-200",
 | 
			
		||||
      7: "bg-amber-300",
 | 
			
		||||
      8: "bg-amber-400",
 | 
			
		||||
      9: "bg-amber-500",
 | 
			
		||||
      10: "bg-amber-600",
 | 
			
		||||
      11: "bg-amber-700",
 | 
			
		||||
      12: "bg-orange-300",
 | 
			
		||||
      13: "bg-orange-400",
 | 
			
		||||
      14: "bg-orange-500",
 | 
			
		||||
      15: "bg-orange-600",
 | 
			
		||||
      16: "bg-rose-400",
 | 
			
		||||
      17: "bg-rose-500",
 | 
			
		||||
      18: "bg-rose-600",
 | 
			
		||||
      19: "bg-rose-700",
 | 
			
		||||
      20: "bg-rose-800",
 | 
			
		||||
      21: "bg-fuchsia-500",
 | 
			
		||||
      22: "bg-fuchsia-700",
 | 
			
		||||
      23: "bg-fuchsia-800",
 | 
			
		||||
      24: "bg-fuchsia-950",
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    function getBgColor(value) {
 | 
			
		||||
      return priceColorMap[Math.floor(value / 2) * 2];
 | 
			
		||||
      // Clamp value between 0 and 24, round down
 | 
			
		||||
      let v = Math.max(0, Math.min(24, Math.floor(value)));
 | 
			
		||||
      return priceColorMap[v] || "";
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    function formatDate(date) {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in a new issue