UNPKG

9.15 kBSCSSView Raw
1/*
2 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
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;