1 |
|
2 |
|
3 |
|
4 |
|
5 | $black: #111418 !default;
|
6 |
|
7 | $dark-gray1: #1c2127 !default;
|
8 | $dark-gray2: #252a31 !default;
|
9 | $dark-gray3: #2f343c !default;
|
10 | $dark-gray4: #383e47 !default;
|
11 | $dark-gray5: #404854 !default;
|
12 |
|
13 | $gray1: #5f6b7c !default;
|
14 | $gray2: #738091 !default;
|
15 | $gray3: #8f99a8 !default;
|
16 | $gray4: #abb3bf !default;
|
17 | $gray5: #c5cbd3 !default;
|
18 |
|
19 | $light-gray1: #d3d8de !default;
|
20 | $light-gray2: #dce0e5 !default;
|
21 | $light-gray3: #e5e8eb !default;
|
22 | $light-gray4: #edeff2 !default;
|
23 | $light-gray5: #f6f7f9 !default;
|
24 |
|
25 | $white: #ffffff !default;
|
26 |
|
27 | $blue1: #184a90 !default;
|
28 | $blue2: #215db0 !default;
|
29 | $blue3: #2d72d2 !default;
|
30 | $blue4: #4c90f0 !default;
|
31 | $blue5: #8abbff !default;
|
32 |
|
33 | $green1: #165a36 !default;
|
34 | $green2: #1c6e42 !default;
|
35 | $green3: #238551 !default;
|
36 | $green4: #32a467 !default;
|
37 | $green5: #72ca9b !default;
|
38 |
|
39 | $orange1: #77450d !default;
|
40 | $orange2: #935610 !default;
|
41 | $orange3: #c87619 !default;
|
42 | $orange4: #ec9a3c !default;
|
43 | $orange5: #fbb360 !default;
|
44 |
|
45 | $red1: #8e292c;
|
46 | $red2: #ac2f33;
|
47 | $red3: #cd4246;
|
48 | $red4: #e76a6e;
|
49 | $red5: #fa999c;
|
50 |
|
51 | $vermilion1: #96290d !default;
|
52 | $vermilion2: #b83211 !default;
|
53 | $vermilion3: #d33d17 !default;
|
54 | $vermilion4: #eb6847 !default;
|
55 | $vermilion5: #ff9980 !default;
|
56 |
|
57 | $rose1: #a82255 !default;
|
58 | $rose2: #c22762 !default;
|
59 | $rose3: #db2c6f !default;
|
60 | $rose4: #f5498b !default;
|
61 | $rose5: #ff66a1 !default;
|
62 |
|
63 | $violet1: #5c255c !default;
|
64 | $violet2: #7c327c !default;
|
65 | $violet3: #9d3f9d !default;
|
66 | $violet4: #bd6bbd !default;
|
67 | $violet5: #d69fd6 !default;
|
68 |
|
69 | $indigo1: #5642a6 !default;
|
70 | $indigo2: #634dbf !default;
|
71 | $indigo3: #7961db !default;
|
72 | $indigo4: #9881f3 !default;
|
73 | $indigo5: #bdadff !default;
|
74 |
|
75 | $cerulean1: #0c5174 !default;
|
76 | $cerulean2: #0f6894 !default;
|
77 | $cerulean3: #147eb3 !default;
|
78 | $cerulean4: #3fa6da !default;
|
79 | $cerulean5: #68c1ee !default;
|
80 |
|
81 | $turquoise1: #004d46 !default;
|
82 | $turquoise2: #007067 !default;
|
83 | $turquoise3: #00a396 !default;
|
84 | $turquoise4: #13c9ba !default;
|
85 | $turquoise5: #7ae1d8 !default;
|
86 |
|
87 | $forest1: #1d7324 !default;
|
88 | $forest2: #238c2c !default;
|
89 | $forest3: #29a634 !default;
|
90 | $forest4: #43bf4d !default;
|
91 | $forest5: #62d96b !default;
|
92 |
|
93 | $lime1: #43501b !default;
|
94 | $lime2: #5a701a !default;
|
95 | $lime3: #8eb125 !default;
|
96 | $lime4: #b6d94c !default;
|
97 | $lime5: #d4f17e !default;
|
98 |
|
99 | $gold1: #5c4405 !default;
|
100 | $gold2: #866103 !default;
|
101 | $gold3: #d1980b !default;
|
102 | $gold4: #f0b726 !default;
|
103 | $gold5: #fbd065 !default;
|
104 |
|
105 | $sepia1: #5e4123 !default;
|
106 | $sepia2: #7a542e !default;
|
107 | $sepia3: #946638 !default;
|
108 | $sepia4: #af855a !default;
|
109 | $sepia5: #d0b090 !default;
|
110 | $pt-intent-primary: #2d72d2 !default;
|
111 | $pt-intent-success: #238551 !default;
|
112 | $pt-intent-warning: #c87619 !default;
|
113 | $pt-intent-danger: #cd4246 !default;
|
114 |
|
115 | $pt-app-background-color: #f6f7f9 !default;
|
116 | $pt-dark-app-background-color: #252a31 !default;
|
117 |
|
118 | $pt-app-secondary-background-color: #ffffff !default;
|
119 | $pt-dark-app-secondary-background-color: #1c2127 !default;
|
120 |
|
121 | $pt-app-elevated-background-color: #edeff2 !default;
|
122 | $pt-dark-app-elevated-background-color: #2f343c !default;
|
123 |
|
124 | $pt-outline-color: rgba(45, 114, 210, 0.6) !default;
|
125 |
|
126 | $pt-text-color: #1c2127 !default;
|
127 | $pt-text-color-muted: #5f6b7c !default;
|
128 | $pt-text-color-disabled: rgba(95, 107, 124, 0.6) !default;
|
129 | $pt-heading-color: #1c2127 !default;
|
130 | $pt-link-color: #215db0 !default;
|
131 | $pt-dark-text-color: #f6f7f9 !default;
|
132 | $pt-dark-text-color-muted: #abb3bf !default;
|
133 | $pt-dark-text-color-disabled: rgba(171, 179, 191, 0.6) !default;
|
134 | $pt-dark-heading-color: #f6f7f9 !default;
|
135 | $pt-dark-link-color: #8abbff !default;
|
136 | $pt-text-selection-color: rgba(125, 188, 255, 60%) !default;
|
137 |
|
138 | $pt-icon-color: #5f6b7c !default;
|
139 | $pt-icon-color-hover: #1c2127 !default;
|
140 | $pt-icon-color-disabled: rgba(95, 107, 124, 0.6) !default;
|
141 | $pt-icon-color-selected: #2d72d2 !default;
|
142 | $pt-dark-icon-color: #abb3bf !default;
|
143 | $pt-dark-icon-color-hover: #f6f7f9 !default;
|
144 | $pt-dark-icon-color-disabled: rgba(171, 179, 191, 0.6) !default;
|
145 | $pt-dark-icon-color-selected: #2d72d2 !default;
|
146 |
|
147 | $pt-divider-black: rgba(17, 20, 24, 0.15) !default;
|
148 | $pt-divider-black-muted: rgba(17, 20, 24, 0.1) !default;
|
149 | $pt-dark-divider-black: rgba(17, 20, 24, 0.4) !default;
|
150 | $pt-dark-divider-white: rgba(255, 255, 255, 0.2) !default;
|
151 | $pt-dark-divider-white-muted: rgba(255, 255, 255, 0.1) !default;
|
152 |
|
153 | $pt-code-text-color: #5f6b7c !default;
|
154 | $pt-dark-code-text-color: #abb3bf !default;
|
155 | $pt-code-background-color: rgba(255, 255, 255, 0.7) !default;
|
156 | $pt-dark-code-background-color: rgba(17, 20, 24, 0.3) !default;
|
157 | $ns: bp5;
|
158 | $bp-ns: bp5;
|
159 |
|
160 | $pt-grid-size: 10px !default;
|
161 |
|
162 | $icons16-family: "blueprint-icons-16" !default;
|
163 | $icons20-family: "blueprint-icons-20" !default;
|
164 |
|
165 | $pt-icon-size-standard: 16px !default;
|
166 | $pt-icon-size-large: 20px !default;
|
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 !default;
|
171 |
|
172 | $pt-font-family-monospace: monospace !default;
|
173 |
|
174 | $pt-font-size: 10px * 1.4 !default;
|
175 | $pt-font-size-large: 10px * 1.6 !default;
|
176 | $pt-font-size-small: 10px * 1.2 !default;
|
177 |
|
178 | $pt-line-height: 1.28581 !default;
|
179 |
|
180 | $pt-border-radius: 2px !default;
|
181 |
|
182 | $pt-button-height: 10px * 3 !default;
|
183 | $pt-button-height-small: 10px * 2.4 !default;
|
184 | $pt-button-height-smaller: 10px * 2 !default;
|
185 | $pt-button-height-large: 10px * 4 !default;
|
186 |
|
187 | $pt-input-height: 10px * 3 !default;
|
188 | $pt-input-height-large: 10px * 4 !default;
|
189 | $pt-input-height-small: 10px * 2.4 !default;
|
190 |
|
191 | $pt-navbar-height: 10px * 5 !default;
|
192 |
|
193 | $pt-z-index-base: 0 !default;
|
194 | $pt-z-index-content: 0 + 10 !default;
|
195 | $pt-z-index-overlay: 0 + 10 + 10 !default;
|
196 | $pt-z-index-dialog-header: 0 + 10 + 10 + 10 !default;
|
197 |
|
198 | $pt-border-shadow-opacity: 0.1 !default;
|
199 | $pt-drop-shadow-opacity: 0.2 !default;
|
200 | $pt-dark-border-shadow-opacity: 0.1 * 2 !default;
|
201 | $pt-dark-drop-shadow-opacity: 0.2 * 2 !default;
|
202 |
|
203 | $pt-elevation-shadow-0: 0 0 0 1px rgba(17, 20, 24, 0.15) !default;
|
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) !default;
|
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) !default;
|
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) !default;
|
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) !default;
|
219 |
|
220 | $pt-dark-elevation-shadow-0: inset 0 0 0 1px rgba(255, 255, 255, 0.2) !default;
|
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) !default;
|
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) !default;
|
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) !default;
|
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) !default;
|
236 |
|
237 | $pt-transition-ease: cubic-bezier(0.4, 1, 0.75, 0.9) !default;
|
238 | $pt-transition-ease-bounce: cubic-bezier(0.54, 1.12, 0.38, 1.11) !default;
|
239 | $pt-transition-duration: 100ms !default;
|
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) !default;
|
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) !default;
|
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) !default;
|
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) !default;
|
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) !default;
|
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) !default;
|
265 | $pt-dark-input-intent-box-shadow-colors: (
|
266 | "primary": #4c90f0,
|
267 | "success": #32a467,
|
268 | "warning": #ec9a3c,
|
269 | "danger": #e76a6e,
|
270 | ) !default;
|
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) !default;
|
276 | $pt-dark-popover-border-color: hsl(215deg, 3%, 38%) !default;
|
277 | $pt-dark-popover-box-shadow:
|
278 | 0 0 0 1px hsl(215deg, 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) !default;
|
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) !default;
|
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) !default;
|
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;
|