UNPKG

7.02 kBtext/lessView Raw
1/*
2 * Copyright 2022 Palantir Technologies, Inc. All rights reserved.
3 */
4
5@black: #111418;
6
7@dark-gray1: #1c2127;
8@dark-gray2: #252a31;
9@dark-gray3: #2f343c;
10@dark-gray4: #383e47;
11@dark-gray5: #404854;
12
13@gray1: #5f6b7c;
14@gray2: #738091;
15@gray3: #8f99a8;
16@gray4: #abb3bf;
17@gray5: #c5cbd3;
18
19@light-gray1: #d3d8de;
20@light-gray2: #dce0e5;
21@light-gray3: #e5e8eb;
22@light-gray4: #edeff2;
23@light-gray5: #f6f7f9;
24
25@white: #fff;
26
27@blue1: #184a90;
28@blue2: #215db0;
29@blue3: #2d72d2;
30@blue4: #4c90f0;
31@blue5: #8abbff;
32
33@green1: #165a36;
34@green2: #1c6e42;
35@green3: #238551;
36@green4: #32a467;
37@green5: #72ca9b;
38
39@orange1: #77450d;
40@orange2: #935610;
41@orange3: #c87619;
42@orange4: #ec9a3c;
43@orange5: #fbb360;
44
45@red1: #8e292c;
46@red2: #ac2f33;
47@red3: #cd4246;
48@red4: #e76a6e;
49@red5: #fa999c;
50
51@vermilion1: #96290d;
52@vermilion2: #b83211;
53@vermilion3: #d33d17;
54@vermilion4: #eb6847;
55@vermilion5: #ff9980;
56
57@rose1: #a82255;
58@rose2: #c22762;
59@rose3: #db2c6f;
60@rose4: #f5498b;
61@rose5: #ff66a1;
62
63@violet1: #5c255c;
64@violet2: #7c327c;
65@violet3: #9d3f9d;
66@violet4: #bd6bbd;
67@violet5: #d69fd6;
68
69@indigo1: #5642a6;
70@indigo2: #634dbf;
71@indigo3: #7961db;
72@indigo4: #9881f3;
73@indigo5: #bdadff;
74
75@cerulean1: #1f4b99;
76@cerulean2: #2458b3;
77@cerulean3: #2965cc;
78@cerulean4: #4580e6;
79@cerulean5: #669eff;
80
81@turquoise1: #004d46;
82@turquoise2: #007067;
83@turquoise3: #00a396;
84@turquoise4: #13c9ba;
85@turquoise5: #7ae1d8;
86
87@forest1: #1d7324;
88@forest2: #238c2c;
89@forest3: #29a634;
90@forest4: #43bf4d;
91@forest5: #62d96b;
92
93@lime1: #43501b;
94@lime2: #5a701a;
95@lime3: #8eb125;
96@lime4: #b6d94c;
97@lime5: #d4f17e;
98
99@gold1: #5c4405;
100@gold2: #866103;
101@gold3: #d1980b;
102@gold4: #f0b726;
103@gold5: #fbd065;
104
105@sepia1: #5e4123;
106@sepia2: #7a542e;
107@sepia3: #946638;
108@sepia4: #af855a;
109@sepia5: #d0b090;
110@pt-intent-primary: #2d72d2;
111@pt-intent-success: #238551;
112@pt-intent-warning: #c87619;
113@pt-intent-danger: #cd4246;
114
115@pt-app-background-color: #f6f7f9;
116@pt-dark-app-background-color: #252a31;
117
118@pt-outline-color: rgba(45, 114, 210, 0.6);
119
120@pt-text-color: #1c2127;
121@pt-text-color-muted: #5f6b7c;
122@pt-text-color-disabled: rgba(95, 107, 124, 0.6);
123@pt-heading-color: #1c2127;
124@pt-link-color: #215db0;
125@pt-dark-text-color: #f6f7f9;
126@pt-dark-text-color-muted: #abb3bf;
127@pt-dark-text-color-disabled: rgba(171, 179, 191, 0.6);
128@pt-dark-heading-color: #f6f7f9;
129@pt-dark-link-color: #8abbff;
130@pt-text-selection-color: rgba(125, 188, 255, 0.6);
131
132@pt-icon-color: #5f6b7c;
133@pt-icon-color-hover: #1c2127;
134@pt-icon-color-disabled: rgba(95, 107, 124, 0.6);
135@pt-icon-color-selected: #2d72d2;
136@pt-dark-icon-color: #abb3bf;
137@pt-dark-icon-color-hover: #f6f7f9;
138@pt-dark-icon-color-disabled: rgba(171, 179, 191, 0.6);
139@pt-dark-icon-color-selected: #2d72d2;
140
141@pt-divider-black: rgba(17, 20, 24, 0.15);
142@pt-dark-divider-black: rgba(17, 20, 24, 0.4);
143@pt-dark-divider-white: rgba(255, 255, 255, 0.2);
144
145@pt-code-text-color: #5f6b7c;
146@pt-dark-code-text-color: #abb3bf;
147@pt-code-background-color: rgba(255, 255, 255, 0.7);
148@pt-dark-code-background-color: rgba(17, 20, 24, 0.3);
149@ns: bp4;
150@bp-ns: bp4;
151
152@pt-grid-size: 10px;
153
154@icons16-family: "blueprint-icons-16";
155@icons20-family: "blueprint-icons-20";
156
157@pt-icon-size-standard: 16px;
158@pt-icon-size-large: 20px;
159
160@pt-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto",
161 "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue",
162 "blueprint-icons-16", sans-serif;
163
164@pt-font-family-monospace: monospace;
165
166@pt-font-size: 14px;
167@pt-font-size-large: 16px;
168@pt-font-size-small: 12px;
169
170@pt-line-height: 1.28581;
171
172@pt-border-radius: 2px;
173
174@pt-button-height: 30px;
175@pt-button-height-small: 24px;
176@pt-button-height-smaller: 20px;
177@pt-button-height-large: 40px;
178
179@pt-input-height: 30px;
180@pt-input-height-large: 40px;
181@pt-input-height-small: 24px;
182
183@pt-navbar-height: 50px;
184
185@pt-z-index-base: 0;
186@pt-z-index-content: 10;
187@pt-z-index-overlay: 20;
188@pt-z-index-dialog-header: 30;
189
190@pt-border-shadow-opacity: 0.1;
191@pt-drop-shadow-opacity: 0.2;
192@pt-dark-border-shadow-opacity: 0.2;
193@pt-dark-drop-shadow-opacity: 0.4;
194
195@pt-elevation-shadow-0: 0 0 0 1px rgba(17, 20, 24, 0.15);
196@pt-elevation-shadow-1: 0 0 0 1px rgba(17, 20, 24, 0.1),
197 0 1px 1px rgba(17, 20, 24, 0.2);
198@pt-elevation-shadow-2: 0 0 0 1px rgba(17, 20, 24, 0.1),
199 0 1px 1px rgba(17, 20, 24, 0.2), 0 2px 6px rgba(17, 20, 24, 0.2);
200@pt-elevation-shadow-3: 0 0 0 1px rgba(17, 20, 24, 0.1),
201 0 2px 4px rgba(17, 20, 24, 0.2), 0 8px 24px rgba(17, 20, 24, 0.2);
202@pt-elevation-shadow-4: 0 0 0 1px rgba(17, 20, 24, 0.1),
203 0 4px 8px rgba(17, 20, 24, 0.2), 0 18px 46px 6px rgba(17, 20, 24, 0.2);
204
205@pt-dark-elevation-shadow-0: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
206@pt-dark-elevation-shadow-1: inset 0 0 0 1px rgba(255, 255, 255, 0.2),
207 0 1px 1px 0 rgba(17, 20, 24, 0.4);
208@pt-dark-elevation-shadow-2: inset 0 0 0 1px rgba(255, 255, 255, 0.2),
209 0 1px 1px rgba(17, 20, 24, 0.4), 0 2px 6px rgba(17, 20, 24, 0.4);
210@pt-dark-elevation-shadow-3: inset 0 0 0 1px rgba(255, 255, 255, 0.2),
211 0 2px 4px rgba(17, 20, 24, 0.4), 0 8px 24px rgba(17, 20, 24, 0.4);
212@pt-dark-elevation-shadow-4: inset 0 0 0 1px rgba(255, 255, 255, 0.2),
213 0 4px 8px rgba(17, 20, 24, 0.4), 0 18px 46px 6px rgba(17, 20, 24, 0.4);
214
215@pt-transition-ease: cubic-bezier(0.4, 1, 0.75, 0.9);
216@pt-transition-ease-bounce: cubic-bezier(0.54, 1.12, 0.38, 1.11);
217@pt-transition-duration: 100ms;
218
219@pt-input-box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2),
220 inset 0 1px 1px rgba(17, 20, 24, 0.5);
221
222@pt-dialog-box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.1),
223 0 2px 4px rgba(17, 20, 24, 0.2), 0 8px 24px rgba(17, 20, 24, 0.2);
224@pt-popover-box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.1),
225 0 2px 4px rgba(17, 20, 24, 0.2), 0 8px 24px rgba(17, 20, 24, 0.2);
226@pt-tooltip-box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.1),
227 0 2px 4px rgba(17, 20, 24, 0.2), 0 8px 24px rgba(17, 20, 24, 0.2);
228@pt-toast-box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2),
229 0 2px 4px rgba(17, 20, 24, 0.2), 0 8px 24px rgba(17, 20, 24, 0.2);
230
231@pt-dark-input-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2),
232 inset 0 -1px 1px 0 #8f99a8;
233@pt-dark-input-intent-box-shadow-colors: {
234 primary: #4c90f0;
235 success: #32a467;
236 warning: #ec9a3c;
237 danger: #e76a6e;
238};
239
240@pt-dark-dialog-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2),
241 0 2px 4px rgba(17, 20, 24, 0.4), 0 8px 24px rgba(17, 20, 24, 0.4);
242@pt-dark-popover-border-color: #5e6064;
243@pt-dark-popover-box-shadow: 0 0 0 1px #5e6064,
244 inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(17, 20, 24, 0.4),
245 0 8px 24px rgba(17, 20, 24, 0.4);
246@pt-dark-tooltip-box-shadow: 0 2px 4px rgba(17, 20, 24, 0.4),
247 0 8px 24px rgba(17, 20, 24, 0.4);
248@pt-dark-toast-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2),
249 0 2px 4px rgba(17, 20, 24, 0.4), 0 8px 24px rgba(17, 20, 24, 0.4);
250
251@pt-high-contrast-mode-border-color: buttonborder;
252@pt-high-contrast-mode-active-background-color: highlight;
253@pt-high-contrast-mode-active-text-color: highlight;
254@pt-high-contrast-mode-disabled-border-color: graytext;
255@pt-high-contrast-mode-disabled-text-color: graytext;
256@pt-high-contrast-mode-disabled-background-color: graytext;