-
Notifications
You must be signed in to change notification settings - Fork 10
/
color.ts
79 lines (75 loc) · 1.37 KB
/
color.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
export type Color = {
40?: `#${string}`;
50?: `#${string}`;
100: `#${string}`;
200: `#${string}`;
300: `#${string}`;
400: `#${string}`;
500: `#${string}`;
600: `#${string}`;
700: `#${string}`;
800: `#${string}`;
900: `#${string}`;
1000?: `#${string}`;
};
export const colors = {
red: {
100: "#FFE2E5",
200: "#FFBAC3",
300: "#F96979",
400: "#F34468",
500: "#EB0A4E",
600: "#CA0755",
700: "#A90556",
800: "#880352",
900: "#70014E",
},
blue: {
40: "#F4F8FA",
50: "#F2F9FC",
100: "#CDF0FE",
200: "#9CDDFD",
300: "#6AC3FB",
400: "#46AAF8",
500: "#0B82F4",
600: "#0864D1",
700: "#054BAF",
800: "#03348D",
900: "#022575",
},
yellow: {
100: "#FEFACF",
200: "#FEF4A0",
300: "#FEED71",
400: "#FDE54E",
500: "#FCD914",
600: "#D8B70E",
700: "#B5960A",
800: "#927606",
900: "#785F03",
},
green: {
100: "#ECFCD3",
200: "#D6F9A9",
300: "#B4ED7B",
400: "#92DB57",
500: "#63C427",
600: "#49A81C",
700: "#338D13",
800: "#20710C",
900: "#135E07",
},
basic: {
50: "#FDFEFF",
100: "#F5F7F8",
200: "#E2E8EA",
300: "#D1D5DA",
400: "#B3BAC1",
500: "#959FA9",
600: "#778490",
700: "#596978",
800: "#1F3449",
900: "#041C33",
1000: "#001326",
},
} satisfies Record<string, Color>;