cx/PricePower
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Better color scheme

Browse source
This commit is contained in:
Adam Štrauch 2025-09-15 14:47:17 +02:00
parent 1d5afd5efe
commit 96e4d2f1df
Signed by: cx
GPG key ID: 7262DAFE292BCE20
1 changed files with 27 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
calculator/index.html
View file

@ -8,20 +8,36 @@
<script> <script>
const priceColorMap = { const priceColorMap = {
0: "bg-lime-200", 0: "bg-lime-200",
2: "bg-lime-500", 1: "bg-lime-300",
4: "bg-lime-700", 2: "bg-lime-400",
6: "bg-amber-400", 3: "bg-lime-500",
8: "bg-amber-700", 4: "bg-lime-600",
10: "bg-rose-500", 5: "bg-lime-700",
12: "bg-rose-700", 6: "bg-amber-200",
14: "bg-rose-950", 7: "bg-amber-300",
16: "bg-fuchsia-500", 8: "bg-amber-400",
18: "bg-fuchsia-800", 9: "bg-amber-500",
20: "bg-fuchsia-950", 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) { 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) { function formatDate(date) {