1 |
|
2 |
|
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: #ffffff;
|
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: #0c5174;
|
76 | @cerulean2: #0f6894;
|
77 | @cerulean3: #147eb3;
|
78 | @cerulean4: #3fa6da;
|
79 | @cerulean5: #68c1ee;
|
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-app-secondary-background-color: #ffffff;
|
119 | @pt-dark-app-secondary-background-color: #1c2127;
|
120 |
|
121 | @pt-app-elevated-background-color: #edeff2;
|
122 | @pt-dark-app-elevated-background-color: #2f343c;
|
123 |
|
124 | @pt-outline-color: rgba(45, 114, 210, 0.6);
|
125 |
|
126 | @pt-text-color: #1c2127;
|
127 | @pt-text-color-muted: #5f6b7c;
|
128 | @pt-text-color-disabled: rgba(95, 107, 124, 0.6);
|
129 | @pt-heading-color: #1c2127;
|
130 | @pt-link-color: #215db0;
|
131 | @pt-dark-text-color: #f6f7f9;
|
132 | @pt-dark-text-color-muted: #abb3bf;
|
133 | @pt-dark-text-color-disabled: rgba(171, 179, 191, 0.6);
|
134 | @pt-dark-heading-color: #f6f7f9;
|
135 | @pt-dark-link-color: #8abbff;
|
136 | @pt-text-selection-color: rgba(125, 188, 255, 60%);
|
137 |
|
138 | @pt-icon-color: #5f6b7c;
|
139 | @pt-icon-color-hover: #1c2127;
|
140 | @pt-icon-color-disabled: rgba(95, 107, 124, 0.6);
|
141 | @pt-icon-color-selected: #2d72d2;
|
142 | @pt-dark-icon-color: #abb3bf;
|
143 | @pt-dark-icon-color-hover: #f6f7f9;
|
144 | @pt-dark-icon-color-disabled: rgba(171, 179, 191, 0.6);
|
145 | @pt-dark-icon-color-selected: #2d72d2;
|
146 |
|
147 | @pt-divider-black: rgba(17, 20, 24, 0.15);
|
148 | @pt-divider-black-muted: rgba(17, 20, 24, 0.1);
|
149 | @pt-dark-divider-black: rgba(17, 20, 24, 0.4);
|
150 | @pt-dark-divider-white: rgba(255, 255, 255, 0.2);
|
151 | @pt-dark-divider-white-muted: rgba(255, 255, 255, 0.1);
|
152 |
|
153 | @pt-code-text-color: #5f6b7c;
|
154 | @pt-dark-code-text-color: #abb3bf;
|
155 | @pt-code-background-color: rgba(255, 255, 255, 0.7);
|
156 | @pt-dark-code-background-color: rgba(17, 20, 24, 0.3);
|
157 | @ns: bp5;
|
158 | @bp-ns: bp5;
|
159 |
|
160 | @pt-grid-size: 10px;
|
161 |
|
162 | @icons16-family: "blueprint-icons-16";
|
163 | @icons20-family: "blueprint-icons-20";
|
164 |
|
165 | @pt-icon-size-standard: 16px;
|
166 | @pt-icon-size-large: 20px;
|
167 |
|
168 | @pt-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto",
|
169 | "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue",
|
170 | "blueprint-icons-16", sans-serif;
|
171 |
|
172 | @pt-font-family-monospace: monospace;
|
173 |
|
174 | @pt-font-size: 10px * 1.4;
|
175 | @pt-font-size-large: 10px * 1.6;
|
176 | @pt-font-size-small: 10px * 1.2;
|
177 |
|
178 | @pt-line-height: 1.28581;
|
179 |
|
180 | @pt-border-radius: 2px;
|
181 |
|
182 | @pt-button-height: 10px * 3;
|
183 | @pt-button-height-small: 10px * 2.4;
|
184 | @pt-button-height-smaller: 10px * 2;
|
185 | @pt-button-height-large: 10px * 4;
|
186 |
|
187 | @pt-input-height: 10px * 3;
|
188 | @pt-input-height-large: 10px * 4;
|
189 | @pt-input-height-small: 10px * 2.4;
|
190 |
|
191 | @pt-navbar-height: 10px * 5;
|
192 |
|
193 | @pt-z-index-base: 0;
|
194 | @pt-z-index-content: 0 + 10;
|
195 | @pt-z-index-overlay: 0 + 10 + 10;
|
196 | @pt-z-index-dialog-header: 0 + 10 + 10 + 10;
|
197 |
|
198 | @pt-border-shadow-opacity: 0.1;
|
199 | @pt-drop-shadow-opacity: 0.2;
|
200 | @pt-dark-border-shadow-opacity: 0.1 * 2;
|
201 | @pt-dark-drop-shadow-opacity: 0.2 * 2;
|
202 |
|
203 | @pt-elevation-shadow-0: 0 0 0 1px rgba(17, 20, 24, 0.15);
|
204 | @pt-elevation-shadow-1:
|
205 | 0 0 0 1px rgba(17, 20, 24, 0.1),
|
206 | 0 1px 1px rgba(17, 20, 24, 0.2);
|
207 | @pt-elevation-shadow-2:
|
208 | 0 0 0 1px rgba(17, 20, 24, 0.1),
|
209 | 0 1px 1px rgba(17, 20, 24, 0.2),
|
210 | 0 2px 6px rgba(17, 20, 24, 0.2);
|
211 | @pt-elevation-shadow-3:
|
212 | 0 0 0 1px rgba(17, 20, 24, 0.1),
|
213 | 0 2px 4px rgba(17, 20, 24, 0.2),
|
214 | 0 8px 24px rgba(17, 20, 24, 0.2);
|
215 | @pt-elevation-shadow-4:
|
216 | 0 0 0 1px rgba(17, 20, 24, 0.1),
|
217 | 0 4px 8px rgba(17, 20, 24, 0.2),
|
218 | 0 18px 46px 6px rgba(17, 20, 24, 0.2);
|
219 |
|
220 | @pt-dark-elevation-shadow-0: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
|
221 | @pt-dark-elevation-shadow-1:
|
222 | inset 0 0 0 1px rgba(255, 255, 255, 0.2),
|
223 | 0 1px 1px 0 rgba(17, 20, 24, 0.2 * 2);
|
224 | @pt-dark-elevation-shadow-2:
|
225 | inset 0 0 0 1px rgba(255, 255, 255, 0.2),
|
226 | 0 1px 1px rgba(17, 20, 24, 0.2 * 2),
|
227 | 0 2px 6px rgba(17, 20, 24, 0.2 * 2);
|
228 | @pt-dark-elevation-shadow-3:
|
229 | inset 0 0 0 1px rgba(255, 255, 255, 0.2),
|
230 | 0 2px 4px rgba(17, 20, 24, 0.2 * 2),
|
231 | 0 8px 24px rgba(17, 20, 24, 0.2 * 2);
|
232 | @pt-dark-elevation-shadow-4:
|
233 | inset 0 0 0 1px rgba(255, 255, 255, 0.2),
|
234 | 0 4px 8px rgba(17, 20, 24, 0.2 * 2),
|
235 | 0 18px 46px 6px rgba(17, 20, 24, 0.2 * 2);
|
236 |
|
237 | @pt-transition-ease: cubic-bezier(0.4, 1, 0.75, 0.9);
|
238 | @pt-transition-ease-bounce: cubic-bezier(0.54, 1.12, 0.38, 1.11);
|
239 | @pt-transition-duration: 100ms;
|
240 |
|
241 | @pt-input-box-shadow:
|
242 | inset 0 0 0 1px rgba(17, 20, 24, 0.2),
|
243 | inset 0 1px 1px rgba(17, 20, 24, 0.3);
|
244 |
|
245 | @pt-dialog-box-shadow:
|
246 | 0 0 0 1px rgba(17, 20, 24, 0.1),
|
247 | 0 2px 4px rgba(17, 20, 24, 0.2),
|
248 | 0 8px 24px rgba(17, 20, 24, 0.2);
|
249 | @pt-popover-box-shadow:
|
250 | 0 0 0 1px rgba(17, 20, 24, 0.1),
|
251 | 0 2px 4px rgba(17, 20, 24, 0.2),
|
252 | 0 8px 24px rgba(17, 20, 24, 0.2);
|
253 | @pt-tooltip-box-shadow:
|
254 | 0 0 0 1px rgba(17, 20, 24, 0.1),
|
255 | 0 2px 4px rgba(17, 20, 24, 0.2),
|
256 | 0 8px 24px rgba(17, 20, 24, 0.2);
|
257 | @pt-toast-box-shadow:
|
258 | inset 0 0 0 1px rgba(17, 20, 24, 0.2),
|
259 | 0 2px 4px rgba(17, 20, 24, 0.2),
|
260 | 0 8px 24px rgba(17, 20, 24, 0.2);
|
261 |
|
262 | @pt-dark-input-box-shadow:
|
263 | inset 0 0 0 1px rgba(255, 255, 255, 0.2),
|
264 | inset 0 -1px 1px 0 rgba(255, 255, 255, 0.3);
|
265 | @pt-dark-input-intent-box-shadow-colors: {
|
266 | primary: #4c90f0;
|
267 | success: #32a467;
|
268 | warning: #ec9a3c;
|
269 | danger: #e76a6e;
|
270 | };
|
271 |
|
272 | @pt-dark-dialog-box-shadow:
|
273 | inset 0 0 0 1px rgba(255, 255, 255, 0.2),
|
274 | 0 2px 4px rgba(17, 20, 24, 0.2 * 2),
|
275 | 0 8px 24px rgba(17, 20, 24, 0.2 * 2);
|
276 | @pt-dark-popover-border-color: hsl(215, 3%, 38%);
|
277 | @pt-dark-popover-box-shadow:
|
278 | 0 0 0 1px hsl(215, 3%, 38%),
|
279 | inset 0 0 0 1px rgba(255, 255, 255, 0.2),
|
280 | 0 2px 4px rgba(17, 20, 24, 0.2 * 2),
|
281 | 0 8px 24px rgba(17, 20, 24, 0.2 * 2);
|
282 | @pt-dark-tooltip-box-shadow:
|
283 | 0 2px 4px rgba(17, 20, 24, 0.2 * 2),
|
284 | 0 8px 24px rgba(17, 20, 24, 0.2 * 2);
|
285 | @pt-dark-toast-box-shadow:
|
286 | inset 0 0 0 1px rgba(255, 255, 255, 0.2),
|
287 | 0 2px 4px rgba(17, 20, 24, 0.2 * 2),
|
288 | 0 8px 24px rgba(17, 20, 24, 0.2 * 2);
|
289 |
|
290 | @pt-high-contrast-mode-border-color: buttonborder;
|
291 | @pt-high-contrast-mode-active-background-color: highlight;
|
292 | @pt-high-contrast-mode-active-text-color: highlight;
|
293 | @pt-high-contrast-mode-disabled-border-color: graytext;
|
294 | @pt-high-contrast-mode-disabled-text-color: graytext;
|
295 | @pt-high-contrast-mode-disabled-background-color: graytext;
|