Monorepo for Tangled
tangled.org
1export const COLORS = {
2 text: "#000000",
3 textSecondary: "#7D7D7D",
4 icon: "#404040",
5 status: {
6 open: { bg: "#16A34A", text: "#ffffff" },
7 closed: { bg: "#1f2937", text: "#ffffff" },
8 merged: { bg: "#7C3AED", text: "#ffffff" },
9 },
10 label: {
11 text: "#202020",
12 border: "#E6E6E6",
13 },
14 diff: {
15 additions: { bg: "#dcfce7", text: "#15803d" },
16 deletions: { bg: "#fee2e2", text: "#b91c1c" },
17 },
18} as const;
19
20export const TYPOGRAPHY = {
21 title: { fontFamily: "Inter", fontSize: 64, fontWeight: 600 },
22 repoName: { fontFamily: "Inter", fontSize: 144, fontWeight: 600 },
23 ownerHandle: { fontFamily: "Inter", fontSize: 48, fontWeight: 500 },
24 cardHeader: { fontFamily: "Inter", fontSize: 48, fontWeight: 500 },
25 status: { fontFamily: "Inter", fontSize: 48, fontWeight: 500 },
26 metricValue: { fontFamily: "Inter", fontSize: 48, fontWeight: 500 },
27 body: { fontFamily: "Inter", fontSize: 36, fontWeight: 400 },
28 meta: { fontFamily: "Inter", fontSize: 32, fontWeight: 400 },
29 label: { fontFamily: "Inter", fontSize: 24, fontWeight: 400 },
30} as const;