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