👁️
update colors for stats
+29
-29
+4
-4
src/components/deck/stats/ManaCurveChart.tsx
+4
-4
src/components/deck/stats/ManaCurveChart.tsx
···
16
16
}
17
17
18
18
const COLORS = {
19
-
permanent: "#22C55E",
20
-
spell: "#3B82F6",
21
-
permanentHover: "#16A34A",
22
-
spellHover: "#2563EB",
19
+
permanent: "var(--color-cyan-500)",
20
+
spell: "var(--color-violet-500)",
21
+
permanentHover: "var(--color-cyan-600)",
22
+
spellHover: "var(--color-violet-600)",
23
23
};
24
24
25
25
export function ManaCurveChart({
+2
-2
src/components/deck/stats/SpeedPieChart.tsx
+2
-2
src/components/deck/stats/SpeedPieChart.tsx
+13
-13
src/components/deck/stats/SubtypesPieChart.tsx
+13
-13
src/components/deck/stats/SubtypesPieChart.tsx
···
9
9
}
10
10
11
11
const COLORS = [
12
-
"#22C55E",
13
-
"#3B82F6",
14
-
"#EF4444",
15
-
"#A855F7",
16
-
"#F59E0B",
17
-
"#EC4899",
18
-
"#14B8A6",
19
-
"#6366F1",
20
-
"#F97316",
21
-
"#8B5CF6",
22
-
"#06B6D4",
23
-
"#84CC16",
12
+
"var(--color-cyan-500)",
13
+
"var(--color-violet-500)",
14
+
"var(--color-amber-500)",
15
+
"var(--color-emerald-500)",
16
+
"var(--color-rose-500)",
17
+
"var(--color-sky-500)",
18
+
"var(--color-orange-500)",
19
+
"var(--color-purple-500)",
20
+
"var(--color-teal-500)",
21
+
"var(--color-pink-500)",
22
+
"var(--color-indigo-500)",
23
+
"var(--color-lime-500)",
24
24
];
25
25
26
26
function getSubtypeColor(subtype: string, index: number): string {
27
-
if (subtype === "Other") return "#9CA3AF";
27
+
if (subtype === "Other") return "var(--color-gray-400)";
28
28
return COLORS[index % COLORS.length];
29
29
}
30
30
+10
-10
src/components/deck/stats/TypesPieChart.tsx
+10
-10
src/components/deck/stats/TypesPieChart.tsx
···
9
9
}
10
10
11
11
const TYPE_COLORS: Record<string, string> = {
12
-
Creature: "#22C55E",
13
-
Instant: "#3B82F6",
14
-
Sorcery: "#EF4444",
15
-
Enchantment: "#A855F7",
16
-
Artifact: "#6B7280",
17
-
Planeswalker: "#F59E0B",
18
-
Land: "#84CC16",
19
-
Battle: "#EC4899",
20
-
Kindred: "#8B5CF6",
21
-
Other: "#9CA3AF",
12
+
Creature: "var(--color-emerald-500)",
13
+
Instant: "var(--color-cyan-500)",
14
+
Sorcery: "var(--color-amber-500)",
15
+
Enchantment: "var(--color-violet-500)",
16
+
Artifact: "var(--color-slate-500)",
17
+
Planeswalker: "var(--color-orange-500)",
18
+
Land: "var(--color-lime-500)",
19
+
Battle: "var(--color-pink-500)",
20
+
Kindred: "var(--color-purple-500)",
21
+
Other: "var(--color-gray-400)",
22
22
};
23
23
24
24
function getTypeColor(type: string): string {