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: #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;
|