-
Notifications
You must be signed in to change notification settings - Fork 2
/
truss-palette.ts
85 lines (78 loc) 路 2.9 KB
/
truss-palette.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
80
81
82
83
84
85
// prettier-ignore
// Use rgba() for colors as Beam may attempt to modify opacity values in some components (e.g. ScrollShadows)
export const palette = {
// Primary Palette
White: 'rgba(255,255,255,1)',
Transparent: 'rgba(0,0,0,0)',
// Extended Palette
Gray50: 'rgba(255, 253, 253, 1)',
Gray100: 'rgba(247, 245, 245, 1)',
Gray200: 'rgba(236, 235, 235, 1)',
Gray300: 'rgba(221, 220, 220, 1)',
Gray400: 'rgba(201, 201, 201, 1)',
Gray500: 'rgba(175, 175, 175, 1)',
Gray600: 'rgba(141, 141, 141, 1)',
Gray700: 'rgba(100, 100, 100, 1)',
Gray800: 'rgba(53, 53, 53, 1)',
Gray900: 'rgba(36, 36, 36, 1)',
Blue50: 'rgba(239, 246, 255, 1)',
Blue100: 'rgba(219, 234, 254, 1)',
Blue200: 'rgba(191, 219, 254, 1)',
Blue300: 'rgba(147, 197, 253, 1)',
Blue400: 'rgba(96, 165, 250, 1)',
Blue500: 'rgba(59, 130, 246, 1)',
Blue600: 'rgba(37, 99, 235, 1)',
Blue700: 'rgba(29, 78, 216, 1)',
Blue800: 'rgba(30, 64, 175, 1)',
Blue900: 'rgba(30, 58, 138, 1)',
Red50: 'rgba(254, 242, 242, 1)',
Red100: 'rgba(254, 226, 226, 1)',
Red200: 'rgba(254, 202, 202, 1)',
Red300: 'rgba(252, 165, 165, 1)',
Red400: 'rgba(248, 113, 113, 1)',
Red500: 'rgba(239, 68, 68, 1)',
Red600: 'rgba(220, 38, 38, 1)',
Red700: 'rgba(185, 28, 28, 1)',
Red800: 'rgba(153, 27, 27, 1)',
Red900: 'rgba(127, 29, 29, 1)',
Yellow50: 'rgba(254, 252, 232, 1)',
Yellow100: 'rgba(254, 249, 195, 1)',
Yellow200: 'rgba(254, 240, 138, 1)',
Yellow300: 'rgba(253, 224, 71, 1)',
Yellow400: 'rgba(250, 204, 21, 1)',
Yellow500: 'rgba(234, 179, 8, 1)',
Yellow600: 'rgba(202, 138, 4, 1)',
Yellow700: 'rgba(161, 98, 7, 1)',
Yellow800: 'rgba(133, 77, 14, 1)',
Yellow900: 'rgba(113, 63, 18, 1)',
Green50: 'rgba(236, 253, 245, 1)',
Green100: 'rgba(209, 250, 229, 1)',
Green200: 'rgba(167, 243, 208, 1)',
Green300: 'rgba(110, 231, 183, 1)',
Green400: 'rgba(52, 211, 153, 1)',
Green500: 'rgba(16, 185, 129, 1)',
Green600: 'rgba(5, 150, 105, 1)',
Green700: 'rgba(4, 120, 87, 1)',
Green800: 'rgba(6, 95, 70, 1)',
Green900: 'rgba(6, 78, 59, 1)',
Purple50: 'rgba(245, 243, 255, 1)',
Purple100: 'rgba(237, 233, 254, 1)',
Purple200: 'rgba(221, 214, 254, 1)',
Purple300: 'rgba(196, 181, 253, 1)',
Purple400: 'rgba(167, 139, 250, 1)',
Purple500: 'rgba(139, 92, 246, 1)',
Purple600: 'rgba(124, 58, 237, 1)',
Purple700: 'rgba(109, 40, 217, 1)',
Purple800: 'rgba(91, 33, 182, 1)',
Purple900: 'rgba(76, 29, 149, 1)',
Orange50: 'rgba(255, 247, 237, 1)',
Orange100: 'rgba(255, 237, 213, 1)',
Orange200: 'rgba(254, 215, 170, 1)',
Orange300: 'rgba(253, 186, 116, 1)',
Orange400: 'rgba(251, 146, 60, 1)',
Orange500: 'rgba(249, 115, 22, 1)',
Orange600: 'rgba(234, 88, 12, 1)',
Orange700: 'rgba(194, 65, 12, 1)',
Orange800: 'rgba(154, 52, 18, 1)',
Orange900: 'rgba(124, 45, 18, 1)',
};