@transferwise/neptune-css 0.0.0-experimental-8636209 → 0.0.0-experimental-c043dab
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/neptune-core.css +7 -0
- package/dist/css/neptune.css +480 -467
- package/package.json +1 -1
- package/src/less/core/_scaffolding.less +5 -0
- package/src/less/neptune.bundle.less +245 -2
package/dist/css/neptune.css
CHANGED
|
@@ -1,395 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 15 Oct 2025 12:29:55 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
:root {
|
|
7
|
-
--color-content-primary: #37517e;
|
|
8
|
-
--color-content-secondary: #5d7079;
|
|
9
|
-
--color-content-tertiary: #768e9c;
|
|
10
|
-
--color-content-accent: #0097c7;
|
|
11
|
-
--color-content-accent-hover: #0084b3;
|
|
12
|
-
--color-content-accent-active: #0077a5;
|
|
13
|
-
--color-content-positive: #008026;
|
|
14
|
-
--color-content-positive-hover: #006d13;
|
|
15
|
-
--color-content-positive-active: #006002;
|
|
16
|
-
--color-content-negative: #cf2929;
|
|
17
|
-
--color-content-negative-hover: #b80419;
|
|
18
|
-
--color-content-negative-active: #a7000d;
|
|
19
|
-
--color-content-warning: #9a6500;
|
|
20
|
-
--color-content-warning-hover: #855400;
|
|
21
|
-
--color-content-warning-active: #764700;
|
|
22
|
-
--color-interactive-accent: #00a2dd;
|
|
23
|
-
--color-interactive-accent-hover: #008fc9;
|
|
24
|
-
--color-interactive-accent-active: #0081ba;
|
|
25
|
-
--color-interactive-positive: #2ead4b;
|
|
26
|
-
--color-interactive-positive-hover: #069939;
|
|
27
|
-
--color-interactive-positive-active: #008b2b;
|
|
28
|
-
--color-interactive-negative: #e74848;
|
|
29
|
-
--color-interactive-negative-hover: #d03238;
|
|
30
|
-
--color-interactive-negative-active: #bf1e2c;
|
|
31
|
-
--color-interactive-warning: #df8700;
|
|
32
|
-
--color-interactive-warning-hover: #c97500;
|
|
33
|
-
--color-interactive-warning-active: #b86700;
|
|
34
|
-
--color-interactive-secondary: #c9cbce;
|
|
35
|
-
--color-interactive-secondary-hover: #b5b7ba;
|
|
36
|
-
--color-interactive-secondary-active: #a7a9ab;
|
|
37
|
-
--color-background-screen: #ffffff;
|
|
38
|
-
--color-background-elevated: #ffffff;
|
|
39
|
-
--color-background-neutral: rgba(134,167,189,0.10196);
|
|
40
|
-
--color-background-accent: rgba(56,200,255,0.10196);
|
|
41
|
-
--color-background-positive: rgba(54,199,151,0.10196);
|
|
42
|
-
--color-background-negative: rgba(255,135,135,0.10196);
|
|
43
|
-
--color-background-warning: rgba(255,172,0,0.10196);
|
|
44
|
-
--color-background-overlay: rgba(0,0,0,0.10196);
|
|
45
|
-
--color-border-neutral: rgba(0,0,0,0.10196);
|
|
46
|
-
--color-border-overlay: rgba(0,0,0,0.10196);
|
|
47
|
-
--color-core-contrast: #000000;
|
|
48
|
-
--padding-x-small: 8px;
|
|
49
|
-
--padding-small: 16px;
|
|
50
|
-
--padding-medium: 24px;
|
|
51
|
-
--padding-large: 32px;
|
|
52
|
-
--radius-full: 9999px;
|
|
53
|
-
--radius-small: 10px;
|
|
54
|
-
--radius-medium: 16px;
|
|
55
|
-
--radius-large: 24px;
|
|
56
|
-
--size-4: 4px;
|
|
57
|
-
--size-5: 5px;
|
|
58
|
-
--size-8: 8px;
|
|
59
|
-
--size-10: 10px;
|
|
60
|
-
--size-12: 12px;
|
|
61
|
-
--size-14: 14px;
|
|
62
|
-
--size-16: 16px;
|
|
63
|
-
--size-24: 24px;
|
|
64
|
-
--size-32: 32px;
|
|
65
|
-
--size-40: 40px;
|
|
66
|
-
--size-48: 48px;
|
|
67
|
-
--size-52: 52px;
|
|
68
|
-
--size-56: 56px;
|
|
69
|
-
--size-60: 60px;
|
|
70
|
-
--size-64: 64px;
|
|
71
|
-
--size-72: 72px;
|
|
72
|
-
--size-80: 80px;
|
|
73
|
-
--size-88: 88px;
|
|
74
|
-
--size-96: 96px;
|
|
75
|
-
--size-104: 104px;
|
|
76
|
-
--size-112: 112px;
|
|
77
|
-
--size-120: 120px;
|
|
78
|
-
--size-126: 126px;
|
|
79
|
-
--size-128: 128px;
|
|
80
|
-
--size-146: 146px;
|
|
81
|
-
--size-154: 154px;
|
|
82
|
-
--size-160: 160px;
|
|
83
|
-
--size-x-small: 24px;
|
|
84
|
-
--size-small: 32px;
|
|
85
|
-
--size-medium: 40px;
|
|
86
|
-
--size-large: 48px;
|
|
87
|
-
--size-x-large: 56px;
|
|
88
|
-
--size-2x-large: 72px;
|
|
89
|
-
--space-content-horizontal: 16px;
|
|
90
|
-
--space-small: 16px;
|
|
91
|
-
--space-medium: 32px;
|
|
92
|
-
--space-large: 40px;
|
|
93
|
-
--space-x-large: 56px;
|
|
94
|
-
--font-size-12: 0.75rem;
|
|
95
|
-
--font-size-14: 0.875rem;
|
|
96
|
-
--font-size-16: 1rem;
|
|
97
|
-
--font-size-18: 1.125rem;
|
|
98
|
-
--font-size-20: 1.25rem;
|
|
99
|
-
--font-size-22: 1.375rem;
|
|
100
|
-
--font-size-24: 1.5rem;
|
|
101
|
-
--font-size-26: 1.625rem;
|
|
102
|
-
--font-size-28: 1.75rem;
|
|
103
|
-
--font-size-30: 1.875rem;
|
|
104
|
-
--font-size-32: 2rem;
|
|
105
|
-
--letter-spacing-xxs: 0.005em;
|
|
106
|
-
--letter-spacing-xs: 0.01em;
|
|
107
|
-
--letter-spacing-sm: 0.0125em;
|
|
108
|
-
--letter-spacing-md: 0.015em;
|
|
109
|
-
--letter-spacing-lg: 0.02em;
|
|
110
|
-
--letter-spacing-xl: 0.025em;
|
|
111
|
-
--letter-spacing-negative-xxs: -0.005em;
|
|
112
|
-
--letter-spacing-negative-xs: -0.01em;
|
|
113
|
-
--letter-spacing-negative-sm: -0.0125em;
|
|
114
|
-
--letter-spacing-negative-md: -0.015em;
|
|
115
|
-
--letter-spacing-negative-lg: -0.02em;
|
|
116
|
-
--letter-spacing-negative-xl: -0.025em;
|
|
117
|
-
--letter-spacing-negative-xxl: -0.03em;
|
|
118
|
-
--letter-spacing-negative-xxxl: -0.04em;
|
|
119
|
-
--letter-spacing-negative-xxxxl: -0.05em;
|
|
120
|
-
--line-height-18: 1.125rem;
|
|
121
|
-
--line-height-20: 1.25rem;
|
|
122
|
-
--line-height-22: 1.375rem;
|
|
123
|
-
--line-height-24: 1.5rem;
|
|
124
|
-
--line-height-28: 1.75rem;
|
|
125
|
-
--line-height-30: 1.875rem;
|
|
126
|
-
--line-height-32: 2rem;
|
|
127
|
-
--line-height-34: 2.125rem;
|
|
128
|
-
--line-height-36: 2.25rem;
|
|
129
|
-
--line-height-42: 2.625rem;
|
|
130
|
-
--line-height-48: 3rem;
|
|
131
|
-
--line-height-title: 1.2;
|
|
132
|
-
--line-height-body: 1.5;
|
|
133
|
-
--line-height-control: 1.2;
|
|
134
|
-
--font-weight-light: 300;
|
|
135
|
-
--font-weight-regular: 400;
|
|
136
|
-
--font-weight-medium: 500;
|
|
137
|
-
--font-weight-semi-bold: 600;
|
|
138
|
-
--font-weight-bold: 700;
|
|
139
|
-
--font-weight-black: 900;
|
|
140
|
-
--font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
|
|
141
|
-
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
/**
|
|
145
|
-
* Do not edit directly
|
|
146
|
-
* Generated on Wed, 15 Oct 2025 12:29:55 GMT
|
|
147
|
-
*/
|
|
148
|
-
|
|
149
|
-
.np-theme-personal {
|
|
150
|
-
--color-bright-yellow: #ffeb69;
|
|
151
|
-
--color-bright-orange: #ffc091;
|
|
152
|
-
--color-dark-purple: #260a2f;
|
|
153
|
-
--color-dark-gold: #3a341c;
|
|
154
|
-
--color-bright-blue: #a0e1e1;
|
|
155
|
-
--color-dark-charcoal: #21231d;
|
|
156
|
-
--color-white: #ffffff;
|
|
157
|
-
--color-black: #000000;
|
|
158
|
-
--color-bright-green: #9fe870;
|
|
159
|
-
--color-forest-green: #163300;
|
|
160
|
-
--color-bright-pink: #ffd7ef;
|
|
161
|
-
--color-dark-maroon: #320707;
|
|
162
|
-
--color-content-primary: #0e0f0c;
|
|
163
|
-
--color-content-secondary: #454745;
|
|
164
|
-
--color-content-tertiary: #6a6c6a;
|
|
165
|
-
--color-content-link: #163300;
|
|
166
|
-
--color-content-link-hover: #0d1f00;
|
|
167
|
-
--color-content-link-active: #0e0f0c;
|
|
168
|
-
--color-interactive-primary: #163300;
|
|
169
|
-
--color-interactive-primary-hover: #0d1f00;
|
|
170
|
-
--color-interactive-primary-active: #0e0f0c;
|
|
171
|
-
--color-interactive-secondary: #868685;
|
|
172
|
-
--color-interactive-secondary-hover: #6c6c6b;
|
|
173
|
-
--color-interactive-secondary-active: #525251;
|
|
174
|
-
--color-interactive-accent: #9fe870;
|
|
175
|
-
--color-interactive-accent-hover: #80e142;
|
|
176
|
-
--color-interactive-accent-active: #65cf21;
|
|
177
|
-
--color-interactive-control: #163300;
|
|
178
|
-
--color-interactive-control-hover: #0d1f00;
|
|
179
|
-
--color-interactive-control-active: #0e0f0c;
|
|
180
|
-
--color-interactive-contrast: #9fe870;
|
|
181
|
-
--color-interactive-contrast-hover: #cdffad;
|
|
182
|
-
--color-interactive-contrast-active: #ecffe0;
|
|
183
|
-
--color-interactive-neutral: #e2f6d5;
|
|
184
|
-
--color-interactive-neutral-hover: #d3f2c0;
|
|
185
|
-
--color-interactive-neutral-active: #c5edab;
|
|
186
|
-
--color-border-neutral: rgba(14,15,12,0.12157);
|
|
187
|
-
--color-border-overlay: rgba(14,15,12,0.12157);
|
|
188
|
-
--color-background-screen: #ffffff;
|
|
189
|
-
--color-background-screen-hover: rgba(22,51,0,0.07843);
|
|
190
|
-
--color-background-screen-active: rgba(22,51,0,0.12941);
|
|
191
|
-
--color-background-elevated: #ffffff;
|
|
192
|
-
--color-background-neutral: rgba(22,51,0,0.07843);
|
|
193
|
-
--color-background-neutral-hover: rgba(22,51,0,0.12941);
|
|
194
|
-
--color-background-neutral-active: rgba(22,51,0,0.18039);
|
|
195
|
-
--color-background-overlay: rgba(22,51,0,0.07843);
|
|
196
|
-
--color-sentiment-negative: #cb272f;
|
|
197
|
-
--color-sentiment-negative-hover: #b8232b;
|
|
198
|
-
--color-sentiment-negative-active: #a72027;
|
|
199
|
-
--color-sentiment-negative-primary: #cb272f;
|
|
200
|
-
--color-sentiment-negative-primary-hover: #b8232b;
|
|
201
|
-
--color-sentiment-negative-primary-active: #a72027;
|
|
202
|
-
--color-sentiment-negative-secondary: #fbeaea;
|
|
203
|
-
--color-sentiment-negative-secondary-hover: #f9e1e1;
|
|
204
|
-
--color-sentiment-negative-secondary-active: #f8d8d8;
|
|
205
|
-
--color-sentiment-positive: #054d28;
|
|
206
|
-
--color-sentiment-positive-hover: #043a1e;
|
|
207
|
-
--color-sentiment-positive-active: #022614;
|
|
208
|
-
--color-sentiment-positive-primary: #054d28;
|
|
209
|
-
--color-sentiment-positive-primary-hover: #043a1e;
|
|
210
|
-
--color-sentiment-positive-primary-active: #022614;
|
|
211
|
-
--color-sentiment-positive-secondary: #e2f6d5;
|
|
212
|
-
--color-sentiment-positive-secondary-hover: #d3f2c0;
|
|
213
|
-
--color-sentiment-positive-secondary-active: #c5edab;
|
|
214
|
-
--color-sentiment-warning: #ffd11a;
|
|
215
|
-
--color-sentiment-warning-hover: #ffd11a;
|
|
216
|
-
--color-sentiment-warning-active: #ffd11a;
|
|
217
|
-
--color-sentiment-warning-primary: #ffd11a;
|
|
218
|
-
--color-sentiment-warning-primary-hover: #ffd11a;
|
|
219
|
-
--color-sentiment-warning-primary-active: #ffd11a;
|
|
220
|
-
--color-sentiment-warning-secondary: #fff7d7;
|
|
221
|
-
--color-sentiment-warning-secondary-hover: #fff7d7;
|
|
222
|
-
--color-sentiment-warning-secondary-active: #fff7d7;
|
|
223
|
-
--color-sentiment-warning-content: #4a3b1c;
|
|
224
|
-
--color-sentiment-warning-content-hover: #3b2f16;
|
|
225
|
-
--color-sentiment-warning-content-active: #2c2311;
|
|
226
|
-
--color-contrast: #ffffff;
|
|
227
|
-
--color-light: #ffffff;
|
|
228
|
-
--color-dark: #121511;
|
|
229
|
-
--color-contrast-overlay: #ffffff;
|
|
230
|
-
--color-contrast-theme: #121511;
|
|
231
|
-
--padding-x-small: 8px;
|
|
232
|
-
--padding-small: 16px;
|
|
233
|
-
--padding-medium: 24px;
|
|
234
|
-
--padding-large: 32px;
|
|
235
|
-
--radius-full: 9999px;
|
|
236
|
-
--radius-small: 10px;
|
|
237
|
-
--radius-medium: 16px;
|
|
238
|
-
--radius-large: 24px;
|
|
239
|
-
--size-4: 4px;
|
|
240
|
-
--size-5: 5px;
|
|
241
|
-
--size-8: 8px;
|
|
242
|
-
--size-10: 10px;
|
|
243
|
-
--size-12: 12px;
|
|
244
|
-
--size-14: 14px;
|
|
245
|
-
--size-16: 16px;
|
|
246
|
-
--size-24: 24px;
|
|
247
|
-
--size-32: 32px;
|
|
248
|
-
--size-40: 40px;
|
|
249
|
-
--size-48: 48px;
|
|
250
|
-
--size-52: 52px;
|
|
251
|
-
--size-56: 56px;
|
|
252
|
-
--size-60: 60px;
|
|
253
|
-
--size-64: 64px;
|
|
254
|
-
--size-72: 72px;
|
|
255
|
-
--size-80: 80px;
|
|
256
|
-
--size-88: 88px;
|
|
257
|
-
--size-96: 96px;
|
|
258
|
-
--size-104: 104px;
|
|
259
|
-
--size-112: 112px;
|
|
260
|
-
--size-120: 120px;
|
|
261
|
-
--size-126: 126px;
|
|
262
|
-
--size-128: 128px;
|
|
263
|
-
--size-146: 146px;
|
|
264
|
-
--size-154: 154px;
|
|
265
|
-
--size-160: 160px;
|
|
266
|
-
--size-x-small: 24px;
|
|
267
|
-
--size-small: 32px;
|
|
268
|
-
--size-medium: 40px;
|
|
269
|
-
--size-large: 48px;
|
|
270
|
-
--size-x-large: 56px;
|
|
271
|
-
--size-2x-large: 72px;
|
|
272
|
-
--space-content-horizontal: 16px;
|
|
273
|
-
--space-small: 16px;
|
|
274
|
-
--space-medium: 32px;
|
|
275
|
-
--space-large: 40px;
|
|
276
|
-
--space-x-large: 56px;
|
|
277
|
-
--font-size-12: 0.75rem;
|
|
278
|
-
--font-size-14: 0.875rem;
|
|
279
|
-
--font-size-16: 1rem;
|
|
280
|
-
--font-size-18: 1.125rem;
|
|
281
|
-
--font-size-20: 1.25rem;
|
|
282
|
-
--font-size-22: 1.375rem;
|
|
283
|
-
--font-size-24: 1.5rem;
|
|
284
|
-
--font-size-26: 1.625rem;
|
|
285
|
-
--font-size-28: 1.75rem;
|
|
286
|
-
--font-size-30: 1.875rem;
|
|
287
|
-
--font-size-32: 2rem;
|
|
288
|
-
--letter-spacing-xxs: 0.005em;
|
|
289
|
-
--letter-spacing-xs: 0.01em;
|
|
290
|
-
--letter-spacing-sm: 0.0125em;
|
|
291
|
-
--letter-spacing-md: 0.015em;
|
|
292
|
-
--letter-spacing-lg: 0.02em;
|
|
293
|
-
--letter-spacing-xl: 0.025em;
|
|
294
|
-
--letter-spacing-negative-xxs: -0.005em;
|
|
295
|
-
--letter-spacing-negative-xs: -0.01em;
|
|
296
|
-
--letter-spacing-negative-sm: -0.0125em;
|
|
297
|
-
--letter-spacing-negative-md: -0.015em;
|
|
298
|
-
--letter-spacing-negative-lg: -0.02em;
|
|
299
|
-
--letter-spacing-negative-xl: -0.025em;
|
|
300
|
-
--letter-spacing-negative-xxl: -0.03em;
|
|
301
|
-
--letter-spacing-negative-xxxl: -0.04em;
|
|
302
|
-
--letter-spacing-negative-xxxxl: -0.05em;
|
|
303
|
-
--line-height-18: 1.125rem;
|
|
304
|
-
--line-height-20: 1.25rem;
|
|
305
|
-
--line-height-22: 1.375rem;
|
|
306
|
-
--line-height-24: 1.5rem;
|
|
307
|
-
--line-height-28: 1.75rem;
|
|
308
|
-
--line-height-30: 1.875rem;
|
|
309
|
-
--line-height-32: 2rem;
|
|
310
|
-
--line-height-34: 2.125rem;
|
|
311
|
-
--line-height-36: 2.25rem;
|
|
312
|
-
--line-height-42: 2.625rem;
|
|
313
|
-
--line-height-48: 3rem;
|
|
314
|
-
--line-height-title: 1.2;
|
|
315
|
-
--line-height-body: 1.5;
|
|
316
|
-
--line-height-control: 1.2;
|
|
317
|
-
--font-weight-light: 300;
|
|
318
|
-
--font-weight-regular: 400;
|
|
319
|
-
--font-weight-medium: 500;
|
|
320
|
-
--font-weight-semi-bold: 600;
|
|
321
|
-
--font-weight-bold: 700;
|
|
322
|
-
--font-weight-black: 900;
|
|
323
|
-
--font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
|
|
324
|
-
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
325
|
-
}
|
|
326
|
-
|
|
327
|
-
/**
|
|
328
|
-
* We added new shape theme into tokens to prevent breaking changes. This is a temporary measure.
|
|
329
|
-
*
|
|
330
|
-
* We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
|
|
331
|
-
*/
|
|
332
|
-
|
|
333
|
-
@media (max-width: 320px) {
|
|
334
|
-
.np-theme-personal {
|
|
335
|
-
--delta: 2;
|
|
336
|
-
--size-4: calc(4px / var(--delta));
|
|
337
|
-
--size-5: calc(5px / var(--delta));
|
|
338
|
-
--size-8: calc(8px / var(--delta));
|
|
339
|
-
--size-10: calc(10px / var(--delta));
|
|
340
|
-
--size-12: calc(12px / var(--delta));
|
|
341
|
-
--size-14: calc(14px / var(--delta));
|
|
342
|
-
--size-16: calc(16px / var(--delta));
|
|
343
|
-
--size-24: calc(24px / var(--delta));
|
|
344
|
-
--size-32: calc(32px / var(--delta));
|
|
345
|
-
--size-40: calc(40px / var(--delta));
|
|
346
|
-
--size-48: calc(48px / var(--delta));
|
|
347
|
-
--size-52: calc(52px / var(--delta));
|
|
348
|
-
--size-56: calc(56px / var(--delta));
|
|
349
|
-
--size-60: calc(60px / var(--delta));
|
|
350
|
-
--size-64: calc(64px / var(--delta));
|
|
351
|
-
--size-72: calc(72px / var(--delta));
|
|
352
|
-
--size-80: calc(80px / var(--delta));
|
|
353
|
-
--size-88: calc(88px / var(--delta));
|
|
354
|
-
--size-96: calc(96px / var(--delta));
|
|
355
|
-
--size-104: calc(104px / var(--delta));
|
|
356
|
-
--size-112: calc(112px / var(--delta));
|
|
357
|
-
--size-120: calc(120px / var(--delta));
|
|
358
|
-
--size-126: calc(126px / var(--delta));
|
|
359
|
-
--size-128: calc(128px / var(--delta));
|
|
360
|
-
--size-146: calc(146px / var(--delta));
|
|
361
|
-
--size-154: calc(154px / var(--delta));
|
|
362
|
-
--size-x-small: calc(24px / var(--delta));
|
|
363
|
-
--size-small: calc(32px / var(--delta));
|
|
364
|
-
--size-medium: calc(40px / var(--delta));
|
|
365
|
-
--size-large: calc(48px / var(--delta));
|
|
366
|
-
--size-x-large: calc(56px / var(--delta));
|
|
367
|
-
--size-2x-large: calc(72px / var(--delta));
|
|
368
|
-
--space-content-horizontal: calc(16px / var(--delta));
|
|
369
|
-
--space-small: calc(16px / var(--delta));
|
|
370
|
-
--space-medium: calc(32px / var(--delta));
|
|
371
|
-
--space-large: calc(40px / var(--delta));
|
|
372
|
-
--space-x-large: calc(56px / var(--delta));
|
|
373
|
-
--padding-x-small: var(--size-8);
|
|
374
|
-
--padding-small: var(--size-16);
|
|
375
|
-
--padding-medium: var(--size-24);
|
|
376
|
-
--padding-large: var(--size-32);
|
|
377
|
-
--input-height-base: var(--size-32);
|
|
378
|
-
--input-height-large: var(--input-height-small);
|
|
379
|
-
--input-padding: var(--input-padding-small);
|
|
380
|
-
--input-padding-large: var(--input-padding-small);
|
|
381
|
-
--input-group-addon-padding: var(--input-group-addon-sm-padding);
|
|
382
|
-
--input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
|
|
383
|
-
--btn-height: var(--input-height-base);
|
|
384
|
-
--btn-lg-height: var(--btn-height);
|
|
385
|
-
--btn-sm-height: var(--btn-height);
|
|
386
|
-
--btn-padding: var(--input-padding);
|
|
387
|
-
--btn-sm-padding: var(--btn-padding);
|
|
388
|
-
--btn-lg-padding: var(--btn-padding);
|
|
389
|
-
--dropdown-link-padding: var(--size-12) var(--size-16);
|
|
390
|
-
}
|
|
391
|
-
}
|
|
392
|
-
|
|
393
1
|
/**
|
|
394
2
|
* Do not edit directly
|
|
395
3
|
* Generated on Wed, 15 Oct 2025 12:29:55 GMT
|
|
@@ -1918,47 +1526,231 @@
|
|
|
1918
1526
|
--color-background-screen: #163300;
|
|
1919
1527
|
--color-background-screen-hover: rgba(255,255,255,0.2);
|
|
1920
1528
|
--color-background-screen-active: rgba(255,255,255,0.4);
|
|
1921
|
-
--color-background-elevated: #223d0d;
|
|
1922
|
-
--color-background-neutral: rgba(255,255,255,0.10196);
|
|
1923
|
-
--color-background-neutral-hover: rgba(255,255,255,0.2);
|
|
1924
|
-
--color-background-neutral-active: rgba(255,255,255,0.2);
|
|
1925
|
-
--color-background-overlay: rgba(255,255,255,0.2);
|
|
1926
|
-
--color-background-surface: #ffffff;
|
|
1927
|
-
--color-sentiment-negative: #ffa8ad;
|
|
1928
|
-
--color-sentiment-negative-hover: #ffbdc0;
|
|
1929
|
-
--color-sentiment-negative-active: #ffd1d3;
|
|
1930
|
-
--color-sentiment-negative-primary: #ffa8ad;
|
|
1931
|
-
--color-sentiment-negative-primary-hover: #ffbdc0;
|
|
1932
|
-
--color-sentiment-negative-primary-active: #ffd1d3;
|
|
1933
|
-
--color-sentiment-negative-secondary: #410b0d;
|
|
1934
|
-
--color-sentiment-negative-secondary-hover: #641115;
|
|
1935
|
-
--color-sentiment-negative-secondary-active: #761418;
|
|
1936
|
-
--color-sentiment-positive: #bae5a0;
|
|
1937
|
-
--color-sentiment-positive-hover: #c8eab3;
|
|
1938
|
-
--color-sentiment-positive-active: #d6f0c7;
|
|
1939
|
-
--color-sentiment-positive-primary: #bae5a0;
|
|
1940
|
-
--color-sentiment-positive-primary-hover: #c8eab3;
|
|
1941
|
-
--color-sentiment-positive-primary-active: #d6f0c7;
|
|
1942
|
-
--color-sentiment-positive-secondary: #3d562d;
|
|
1943
|
-
--color-sentiment-positive-secondary-hover: #476435;
|
|
1944
|
-
--color-sentiment-positive-secondary-active: #53753d;
|
|
1945
|
-
--color-sentiment-warning: #fadc65;
|
|
1946
|
-
--color-sentiment-warning-hover: #fadc65;
|
|
1947
|
-
--color-sentiment-warning-active: #fadc65;
|
|
1948
|
-
--color-sentiment-warning-primary: #fadc65;
|
|
1949
|
-
--color-sentiment-warning-primary-hover: #fadc65;
|
|
1950
|
-
--color-sentiment-warning-primary-active: #fadc65;
|
|
1951
|
-
--color-sentiment-warning-secondary: #445514;
|
|
1952
|
-
--color-sentiment-warning-secondary-hover: #445514;
|
|
1953
|
-
--color-sentiment-warning-secondary-active: #445514;
|
|
1954
|
-
--color-sentiment-warning-content: #fadc65;
|
|
1955
|
-
--color-sentiment-warning-content-hover: #fbe179;
|
|
1956
|
-
--color-sentiment-warning-content-active: #fbe58d;
|
|
1957
|
-
--color-contrast: #ffffff;
|
|
1529
|
+
--color-background-elevated: #223d0d;
|
|
1530
|
+
--color-background-neutral: rgba(255,255,255,0.10196);
|
|
1531
|
+
--color-background-neutral-hover: rgba(255,255,255,0.2);
|
|
1532
|
+
--color-background-neutral-active: rgba(255,255,255,0.2);
|
|
1533
|
+
--color-background-overlay: rgba(255,255,255,0.2);
|
|
1534
|
+
--color-background-surface: #ffffff;
|
|
1535
|
+
--color-sentiment-negative: #ffa8ad;
|
|
1536
|
+
--color-sentiment-negative-hover: #ffbdc0;
|
|
1537
|
+
--color-sentiment-negative-active: #ffd1d3;
|
|
1538
|
+
--color-sentiment-negative-primary: #ffa8ad;
|
|
1539
|
+
--color-sentiment-negative-primary-hover: #ffbdc0;
|
|
1540
|
+
--color-sentiment-negative-primary-active: #ffd1d3;
|
|
1541
|
+
--color-sentiment-negative-secondary: #410b0d;
|
|
1542
|
+
--color-sentiment-negative-secondary-hover: #641115;
|
|
1543
|
+
--color-sentiment-negative-secondary-active: #761418;
|
|
1544
|
+
--color-sentiment-positive: #bae5a0;
|
|
1545
|
+
--color-sentiment-positive-hover: #c8eab3;
|
|
1546
|
+
--color-sentiment-positive-active: #d6f0c7;
|
|
1547
|
+
--color-sentiment-positive-primary: #bae5a0;
|
|
1548
|
+
--color-sentiment-positive-primary-hover: #c8eab3;
|
|
1549
|
+
--color-sentiment-positive-primary-active: #d6f0c7;
|
|
1550
|
+
--color-sentiment-positive-secondary: #3d562d;
|
|
1551
|
+
--color-sentiment-positive-secondary-hover: #476435;
|
|
1552
|
+
--color-sentiment-positive-secondary-active: #53753d;
|
|
1553
|
+
--color-sentiment-warning: #fadc65;
|
|
1554
|
+
--color-sentiment-warning-hover: #fadc65;
|
|
1555
|
+
--color-sentiment-warning-active: #fadc65;
|
|
1556
|
+
--color-sentiment-warning-primary: #fadc65;
|
|
1557
|
+
--color-sentiment-warning-primary-hover: #fadc65;
|
|
1558
|
+
--color-sentiment-warning-primary-active: #fadc65;
|
|
1559
|
+
--color-sentiment-warning-secondary: #445514;
|
|
1560
|
+
--color-sentiment-warning-secondary-hover: #445514;
|
|
1561
|
+
--color-sentiment-warning-secondary-active: #445514;
|
|
1562
|
+
--color-sentiment-warning-content: #fadc65;
|
|
1563
|
+
--color-sentiment-warning-content-hover: #fbe179;
|
|
1564
|
+
--color-sentiment-warning-content-active: #fbe58d;
|
|
1565
|
+
--color-contrast: #ffffff;
|
|
1566
|
+
--color-light: #ffffff;
|
|
1567
|
+
--color-dark: #121511;
|
|
1568
|
+
--color-contrast-overlay: #163300;
|
|
1569
|
+
--color-contrast-theme: #ffffff;
|
|
1570
|
+
--padding-x-small: 8px;
|
|
1571
|
+
--padding-small: 16px;
|
|
1572
|
+
--padding-medium: 24px;
|
|
1573
|
+
--padding-large: 32px;
|
|
1574
|
+
--radius-full: 9999px;
|
|
1575
|
+
--radius-small: 10px;
|
|
1576
|
+
--radius-medium: 16px;
|
|
1577
|
+
--radius-large: 24px;
|
|
1578
|
+
--size-4: 4px;
|
|
1579
|
+
--size-5: 5px;
|
|
1580
|
+
--size-8: 8px;
|
|
1581
|
+
--size-10: 10px;
|
|
1582
|
+
--size-12: 12px;
|
|
1583
|
+
--size-14: 14px;
|
|
1584
|
+
--size-16: 16px;
|
|
1585
|
+
--size-24: 24px;
|
|
1586
|
+
--size-32: 32px;
|
|
1587
|
+
--size-40: 40px;
|
|
1588
|
+
--size-48: 48px;
|
|
1589
|
+
--size-52: 52px;
|
|
1590
|
+
--size-56: 56px;
|
|
1591
|
+
--size-60: 60px;
|
|
1592
|
+
--size-64: 64px;
|
|
1593
|
+
--size-72: 72px;
|
|
1594
|
+
--size-80: 80px;
|
|
1595
|
+
--size-88: 88px;
|
|
1596
|
+
--size-96: 96px;
|
|
1597
|
+
--size-104: 104px;
|
|
1598
|
+
--size-112: 112px;
|
|
1599
|
+
--size-120: 120px;
|
|
1600
|
+
--size-126: 126px;
|
|
1601
|
+
--size-128: 128px;
|
|
1602
|
+
--size-146: 146px;
|
|
1603
|
+
--size-154: 154px;
|
|
1604
|
+
--size-160: 160px;
|
|
1605
|
+
--size-x-small: 24px;
|
|
1606
|
+
--size-small: 32px;
|
|
1607
|
+
--size-medium: 40px;
|
|
1608
|
+
--size-large: 48px;
|
|
1609
|
+
--size-x-large: 56px;
|
|
1610
|
+
--size-2x-large: 72px;
|
|
1611
|
+
--space-content-horizontal: 16px;
|
|
1612
|
+
--space-small: 16px;
|
|
1613
|
+
--space-medium: 32px;
|
|
1614
|
+
--space-large: 40px;
|
|
1615
|
+
--space-x-large: 56px;
|
|
1616
|
+
--font-size-12: 0.75rem;
|
|
1617
|
+
--font-size-14: 0.875rem;
|
|
1618
|
+
--font-size-16: 1rem;
|
|
1619
|
+
--font-size-18: 1.125rem;
|
|
1620
|
+
--font-size-20: 1.25rem;
|
|
1621
|
+
--font-size-22: 1.375rem;
|
|
1622
|
+
--font-size-24: 1.5rem;
|
|
1623
|
+
--font-size-26: 1.625rem;
|
|
1624
|
+
--font-size-28: 1.75rem;
|
|
1625
|
+
--font-size-30: 1.875rem;
|
|
1626
|
+
--font-size-32: 2rem;
|
|
1627
|
+
--letter-spacing-xxs: 0.005em;
|
|
1628
|
+
--letter-spacing-xs: 0.01em;
|
|
1629
|
+
--letter-spacing-sm: 0.0125em;
|
|
1630
|
+
--letter-spacing-md: 0.015em;
|
|
1631
|
+
--letter-spacing-lg: 0.02em;
|
|
1632
|
+
--letter-spacing-xl: 0.025em;
|
|
1633
|
+
--letter-spacing-negative-xxs: -0.005em;
|
|
1634
|
+
--letter-spacing-negative-xs: -0.01em;
|
|
1635
|
+
--letter-spacing-negative-sm: -0.0125em;
|
|
1636
|
+
--letter-spacing-negative-md: -0.015em;
|
|
1637
|
+
--letter-spacing-negative-lg: -0.02em;
|
|
1638
|
+
--letter-spacing-negative-xl: -0.025em;
|
|
1639
|
+
--letter-spacing-negative-xxl: -0.03em;
|
|
1640
|
+
--letter-spacing-negative-xxxl: -0.04em;
|
|
1641
|
+
--letter-spacing-negative-xxxxl: -0.05em;
|
|
1642
|
+
--line-height-18: 1.125rem;
|
|
1643
|
+
--line-height-20: 1.25rem;
|
|
1644
|
+
--line-height-22: 1.375rem;
|
|
1645
|
+
--line-height-24: 1.5rem;
|
|
1646
|
+
--line-height-28: 1.75rem;
|
|
1647
|
+
--line-height-30: 1.875rem;
|
|
1648
|
+
--line-height-32: 2rem;
|
|
1649
|
+
--line-height-34: 2.125rem;
|
|
1650
|
+
--line-height-36: 2.25rem;
|
|
1651
|
+
--line-height-42: 2.625rem;
|
|
1652
|
+
--line-height-48: 3rem;
|
|
1653
|
+
--line-height-title: 1.2;
|
|
1654
|
+
--line-height-body: 1.5;
|
|
1655
|
+
--line-height-control: 1.2;
|
|
1656
|
+
--font-weight-light: 300;
|
|
1657
|
+
--font-weight-regular: 400;
|
|
1658
|
+
--font-weight-medium: 500;
|
|
1659
|
+
--font-weight-semi-bold: 600;
|
|
1660
|
+
--font-weight-bold: 700;
|
|
1661
|
+
--font-weight-black: 900;
|
|
1662
|
+
--font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
|
|
1663
|
+
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1666
|
+
/**
|
|
1667
|
+
* Do not edit directly
|
|
1668
|
+
* Generated on Wed, 15 Oct 2025 12:29:55 GMT
|
|
1669
|
+
*/
|
|
1670
|
+
|
|
1671
|
+
.np-theme-business--bright-green {
|
|
1672
|
+
--color-bright-yellow: #ffeb69;
|
|
1673
|
+
--color-bright-orange: #ffc091;
|
|
1674
|
+
--color-dark-purple: #260a2f;
|
|
1675
|
+
--color-dark-gold: #3a341c;
|
|
1676
|
+
--color-bright-blue: #a0e1e1;
|
|
1677
|
+
--color-dark-charcoal: #21231d;
|
|
1678
|
+
--color-white: #ffffff;
|
|
1679
|
+
--color-black: #000000;
|
|
1680
|
+
--color-bright-green: #9fe870;
|
|
1681
|
+
--color-forest-green: #163300;
|
|
1682
|
+
--color-bright-pink: #ffd7ef;
|
|
1683
|
+
--color-dark-maroon: #320707;
|
|
1684
|
+
--color-content-primary: #163300;
|
|
1685
|
+
--color-content-secondary: #163300;
|
|
1686
|
+
--color-content-tertiary: #163300;
|
|
1687
|
+
--color-content-link: #163300;
|
|
1688
|
+
--color-content-link-hover: #0d1f00;
|
|
1689
|
+
--color-content-link-active: #0e0f0c;
|
|
1690
|
+
--color-interactive-control: #e2f6d5;
|
|
1691
|
+
--color-interactive-control-hover: #d3f2c0;
|
|
1692
|
+
--color-interactive-control-active: #c5edab;
|
|
1693
|
+
--color-interactive-primary: #163300;
|
|
1694
|
+
--color-interactive-primary-hover: #0d1f00;
|
|
1695
|
+
--color-interactive-primary-active: #0e0f0c;
|
|
1696
|
+
--color-interactive-secondary: #163300;
|
|
1697
|
+
--color-interactive-secondary-hover: rgba(255,255,255,0);
|
|
1698
|
+
--color-interactive-secondary-active: rgba(255,255,255,0);
|
|
1699
|
+
--color-interactive-accent: #163300;
|
|
1700
|
+
--color-interactive-accent-hover: #0d1f00;
|
|
1701
|
+
--color-interactive-accent-active: #0e0f0c;
|
|
1702
|
+
--color-interactive-contrast: #e2f6d5;
|
|
1703
|
+
--color-interactive-contrast-hover: #d3f2c0;
|
|
1704
|
+
--color-interactive-contrast-active: #c5edab;
|
|
1705
|
+
--color-interactive-neutral: rgba(255,255,255,0.50196);
|
|
1706
|
+
--color-interactive-neutral-hover: rgba(255,255,255,0.6);
|
|
1707
|
+
--color-interactive-neutral-active: rgba(255,255,255,0.70196);
|
|
1708
|
+
--color-border-neutral: rgba(22,51,0,0.12157);
|
|
1709
|
+
--color-border-overlay: rgba(22,51,0,0.12157);
|
|
1710
|
+
--color-background-screen: #e2f6d5;
|
|
1711
|
+
--color-background-screen-hover: rgba(255,255,255,0);
|
|
1712
|
+
--color-background-screen-active: rgba(255,255,255,0.4);
|
|
1713
|
+
--color-background-elevated: #ffffff;
|
|
1714
|
+
--color-background-neutral: rgba(255,255,255,0.70196);
|
|
1715
|
+
--color-background-neutral-hover: rgba(255,255,255,0.8);
|
|
1716
|
+
--color-background-neutral-active: #ffffff;
|
|
1717
|
+
--color-background-overlay: rgba(255,255,255,0.30196);
|
|
1718
|
+
--color-background-surface: rgba(255,255,255,0);
|
|
1719
|
+
--color-sentiment-negative: #cb272f;
|
|
1720
|
+
--color-sentiment-negative-hover: #b8232b;
|
|
1721
|
+
--color-sentiment-negative-active: #a72027;
|
|
1722
|
+
--color-sentiment-negative-primary: #cb272f;
|
|
1723
|
+
--color-sentiment-negative-primary-hover: #b8232b;
|
|
1724
|
+
--color-sentiment-negative-primary-active: #a72027;
|
|
1725
|
+
--color-sentiment-negative-secondary: #fbeaea;
|
|
1726
|
+
--color-sentiment-negative-secondary-hover: #f9e1e1;
|
|
1727
|
+
--color-sentiment-negative-secondary-active: #f8d8d8;
|
|
1728
|
+
--color-sentiment-positive: #054d28;
|
|
1729
|
+
--color-sentiment-positive-hover: #043a1e;
|
|
1730
|
+
--color-sentiment-positive-active: #022614;
|
|
1731
|
+
--color-sentiment-positive-primary: #054d28;
|
|
1732
|
+
--color-sentiment-positive-primary-hover: #043a1e;
|
|
1733
|
+
--color-sentiment-positive-primary-active: #022614;
|
|
1734
|
+
--color-sentiment-positive-secondary: #e2f6d5;
|
|
1735
|
+
--color-sentiment-positive-secondary-hover: #d3f2c0;
|
|
1736
|
+
--color-sentiment-positive-secondary-active: #c5edab;
|
|
1737
|
+
--color-sentiment-warning: #ffd11a;
|
|
1738
|
+
--color-sentiment-warning-hover: #ffd11a;
|
|
1739
|
+
--color-sentiment-warning-active: #ffd11a;
|
|
1740
|
+
--color-sentiment-warning-primary: #ffd11a;
|
|
1741
|
+
--color-sentiment-warning-primary-hover: #ffd11a;
|
|
1742
|
+
--color-sentiment-warning-primary-active: #ffd11a;
|
|
1743
|
+
--color-sentiment-warning-secondary: #fff7d7;
|
|
1744
|
+
--color-sentiment-warning-secondary-hover: #fff7d7;
|
|
1745
|
+
--color-sentiment-warning-secondary-active: #fff7d7;
|
|
1746
|
+
--color-sentiment-warning-content: #4a3b1c;
|
|
1747
|
+
--color-sentiment-warning-content-hover: #3b2f16;
|
|
1748
|
+
--color-sentiment-warning-content-active: #2c2311;
|
|
1749
|
+
--color-contrast: rgba(255,255,255,0);
|
|
1958
1750
|
--color-light: #ffffff;
|
|
1959
1751
|
--color-dark: #121511;
|
|
1960
|
-
--color-contrast-overlay: #
|
|
1961
|
-
--color-contrast-theme: #
|
|
1752
|
+
--color-contrast-overlay: #ffffff;
|
|
1753
|
+
--color-contrast-theme: #163300;
|
|
1962
1754
|
--padding-x-small: 8px;
|
|
1963
1755
|
--padding-small: 16px;
|
|
1964
1756
|
--padding-medium: 24px;
|
|
@@ -2055,12 +1847,8 @@
|
|
|
2055
1847
|
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
2056
1848
|
}
|
|
2057
1849
|
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
* Generated on Wed, 15 Oct 2025 12:29:55 GMT
|
|
2061
|
-
*/
|
|
2062
|
-
|
|
2063
|
-
.np-theme-business--bright-green {
|
|
1850
|
+
:root,
|
|
1851
|
+
.np-theme-personal {
|
|
2064
1852
|
--color-bright-yellow: #ffeb69;
|
|
2065
1853
|
--color-bright-orange: #ffc091;
|
|
2066
1854
|
--color-dark-purple: #260a2f;
|
|
@@ -2073,41 +1861,40 @@
|
|
|
2073
1861
|
--color-forest-green: #163300;
|
|
2074
1862
|
--color-bright-pink: #ffd7ef;
|
|
2075
1863
|
--color-dark-maroon: #320707;
|
|
2076
|
-
--color-content-primary: #
|
|
2077
|
-
--color-content-secondary: #
|
|
2078
|
-
--color-content-tertiary: #
|
|
1864
|
+
--color-content-primary: #0e0f0c;
|
|
1865
|
+
--color-content-secondary: #454745;
|
|
1866
|
+
--color-content-tertiary: #6a6c6a;
|
|
2079
1867
|
--color-content-link: #163300;
|
|
2080
1868
|
--color-content-link-hover: #0d1f00;
|
|
2081
1869
|
--color-content-link-active: #0e0f0c;
|
|
2082
|
-
--color-interactive-control: #e2f6d5;
|
|
2083
|
-
--color-interactive-control-hover: #d3f2c0;
|
|
2084
|
-
--color-interactive-control-active: #c5edab;
|
|
2085
1870
|
--color-interactive-primary: #163300;
|
|
2086
1871
|
--color-interactive-primary-hover: #0d1f00;
|
|
2087
1872
|
--color-interactive-primary-active: #0e0f0c;
|
|
2088
|
-
--color-interactive-secondary: #
|
|
2089
|
-
--color-interactive-secondary-hover:
|
|
2090
|
-
--color-interactive-secondary-active:
|
|
2091
|
-
--color-interactive-accent: #
|
|
2092
|
-
--color-interactive-accent-hover: #
|
|
2093
|
-
--color-interactive-accent-active: #
|
|
2094
|
-
--color-interactive-
|
|
2095
|
-
--color-interactive-
|
|
2096
|
-
--color-interactive-
|
|
2097
|
-
--color-interactive-
|
|
2098
|
-
--color-interactive-
|
|
2099
|
-
--color-interactive-
|
|
2100
|
-
--color-
|
|
2101
|
-
--color-
|
|
2102
|
-
--color-
|
|
2103
|
-
--color-
|
|
2104
|
-
--color-
|
|
1873
|
+
--color-interactive-secondary: #868685;
|
|
1874
|
+
--color-interactive-secondary-hover: #6c6c6b;
|
|
1875
|
+
--color-interactive-secondary-active: #525251;
|
|
1876
|
+
--color-interactive-accent: #9fe870;
|
|
1877
|
+
--color-interactive-accent-hover: #80e142;
|
|
1878
|
+
--color-interactive-accent-active: #65cf21;
|
|
1879
|
+
--color-interactive-control: #163300;
|
|
1880
|
+
--color-interactive-control-hover: #0d1f00;
|
|
1881
|
+
--color-interactive-control-active: #0e0f0c;
|
|
1882
|
+
--color-interactive-contrast: #9fe870;
|
|
1883
|
+
--color-interactive-contrast-hover: #cdffad;
|
|
1884
|
+
--color-interactive-contrast-active: #ecffe0;
|
|
1885
|
+
--color-interactive-neutral: #e2f6d5;
|
|
1886
|
+
--color-interactive-neutral-hover: #d3f2c0;
|
|
1887
|
+
--color-interactive-neutral-active: #c5edab;
|
|
1888
|
+
--color-border-neutral: rgba(14,15,12,0.12157);
|
|
1889
|
+
--color-border-overlay: rgba(14,15,12,0.12157);
|
|
1890
|
+
--color-background-screen: #ffffff;
|
|
1891
|
+
--color-background-screen-hover: rgba(22,51,0,0.07843);
|
|
1892
|
+
--color-background-screen-active: rgba(22,51,0,0.12941);
|
|
2105
1893
|
--color-background-elevated: #ffffff;
|
|
2106
|
-
--color-background-neutral: rgba(
|
|
2107
|
-
--color-background-neutral-hover: rgba(
|
|
2108
|
-
--color-background-neutral-active:
|
|
2109
|
-
--color-background-overlay: rgba(
|
|
2110
|
-
--color-background-surface: rgba(255,255,255,0);
|
|
1894
|
+
--color-background-neutral: rgba(22,51,0,0.07843);
|
|
1895
|
+
--color-background-neutral-hover: rgba(22,51,0,0.12941);
|
|
1896
|
+
--color-background-neutral-active: rgba(22,51,0,0.18039);
|
|
1897
|
+
--color-background-overlay: rgba(22,51,0,0.07843);
|
|
2111
1898
|
--color-sentiment-negative: #cb272f;
|
|
2112
1899
|
--color-sentiment-negative-hover: #b8232b;
|
|
2113
1900
|
--color-sentiment-negative-active: #a72027;
|
|
@@ -2138,11 +1925,11 @@
|
|
|
2138
1925
|
--color-sentiment-warning-content: #4a3b1c;
|
|
2139
1926
|
--color-sentiment-warning-content-hover: #3b2f16;
|
|
2140
1927
|
--color-sentiment-warning-content-active: #2c2311;
|
|
2141
|
-
--color-contrast:
|
|
1928
|
+
--color-contrast: #ffffff;
|
|
2142
1929
|
--color-light: #ffffff;
|
|
2143
1930
|
--color-dark: #121511;
|
|
2144
1931
|
--color-contrast-overlay: #ffffff;
|
|
2145
|
-
--color-contrast-theme: #
|
|
1932
|
+
--color-contrast-theme: #121511;
|
|
2146
1933
|
--padding-x-small: 8px;
|
|
2147
1934
|
--padding-small: 16px;
|
|
2148
1935
|
--padding-medium: 24px;
|
|
@@ -2239,6 +2026,73 @@
|
|
|
2239
2026
|
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
2240
2027
|
}
|
|
2241
2028
|
|
|
2029
|
+
/**
|
|
2030
|
+
* We added new shape theme into tokens to prevent breaking changes. This is a temporary measure.
|
|
2031
|
+
*
|
|
2032
|
+
* We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
|
|
2033
|
+
*/
|
|
2034
|
+
|
|
2035
|
+
@media (max-width: 320px) {
|
|
2036
|
+
:root,
|
|
2037
|
+
.np-theme-personal {
|
|
2038
|
+
--delta: 2;
|
|
2039
|
+
--size-4: calc(4px / var(--delta));
|
|
2040
|
+
--size-5: calc(5px / var(--delta));
|
|
2041
|
+
--size-8: calc(8px / var(--delta));
|
|
2042
|
+
--size-10: calc(10px / var(--delta));
|
|
2043
|
+
--size-12: calc(12px / var(--delta));
|
|
2044
|
+
--size-14: calc(14px / var(--delta));
|
|
2045
|
+
--size-16: calc(16px / var(--delta));
|
|
2046
|
+
--size-24: calc(24px / var(--delta));
|
|
2047
|
+
--size-32: calc(32px / var(--delta));
|
|
2048
|
+
--size-40: calc(40px / var(--delta));
|
|
2049
|
+
--size-48: calc(48px / var(--delta));
|
|
2050
|
+
--size-52: calc(52px / var(--delta));
|
|
2051
|
+
--size-56: calc(56px / var(--delta));
|
|
2052
|
+
--size-60: calc(60px / var(--delta));
|
|
2053
|
+
--size-64: calc(64px / var(--delta));
|
|
2054
|
+
--size-72: calc(72px / var(--delta));
|
|
2055
|
+
--size-80: calc(80px / var(--delta));
|
|
2056
|
+
--size-88: calc(88px / var(--delta));
|
|
2057
|
+
--size-96: calc(96px / var(--delta));
|
|
2058
|
+
--size-104: calc(104px / var(--delta));
|
|
2059
|
+
--size-112: calc(112px / var(--delta));
|
|
2060
|
+
--size-120: calc(120px / var(--delta));
|
|
2061
|
+
--size-126: calc(126px / var(--delta));
|
|
2062
|
+
--size-128: calc(128px / var(--delta));
|
|
2063
|
+
--size-146: calc(146px / var(--delta));
|
|
2064
|
+
--size-154: calc(154px / var(--delta));
|
|
2065
|
+
--size-x-small: calc(24px / var(--delta));
|
|
2066
|
+
--size-small: calc(32px / var(--delta));
|
|
2067
|
+
--size-medium: calc(40px / var(--delta));
|
|
2068
|
+
--size-large: calc(48px / var(--delta));
|
|
2069
|
+
--size-x-large: calc(56px / var(--delta));
|
|
2070
|
+
--size-2x-large: calc(72px / var(--delta));
|
|
2071
|
+
--space-content-horizontal: calc(16px / var(--delta));
|
|
2072
|
+
--space-small: calc(16px / var(--delta));
|
|
2073
|
+
--space-medium: calc(32px / var(--delta));
|
|
2074
|
+
--space-large: calc(40px / var(--delta));
|
|
2075
|
+
--space-x-large: calc(56px / var(--delta));
|
|
2076
|
+
--padding-x-small: var(--size-8);
|
|
2077
|
+
--padding-small: var(--size-16);
|
|
2078
|
+
--padding-medium: var(--size-24);
|
|
2079
|
+
--padding-large: var(--size-32);
|
|
2080
|
+
--input-height-base: var(--size-32);
|
|
2081
|
+
--input-height-large: var(--input-height-small);
|
|
2082
|
+
--input-padding: var(--input-padding-small);
|
|
2083
|
+
--input-padding-large: var(--input-padding-small);
|
|
2084
|
+
--input-group-addon-padding: var(--input-group-addon-sm-padding);
|
|
2085
|
+
--input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
|
|
2086
|
+
--btn-height: var(--input-height-base);
|
|
2087
|
+
--btn-lg-height: var(--btn-height);
|
|
2088
|
+
--btn-sm-height: var(--btn-height);
|
|
2089
|
+
--btn-padding: var(--input-padding);
|
|
2090
|
+
--btn-sm-padding: var(--btn-padding);
|
|
2091
|
+
--btn-lg-padding: var(--btn-padding);
|
|
2092
|
+
--dropdown-link-padding: var(--size-12) var(--size-16);
|
|
2093
|
+
}
|
|
2094
|
+
}
|
|
2095
|
+
|
|
2242
2096
|
/* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
|
|
2243
2097
|
|
|
2244
2098
|
@font-face {
|
|
@@ -2607,10 +2461,18 @@ summary {
|
|
|
2607
2461
|
--btn-radius-base: 9999px;
|
|
2608
2462
|
--btn-sm-radius-base: var(--btn-radius-base);
|
|
2609
2463
|
--btn-lg-radius-base: var(--btn-radius-base);
|
|
2464
|
+
background-color: #ffffff;
|
|
2465
|
+
background-color: var(--color-background-screen);
|
|
2610
2466
|
color: #5d7079;
|
|
2611
2467
|
color: var(--color-content-secondary);
|
|
2468
|
+
}
|
|
2469
|
+
|
|
2470
|
+
.np-theme-business,
|
|
2471
|
+
.np-theme-platform {
|
|
2612
2472
|
background-color: #ffffff;
|
|
2613
2473
|
background-color: var(--color-background-screen);
|
|
2474
|
+
color: #5d7079;
|
|
2475
|
+
color: var(--color-content-secondary);
|
|
2614
2476
|
}
|
|
2615
2477
|
|
|
2616
2478
|
html {
|
|
@@ -2637,12 +2499,14 @@ pre {
|
|
|
2637
2499
|
}
|
|
2638
2500
|
|
|
2639
2501
|
.np-theme-personal::-moz-selection {
|
|
2502
|
+
background-color: rgba(22,51,0,0.18039);
|
|
2640
2503
|
background-color: var(--color-background-neutral-active);
|
|
2641
2504
|
color: #37517e;
|
|
2642
2505
|
color: var(--color-content-primary);
|
|
2643
2506
|
}
|
|
2644
2507
|
|
|
2645
2508
|
.np-theme-personal::selection {
|
|
2509
|
+
background-color: rgba(22,51,0,0.18039);
|
|
2646
2510
|
background-color: var(--color-background-neutral-active);
|
|
2647
2511
|
color: #37517e;
|
|
2648
2512
|
color: var(--color-content-primary);
|
|
@@ -2656,6 +2520,7 @@ pre {
|
|
|
2656
2520
|
a,
|
|
2657
2521
|
.np-text-link-default,
|
|
2658
2522
|
.np-text-link-large {
|
|
2523
|
+
color: #163300;
|
|
2659
2524
|
color: var(--color-content-link);
|
|
2660
2525
|
}
|
|
2661
2526
|
|
|
@@ -2692,6 +2557,7 @@ a:hover,
|
|
|
2692
2557
|
a:focus,
|
|
2693
2558
|
.np-text-link-default:focus,
|
|
2694
2559
|
.np-text-link-large:focus {
|
|
2560
|
+
color: #0d1f00;
|
|
2695
2561
|
color: var(--color-content-link-hover);
|
|
2696
2562
|
-webkit-text-decoration: underline;
|
|
2697
2563
|
text-decoration: underline;
|
|
@@ -2701,6 +2567,7 @@ a:focus,
|
|
|
2701
2567
|
a:active,
|
|
2702
2568
|
.np-text-link-default:active,
|
|
2703
2569
|
.np-text-link-large:active {
|
|
2570
|
+
color: #0e0f0c;
|
|
2704
2571
|
color: var(--color-content-link-active);
|
|
2705
2572
|
}
|
|
2706
2573
|
|
|
@@ -4496,6 +4363,7 @@ a.text-success:focus {
|
|
|
4496
4363
|
.text-info {
|
|
4497
4364
|
color: #0097c7 !important;
|
|
4498
4365
|
color: var(--color-content-accent) !important;
|
|
4366
|
+
color: #163300 !important;
|
|
4499
4367
|
color: var(--color-interactive-primary) !important;
|
|
4500
4368
|
}
|
|
4501
4369
|
|
|
@@ -4529,6 +4397,7 @@ a.text-warning:focus {
|
|
|
4529
4397
|
|
|
4530
4398
|
.text-negative,
|
|
4531
4399
|
.text-danger {
|
|
4400
|
+
color: #cb272f !important;
|
|
4532
4401
|
color: var(--color-sentiment-negative) !important;
|
|
4533
4402
|
}
|
|
4534
4403
|
|
|
@@ -4536,6 +4405,7 @@ a.text-negative:hover,
|
|
|
4536
4405
|
a.text-danger:hover,
|
|
4537
4406
|
a.text-negative:focus,
|
|
4538
4407
|
a.text-danger:focus {
|
|
4408
|
+
color: #b8232b !important;
|
|
4539
4409
|
color: var(--color-sentiment-negative-hover) !important;
|
|
4540
4410
|
}
|
|
4541
4411
|
|
|
@@ -6883,6 +6753,7 @@ tbody.collapse.in {
|
|
|
6883
6753
|
}
|
|
6884
6754
|
|
|
6885
6755
|
.np-theme-personal .chevron-color {
|
|
6756
|
+
color: #163300;
|
|
6886
6757
|
color: var(--color-interactive-primary);
|
|
6887
6758
|
}
|
|
6888
6759
|
|
|
@@ -7693,6 +7564,7 @@ input:focus ~ .alert-focus,
|
|
|
7693
7564
|
.bg-primary .np-theme-personal .alert-warning .close:focus,
|
|
7694
7565
|
.bg-primary .np-theme-personal .alert-danger .close:focus,
|
|
7695
7566
|
.bg-primary .np-theme-personal .alert-negative .close:focus {
|
|
7567
|
+
color: #0d1f00;
|
|
7696
7568
|
color: var(--color-content-link-hover);
|
|
7697
7569
|
}
|
|
7698
7570
|
|
|
@@ -7703,6 +7575,7 @@ input:focus ~ .alert-focus,
|
|
|
7703
7575
|
.np-theme-personal .alert-warning .np-link,
|
|
7704
7576
|
.np-theme-personal .alert-danger .np-link,
|
|
7705
7577
|
.np-theme-personal .alert-negative .np-link {
|
|
7578
|
+
color: #163300;
|
|
7706
7579
|
color: var(--color-content-link);
|
|
7707
7580
|
}
|
|
7708
7581
|
|
|
@@ -7720,6 +7593,7 @@ input:focus ~ .alert-focus,
|
|
|
7720
7593
|
.np-theme-personal .alert-warning .np-link:focus,
|
|
7721
7594
|
.np-theme-personal .alert-danger .np-link:focus,
|
|
7722
7595
|
.np-theme-personal .alert-negative .np-link:focus {
|
|
7596
|
+
color: #0d1f00;
|
|
7723
7597
|
color: var(--color-content-link-hover);
|
|
7724
7598
|
}
|
|
7725
7599
|
|
|
@@ -7736,6 +7610,7 @@ input:focus ~ .alert-focus,
|
|
|
7736
7610
|
}
|
|
7737
7611
|
|
|
7738
7612
|
.np-theme-personal .bg--dark {
|
|
7613
|
+
background-color: #163300;
|
|
7739
7614
|
background-color: var(--color-forest-green);
|
|
7740
7615
|
background-image: none;
|
|
7741
7616
|
color: #daffc0;
|
|
@@ -7848,6 +7723,7 @@ a.badge:focus {
|
|
|
7848
7723
|
}
|
|
7849
7724
|
|
|
7850
7725
|
.np-theme-personal .badge-success {
|
|
7726
|
+
background: #054d28;
|
|
7851
7727
|
background: var(--color-sentiment-positive);
|
|
7852
7728
|
}
|
|
7853
7729
|
|
|
@@ -7927,11 +7803,13 @@ a.badge:focus {
|
|
|
7927
7803
|
|
|
7928
7804
|
.np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
|
|
7929
7805
|
.np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
|
|
7806
|
+
outline-color: #cb272f;
|
|
7930
7807
|
outline-color: var(--color-sentiment-negative);
|
|
7931
7808
|
}
|
|
7932
7809
|
|
|
7933
7810
|
.np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
|
|
7934
7811
|
.np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
|
|
7812
|
+
outline-color: #ffffff;
|
|
7935
7813
|
outline-color: var(--color-contrast);
|
|
7936
7814
|
}
|
|
7937
7815
|
|
|
@@ -7941,6 +7819,7 @@ a.badge:focus {
|
|
|
7941
7819
|
|
|
7942
7820
|
.np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus,
|
|
7943
7821
|
.np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus {
|
|
7822
|
+
outline-color: #cb272f;
|
|
7944
7823
|
outline-color: var(--color-sentiment-negative);
|
|
7945
7824
|
}
|
|
7946
7825
|
|
|
@@ -8015,6 +7894,7 @@ fieldset[disabled] a.btn {
|
|
|
8015
7894
|
}
|
|
8016
7895
|
|
|
8017
7896
|
.np-theme-personal .btn-default {
|
|
7897
|
+
color: #163300;
|
|
8018
7898
|
color: var(--color-interactive-control);
|
|
8019
7899
|
background-color: #00a2dd;
|
|
8020
7900
|
background-color: var(--color-interactive-accent);
|
|
@@ -8024,6 +7904,7 @@ fieldset[disabled] a.btn {
|
|
|
8024
7904
|
}
|
|
8025
7905
|
|
|
8026
7906
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
7907
|
+
color: #163300;
|
|
8027
7908
|
color: var(--color-interactive-control);
|
|
8028
7909
|
background-color: #008fc9;
|
|
8029
7910
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8034,6 +7915,7 @@ fieldset[disabled] a.btn {
|
|
|
8034
7915
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
|
|
8035
7916
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8036
7917
|
.open > .dropdown-toggle.np-theme-personal .btn-default {
|
|
7918
|
+
color: #163300;
|
|
8037
7919
|
color: var(--color-interactive-control);
|
|
8038
7920
|
background-color: #0081ba;
|
|
8039
7921
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8044,6 +7926,7 @@ fieldset[disabled] a.btn {
|
|
|
8044
7926
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
|
|
8045
7927
|
.np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8046
7928
|
.open > .dropdown-toggle.np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
|
|
7929
|
+
color: #163300;
|
|
8047
7930
|
color: var(--color-interactive-control);
|
|
8048
7931
|
background-color: #0081ba;
|
|
8049
7932
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8059,17 +7942,21 @@ fieldset[disabled] a.btn {
|
|
|
8059
7942
|
.np-theme-personal .btn-default .badge {
|
|
8060
7943
|
color: #00a2dd;
|
|
8061
7944
|
color: var(--color-interactive-accent);
|
|
7945
|
+
background-color: #163300;
|
|
8062
7946
|
background-color: var(--color-interactive-control);
|
|
8063
7947
|
}
|
|
8064
7948
|
|
|
8065
7949
|
.np-theme-personal .btn-default.btn-priority-2 {
|
|
7950
|
+
color: #163300;
|
|
8066
7951
|
color: var(--color-interactive-primary);
|
|
8067
7952
|
background-color: transparent;
|
|
7953
|
+
border-color: #163300;
|
|
8068
7954
|
border-color: var(--color-interactive-primary);
|
|
8069
7955
|
transition: color, background-color 0.15s ease-in-out;
|
|
8070
7956
|
}
|
|
8071
7957
|
|
|
8072
7958
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
7959
|
+
color: #163300;
|
|
8073
7960
|
color: var(--color-interactive-control);
|
|
8074
7961
|
background-color: #008fc9;
|
|
8075
7962
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8080,6 +7967,7 @@ fieldset[disabled] a.btn {
|
|
|
8080
7967
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
|
|
8081
7968
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8082
7969
|
.open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
|
|
7970
|
+
color: #163300;
|
|
8083
7971
|
color: var(--color-interactive-control);
|
|
8084
7972
|
background-color: #0081ba;
|
|
8085
7973
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8090,6 +7978,7 @@ fieldset[disabled] a.btn {
|
|
|
8090
7978
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
|
|
8091
7979
|
.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8092
7980
|
.open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
|
|
7981
|
+
color: #163300;
|
|
8093
7982
|
color: var(--color-interactive-control);
|
|
8094
7983
|
background-color: #0081ba;
|
|
8095
7984
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8104,6 +7993,7 @@ fieldset[disabled] a.btn {
|
|
|
8104
7993
|
|
|
8105
7994
|
.np-theme-personal .btn-default.btn-priority-2 .badge {
|
|
8106
7995
|
color: transparent;
|
|
7996
|
+
background-color: #163300;
|
|
8107
7997
|
background-color: var(--color-interactive-primary);
|
|
8108
7998
|
}
|
|
8109
7999
|
|
|
@@ -8227,6 +8117,7 @@ fieldset[disabled] a.btn {
|
|
|
8227
8117
|
|
|
8228
8118
|
.np-theme-personal .btn-accent,
|
|
8229
8119
|
.np-theme-personal .btn-primary {
|
|
8120
|
+
color: #163300;
|
|
8230
8121
|
color: var(--color-interactive-control);
|
|
8231
8122
|
background-color: #00a2dd;
|
|
8232
8123
|
background-color: var(--color-interactive-accent);
|
|
@@ -8237,6 +8128,7 @@ fieldset[disabled] a.btn {
|
|
|
8237
8128
|
|
|
8238
8129
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8239
8130
|
.np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8131
|
+
color: #163300;
|
|
8240
8132
|
color: var(--color-interactive-control);
|
|
8241
8133
|
background-color: #008fc9;
|
|
8242
8134
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8250,6 +8142,7 @@ fieldset[disabled] a.btn {
|
|
|
8250
8142
|
.np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8251
8143
|
.open > .dropdown-toggle.np-theme-personal .btn-accent,
|
|
8252
8144
|
.open > .dropdown-toggle.np-theme-personal .btn-primary {
|
|
8145
|
+
color: #163300;
|
|
8253
8146
|
color: var(--color-interactive-control);
|
|
8254
8147
|
background-color: #0081ba;
|
|
8255
8148
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8263,6 +8156,7 @@ fieldset[disabled] a.btn {
|
|
|
8263
8156
|
.np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8264
8157
|
.open > .dropdown-toggle.np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
|
|
8265
8158
|
.open > .dropdown-toggle.np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
|
|
8159
|
+
color: #163300;
|
|
8266
8160
|
color: var(--color-interactive-control);
|
|
8267
8161
|
background-color: #0081ba;
|
|
8268
8162
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8281,19 +8175,23 @@ fieldset[disabled] a.btn {
|
|
|
8281
8175
|
.np-theme-personal .btn-primary .badge {
|
|
8282
8176
|
color: #00a2dd;
|
|
8283
8177
|
color: var(--color-interactive-accent);
|
|
8178
|
+
background-color: #163300;
|
|
8284
8179
|
background-color: var(--color-interactive-control);
|
|
8285
8180
|
}
|
|
8286
8181
|
|
|
8287
8182
|
.np-theme-personal .btn-accent.btn-priority-2,
|
|
8288
8183
|
.np-theme-personal .btn-primary.btn-priority-2 {
|
|
8184
|
+
color: #163300;
|
|
8289
8185
|
color: var(--color-interactive-primary);
|
|
8290
8186
|
background-color: transparent;
|
|
8187
|
+
border-color: #163300;
|
|
8291
8188
|
border-color: var(--color-interactive-primary);
|
|
8292
8189
|
transition: color, background-color 0.15s ease-in-out;
|
|
8293
8190
|
}
|
|
8294
8191
|
|
|
8295
8192
|
.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8296
8193
|
.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8194
|
+
color: #163300;
|
|
8297
8195
|
color: var(--color-interactive-control);
|
|
8298
8196
|
background-color: #008fc9;
|
|
8299
8197
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8307,6 +8205,7 @@ fieldset[disabled] a.btn {
|
|
|
8307
8205
|
.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8308
8206
|
.open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
|
|
8309
8207
|
.open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
|
|
8208
|
+
color: #163300;
|
|
8310
8209
|
color: var(--color-interactive-control);
|
|
8311
8210
|
background-color: #0081ba;
|
|
8312
8211
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8320,6 +8219,7 @@ fieldset[disabled] a.btn {
|
|
|
8320
8219
|
.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8321
8220
|
.open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
|
|
8322
8221
|
.open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
|
|
8222
|
+
color: #163300;
|
|
8323
8223
|
color: var(--color-interactive-control);
|
|
8324
8224
|
background-color: #0081ba;
|
|
8325
8225
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8337,6 +8237,7 @@ fieldset[disabled] a.btn {
|
|
|
8337
8237
|
.np-theme-personal .btn-accent.btn-priority-2 .badge,
|
|
8338
8238
|
.np-theme-personal .btn-primary.btn-priority-2 .badge {
|
|
8339
8239
|
color: transparent;
|
|
8240
|
+
background-color: #163300;
|
|
8340
8241
|
background-color: var(--color-interactive-primary);
|
|
8341
8242
|
}
|
|
8342
8243
|
|
|
@@ -8382,6 +8283,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8382
8283
|
|
|
8383
8284
|
.np-theme-personal .btn-link,
|
|
8384
8285
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
8286
|
+
color: #163300;
|
|
8385
8287
|
color: var(--color-interactive-primary);
|
|
8386
8288
|
border-color: transparent;
|
|
8387
8289
|
-webkit-text-decoration: underline;
|
|
@@ -8393,13 +8295,16 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8393
8295
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8394
8296
|
.np-theme-personal .btn-link:not(.disabled):not(:disabled):focus-visible,
|
|
8395
8297
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
|
|
8298
|
+
color: #0d1f00;
|
|
8396
8299
|
color: var(--color-interactive-primary-hover);
|
|
8397
8300
|
border-color: transparent;
|
|
8398
8301
|
}
|
|
8399
8302
|
|
|
8400
8303
|
.np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
|
|
8401
8304
|
.np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
|
|
8305
|
+
color: #0e0f0c;
|
|
8402
8306
|
color: var(--color-interactive-primary-active);
|
|
8307
|
+
background-color: rgba(22,51,0,0.12941) !important;
|
|
8403
8308
|
background-color: var(--color-background-screen-active) !important;
|
|
8404
8309
|
}
|
|
8405
8310
|
|
|
@@ -8540,6 +8445,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8540
8445
|
|
|
8541
8446
|
.np-theme-personal .btn-positive,
|
|
8542
8447
|
.np-theme-personal .btn-success {
|
|
8448
|
+
color: #163300;
|
|
8543
8449
|
color: var(--color-interactive-control);
|
|
8544
8450
|
background-color: #00a2dd;
|
|
8545
8451
|
background-color: var(--color-interactive-accent);
|
|
@@ -8550,6 +8456,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8550
8456
|
|
|
8551
8457
|
.np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8552
8458
|
.np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8459
|
+
color: #163300;
|
|
8553
8460
|
color: var(--color-interactive-control);
|
|
8554
8461
|
background-color: #008fc9;
|
|
8555
8462
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8563,6 +8470,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8563
8470
|
.np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8564
8471
|
.open > .dropdown-toggle.np-theme-personal .btn-positive,
|
|
8565
8472
|
.open > .dropdown-toggle.np-theme-personal .btn-success {
|
|
8473
|
+
color: #163300;
|
|
8566
8474
|
color: var(--color-interactive-control);
|
|
8567
8475
|
background-color: #0081ba;
|
|
8568
8476
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8576,6 +8484,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8576
8484
|
.np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8577
8485
|
.open > .dropdown-toggle.np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
|
|
8578
8486
|
.open > .dropdown-toggle.np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
|
|
8487
|
+
color: #163300;
|
|
8579
8488
|
color: var(--color-interactive-control);
|
|
8580
8489
|
background-color: #0081ba;
|
|
8581
8490
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8594,19 +8503,23 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8594
8503
|
.np-theme-personal .btn-success .badge {
|
|
8595
8504
|
color: #00a2dd;
|
|
8596
8505
|
color: var(--color-interactive-accent);
|
|
8506
|
+
background-color: #163300;
|
|
8597
8507
|
background-color: var(--color-interactive-control);
|
|
8598
8508
|
}
|
|
8599
8509
|
|
|
8600
8510
|
.np-theme-personal .btn-positive.btn-priority-2,
|
|
8601
8511
|
.np-theme-personal .btn-success.btn-priority-2 {
|
|
8512
|
+
color: #163300;
|
|
8602
8513
|
color: var(--color-interactive-primary);
|
|
8603
8514
|
background-color: transparent;
|
|
8515
|
+
border-color: #163300;
|
|
8604
8516
|
border-color: var(--color-interactive-primary);
|
|
8605
8517
|
transition: color, background-color 0.15s ease-in-out;
|
|
8606
8518
|
}
|
|
8607
8519
|
|
|
8608
8520
|
.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8609
8521
|
.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8522
|
+
color: #163300;
|
|
8610
8523
|
color: var(--color-interactive-control);
|
|
8611
8524
|
background-color: #008fc9;
|
|
8612
8525
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -8620,6 +8533,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8620
8533
|
.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8621
8534
|
.open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
|
|
8622
8535
|
.open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
|
|
8536
|
+
color: #163300;
|
|
8623
8537
|
color: var(--color-interactive-control);
|
|
8624
8538
|
background-color: #0081ba;
|
|
8625
8539
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8633,6 +8547,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8633
8547
|
.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8634
8548
|
.open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
|
|
8635
8549
|
.open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
|
|
8550
|
+
color: #163300;
|
|
8636
8551
|
color: var(--color-interactive-control);
|
|
8637
8552
|
background-color: #0081ba;
|
|
8638
8553
|
background-color: var(--color-interactive-accent-active);
|
|
@@ -8650,6 +8565,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8650
8565
|
.np-theme-personal .btn-positive.btn-priority-2 .badge,
|
|
8651
8566
|
.np-theme-personal .btn-success.btn-priority-2 .badge {
|
|
8652
8567
|
color: transparent;
|
|
8568
|
+
background-color: #163300;
|
|
8653
8569
|
background-color: var(--color-interactive-primary);
|
|
8654
8570
|
}
|
|
8655
8571
|
|
|
@@ -8851,16 +8767,22 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8851
8767
|
|
|
8852
8768
|
.np-theme-personal .btn-danger,
|
|
8853
8769
|
.np-theme-personal .btn-negative {
|
|
8770
|
+
color: #ffffff;
|
|
8854
8771
|
color: var(--color-contrast);
|
|
8772
|
+
background-color: #cb272f;
|
|
8855
8773
|
background-color: var(--color-sentiment-negative);
|
|
8774
|
+
border-color: #cb272f;
|
|
8856
8775
|
border-color: var(--color-sentiment-negative);
|
|
8857
8776
|
transition: color, background-color 0.15s ease-in-out;
|
|
8858
8777
|
}
|
|
8859
8778
|
|
|
8860
8779
|
.np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8861
8780
|
.np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8781
|
+
color: #ffffff;
|
|
8862
8782
|
color: var(--color-contrast);
|
|
8783
|
+
background-color: #b8232b;
|
|
8863
8784
|
background-color: var(--color-sentiment-negative-hover);
|
|
8785
|
+
border-color: #b8232b;
|
|
8864
8786
|
border-color: var(--color-sentiment-negative-hover);
|
|
8865
8787
|
}
|
|
8866
8788
|
|
|
@@ -8870,8 +8792,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8870
8792
|
.np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8871
8793
|
.open > .dropdown-toggle.np-theme-personal .btn-danger,
|
|
8872
8794
|
.open > .dropdown-toggle.np-theme-personal .btn-negative {
|
|
8795
|
+
color: #ffffff;
|
|
8873
8796
|
color: var(--color-contrast);
|
|
8797
|
+
background-color: #a72027;
|
|
8874
8798
|
background-color: var(--color-sentiment-negative-active);
|
|
8799
|
+
border-color: #a72027;
|
|
8875
8800
|
border-color: var(--color-sentiment-negative-active);
|
|
8876
8801
|
}
|
|
8877
8802
|
|
|
@@ -8881,8 +8806,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8881
8806
|
.np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8882
8807
|
.open > .dropdown-toggle.np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
|
|
8883
8808
|
.open > .dropdown-toggle.np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
|
|
8809
|
+
color: #ffffff;
|
|
8884
8810
|
color: var(--color-contrast);
|
|
8811
|
+
background-color: #a72027;
|
|
8885
8812
|
background-color: var(--color-sentiment-negative-active);
|
|
8813
|
+
border-color: #a72027;
|
|
8886
8814
|
border-color: var(--color-sentiment-negative-active);
|
|
8887
8815
|
}
|
|
8888
8816
|
|
|
@@ -8895,22 +8823,29 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8895
8823
|
|
|
8896
8824
|
.np-theme-personal .btn-danger .badge,
|
|
8897
8825
|
.np-theme-personal .btn-negative .badge {
|
|
8826
|
+
color: #cb272f;
|
|
8898
8827
|
color: var(--color-sentiment-negative);
|
|
8828
|
+
background-color: #ffffff;
|
|
8899
8829
|
background-color: var(--color-contrast);
|
|
8900
8830
|
}
|
|
8901
8831
|
|
|
8902
8832
|
.np-theme-personal .btn-danger.btn-priority-2,
|
|
8903
8833
|
.np-theme-personal .btn-negative.btn-priority-2 {
|
|
8834
|
+
color: #cb272f;
|
|
8904
8835
|
color: var(--color-sentiment-negative);
|
|
8905
8836
|
background-color: transparent;
|
|
8837
|
+
border-color: #cb272f;
|
|
8906
8838
|
border-color: var(--color-sentiment-negative);
|
|
8907
8839
|
transition: color, background-color 0.15s ease-in-out;
|
|
8908
8840
|
}
|
|
8909
8841
|
|
|
8910
8842
|
.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
|
|
8911
8843
|
.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
|
|
8844
|
+
color: #ffffff;
|
|
8912
8845
|
color: var(--color-contrast);
|
|
8846
|
+
background-color: #b8232b;
|
|
8913
8847
|
background-color: var(--color-sentiment-negative-hover);
|
|
8848
|
+
border-color: #b8232b;
|
|
8914
8849
|
border-color: var(--color-sentiment-negative-hover);
|
|
8915
8850
|
}
|
|
8916
8851
|
|
|
@@ -8920,8 +8855,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8920
8855
|
.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
|
|
8921
8856
|
.open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
|
|
8922
8857
|
.open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
|
|
8858
|
+
color: #ffffff;
|
|
8923
8859
|
color: var(--color-contrast);
|
|
8860
|
+
background-color: #a72027;
|
|
8924
8861
|
background-color: var(--color-sentiment-negative-active);
|
|
8862
|
+
border-color: #a72027;
|
|
8925
8863
|
border-color: var(--color-sentiment-negative-active);
|
|
8926
8864
|
}
|
|
8927
8865
|
|
|
@@ -8931,8 +8869,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8931
8869
|
.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
|
|
8932
8870
|
.open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
|
|
8933
8871
|
.open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
|
|
8872
|
+
color: #ffffff;
|
|
8934
8873
|
color: var(--color-contrast);
|
|
8874
|
+
background-color: #a72027;
|
|
8935
8875
|
background-color: var(--color-sentiment-negative-active);
|
|
8876
|
+
border-color: #a72027;
|
|
8936
8877
|
border-color: var(--color-sentiment-negative-active);
|
|
8937
8878
|
}
|
|
8938
8879
|
|
|
@@ -8946,6 +8887,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
|
|
|
8946
8887
|
.np-theme-personal .btn-danger.btn-priority-2 .badge,
|
|
8947
8888
|
.np-theme-personal .btn-negative.btn-priority-2 .badge {
|
|
8948
8889
|
color: transparent;
|
|
8890
|
+
background-color: #cb272f;
|
|
8949
8891
|
background-color: var(--color-sentiment-negative);
|
|
8950
8892
|
}
|
|
8951
8893
|
|
|
@@ -10305,6 +10247,7 @@ textarea.form-control {
|
|
|
10305
10247
|
}
|
|
10306
10248
|
|
|
10307
10249
|
.np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
|
|
10250
|
+
border-color: #163300;
|
|
10308
10251
|
border-color: var(--color-interactive-primary);
|
|
10309
10252
|
outline: 0;
|
|
10310
10253
|
}
|
|
@@ -10315,6 +10258,7 @@ textarea.form-control {
|
|
|
10315
10258
|
}
|
|
10316
10259
|
|
|
10317
10260
|
.np-theme-personal .form-control:focus {
|
|
10261
|
+
border-color: #163300;
|
|
10318
10262
|
border-color: var(--color-interactive-primary);
|
|
10319
10263
|
}
|
|
10320
10264
|
|
|
@@ -10918,6 +10862,7 @@ select[multiple].input-lg {
|
|
|
10918
10862
|
}
|
|
10919
10863
|
|
|
10920
10864
|
.np-theme-personal .has-success {
|
|
10865
|
+
border-color: #054d28 !important;
|
|
10921
10866
|
border-color: var(--color-sentiment-positive) !important;
|
|
10922
10867
|
}
|
|
10923
10868
|
|
|
@@ -10937,6 +10882,7 @@ select[multiple].input-lg {
|
|
|
10937
10882
|
.np-theme-personal .has-success .input-group-addon {
|
|
10938
10883
|
color: #37517e !important;
|
|
10939
10884
|
color: var(--color-content-primary) !important;
|
|
10885
|
+
border-color: #054d28 !important;
|
|
10940
10886
|
border-color: var(--color-sentiment-positive) !important;
|
|
10941
10887
|
}
|
|
10942
10888
|
|
|
@@ -10946,6 +10892,7 @@ select[multiple].input-lg {
|
|
|
10946
10892
|
.np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):hover,
|
|
10947
10893
|
.np-theme-personal .has-success .input-group-addon,
|
|
10948
10894
|
.np-theme-personal .has-success .alert {
|
|
10895
|
+
border-color: #054d28 !important;
|
|
10949
10896
|
border-color: var(--color-sentiment-positive) !important;
|
|
10950
10897
|
}
|
|
10951
10898
|
|
|
@@ -10970,6 +10917,7 @@ select[multiple].input-lg {
|
|
|
10970
10917
|
.np-theme-personal .has-success:active .alert,
|
|
10971
10918
|
.np-theme-personal .has-success:focus .alert,
|
|
10972
10919
|
.np-theme-personal .has-success:focus-within .alert {
|
|
10920
|
+
border-color: #054d28 !important;
|
|
10973
10921
|
border-color: var(--color-sentiment-positive) !important;
|
|
10974
10922
|
}
|
|
10975
10923
|
|
|
@@ -10977,6 +10925,7 @@ select[multiple].input-lg {
|
|
|
10977
10925
|
.np-theme-personal .has-success:not(.disabled):not(:disabled):hover.checkbox label,
|
|
10978
10926
|
.np-theme-personal .has-success:not(.disabled):not(:disabled):hover .btn-input,
|
|
10979
10927
|
.np-theme-personal .has-success:not(.disabled):not(:disabled):hover .alert {
|
|
10928
|
+
border-color: #054d28 !important;
|
|
10980
10929
|
border-color: var(--color-sentiment-positive) !important;
|
|
10981
10930
|
}
|
|
10982
10931
|
|
|
@@ -10987,6 +10936,7 @@ select[multiple].input-lg {
|
|
|
10987
10936
|
|
|
10988
10937
|
.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled),
|
|
10989
10938
|
.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled) {
|
|
10939
|
+
border-color: #054d28;
|
|
10990
10940
|
border-color: var(--color-sentiment-positive);
|
|
10991
10941
|
color: #37517e;
|
|
10992
10942
|
color: var(--color-content-primary);
|
|
@@ -10996,6 +10946,7 @@ select[multiple].input-lg {
|
|
|
10996
10946
|
.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
|
|
10997
10947
|
.np-theme-personal .has-success .radio > label:focus-within,
|
|
10998
10948
|
.np-theme-personal .has-success.checkbox > label:focus-within {
|
|
10949
|
+
border-color: #054d28 !important;
|
|
10999
10950
|
border-color: var(--color-sentiment-positive) !important;
|
|
11000
10951
|
}
|
|
11001
10952
|
|
|
@@ -11007,6 +10958,7 @@ select[multiple].input-lg {
|
|
|
11007
10958
|
.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
|
|
11008
10959
|
.np-theme-personal .has-success .radio > label:focus-within .tw-radio-button,
|
|
11009
10960
|
.np-theme-personal .has-success.checkbox > label:focus-within .tw-radio-button {
|
|
10961
|
+
border-color: #054d28 !important;
|
|
11010
10962
|
border-color: var(--color-sentiment-positive) !important;
|
|
11011
10963
|
}
|
|
11012
10964
|
|
|
@@ -11014,6 +10966,7 @@ select[multiple].input-lg {
|
|
|
11014
10966
|
.np-theme-personal .has-success.checkbox .tw-checkbox-button,
|
|
11015
10967
|
.np-theme-personal .has-success .radio .tw-radio-button,
|
|
11016
10968
|
.np-theme-personal .has-success.checkbox .tw-radio-button {
|
|
10969
|
+
border-color: #054d28;
|
|
11017
10970
|
border-color: var(--color-sentiment-positive);
|
|
11018
10971
|
}
|
|
11019
10972
|
|
|
@@ -11336,6 +11289,7 @@ select[multiple].input-lg {
|
|
|
11336
11289
|
}
|
|
11337
11290
|
|
|
11338
11291
|
.np-theme-personal .has-warning {
|
|
11292
|
+
border-color: #ffd11a !important;
|
|
11339
11293
|
border-color: var(--color-sentiment-warning) !important;
|
|
11340
11294
|
}
|
|
11341
11295
|
|
|
@@ -11355,6 +11309,7 @@ select[multiple].input-lg {
|
|
|
11355
11309
|
.np-theme-personal .has-warning .input-group-addon {
|
|
11356
11310
|
color: #37517e !important;
|
|
11357
11311
|
color: var(--color-content-primary) !important;
|
|
11312
|
+
border-color: #ffd11a !important;
|
|
11358
11313
|
border-color: var(--color-sentiment-warning) !important;
|
|
11359
11314
|
}
|
|
11360
11315
|
|
|
@@ -11364,6 +11319,7 @@ select[multiple].input-lg {
|
|
|
11364
11319
|
.np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):hover,
|
|
11365
11320
|
.np-theme-personal .has-warning .input-group-addon,
|
|
11366
11321
|
.np-theme-personal .has-warning .alert {
|
|
11322
|
+
border-color: #ffd11a !important;
|
|
11367
11323
|
border-color: var(--color-sentiment-warning) !important;
|
|
11368
11324
|
}
|
|
11369
11325
|
|
|
@@ -11388,6 +11344,7 @@ select[multiple].input-lg {
|
|
|
11388
11344
|
.np-theme-personal .has-warning:active .alert,
|
|
11389
11345
|
.np-theme-personal .has-warning:focus .alert,
|
|
11390
11346
|
.np-theme-personal .has-warning:focus-within .alert {
|
|
11347
|
+
border-color: #ffd11a !important;
|
|
11391
11348
|
border-color: var(--color-sentiment-warning) !important;
|
|
11392
11349
|
}
|
|
11393
11350
|
|
|
@@ -11395,6 +11352,7 @@ select[multiple].input-lg {
|
|
|
11395
11352
|
.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
|
|
11396
11353
|
.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .btn-input,
|
|
11397
11354
|
.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .alert {
|
|
11355
|
+
border-color: #ffd11a !important;
|
|
11398
11356
|
border-color: var(--color-sentiment-warning) !important;
|
|
11399
11357
|
}
|
|
11400
11358
|
|
|
@@ -11405,6 +11363,7 @@ select[multiple].input-lg {
|
|
|
11405
11363
|
|
|
11406
11364
|
.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled),
|
|
11407
11365
|
.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled) {
|
|
11366
|
+
border-color: #ffd11a;
|
|
11408
11367
|
border-color: var(--color-sentiment-warning);
|
|
11409
11368
|
color: #37517e;
|
|
11410
11369
|
color: var(--color-content-primary);
|
|
@@ -11414,6 +11373,7 @@ select[multiple].input-lg {
|
|
|
11414
11373
|
.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
|
|
11415
11374
|
.np-theme-personal .has-warning .radio > label:focus-within,
|
|
11416
11375
|
.np-theme-personal .has-warning.checkbox > label:focus-within {
|
|
11376
|
+
border-color: #ffd11a !important;
|
|
11417
11377
|
border-color: var(--color-sentiment-warning) !important;
|
|
11418
11378
|
}
|
|
11419
11379
|
|
|
@@ -11425,6 +11385,7 @@ select[multiple].input-lg {
|
|
|
11425
11385
|
.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
|
|
11426
11386
|
.np-theme-personal .has-warning .radio > label:focus-within .tw-radio-button,
|
|
11427
11387
|
.np-theme-personal .has-warning.checkbox > label:focus-within .tw-radio-button {
|
|
11388
|
+
border-color: #ffd11a !important;
|
|
11428
11389
|
border-color: var(--color-sentiment-warning) !important;
|
|
11429
11390
|
}
|
|
11430
11391
|
|
|
@@ -11432,6 +11393,7 @@ select[multiple].input-lg {
|
|
|
11432
11393
|
.np-theme-personal .has-warning.checkbox .tw-checkbox-button,
|
|
11433
11394
|
.np-theme-personal .has-warning .radio .tw-radio-button,
|
|
11434
11395
|
.np-theme-personal .has-warning.checkbox .tw-radio-button {
|
|
11396
|
+
border-color: #ffd11a;
|
|
11435
11397
|
border-color: var(--color-sentiment-warning);
|
|
11436
11398
|
}
|
|
11437
11399
|
|
|
@@ -11545,6 +11507,7 @@ select[multiple].input-lg {
|
|
|
11545
11507
|
}
|
|
11546
11508
|
|
|
11547
11509
|
.np-theme-personal .has-error {
|
|
11510
|
+
border-color: #cb272f !important;
|
|
11548
11511
|
border-color: var(--color-sentiment-negative) !important;
|
|
11549
11512
|
}
|
|
11550
11513
|
|
|
@@ -11564,6 +11527,7 @@ select[multiple].input-lg {
|
|
|
11564
11527
|
.np-theme-personal .has-error .input-group-addon {
|
|
11565
11528
|
color: #37517e !important;
|
|
11566
11529
|
color: var(--color-content-primary) !important;
|
|
11530
|
+
border-color: #cb272f !important;
|
|
11567
11531
|
border-color: var(--color-sentiment-negative) !important;
|
|
11568
11532
|
}
|
|
11569
11533
|
|
|
@@ -11573,6 +11537,7 @@ select[multiple].input-lg {
|
|
|
11573
11537
|
.np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):hover,
|
|
11574
11538
|
.np-theme-personal .has-error .input-group-addon,
|
|
11575
11539
|
.np-theme-personal .has-error .alert {
|
|
11540
|
+
border-color: #cb272f !important;
|
|
11576
11541
|
border-color: var(--color-sentiment-negative) !important;
|
|
11577
11542
|
}
|
|
11578
11543
|
|
|
@@ -11597,6 +11562,7 @@ select[multiple].input-lg {
|
|
|
11597
11562
|
.np-theme-personal .has-error:active .alert,
|
|
11598
11563
|
.np-theme-personal .has-error:focus .alert,
|
|
11599
11564
|
.np-theme-personal .has-error:focus-within .alert {
|
|
11565
|
+
border-color: #b8232b !important;
|
|
11600
11566
|
border-color: var(--color-sentiment-negative-hover) !important;
|
|
11601
11567
|
}
|
|
11602
11568
|
|
|
@@ -11604,6 +11570,7 @@ select[multiple].input-lg {
|
|
|
11604
11570
|
.np-theme-personal .has-error:not(.disabled):not(:disabled):hover.checkbox label,
|
|
11605
11571
|
.np-theme-personal .has-error:not(.disabled):not(:disabled):hover .btn-input,
|
|
11606
11572
|
.np-theme-personal .has-error:not(.disabled):not(:disabled):hover .alert {
|
|
11573
|
+
border-color: #b8232b !important;
|
|
11607
11574
|
border-color: var(--color-sentiment-negative-hover) !important;
|
|
11608
11575
|
}
|
|
11609
11576
|
|
|
@@ -11614,6 +11581,7 @@ select[multiple].input-lg {
|
|
|
11614
11581
|
|
|
11615
11582
|
.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled),
|
|
11616
11583
|
.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled) {
|
|
11584
|
+
border-color: #cb272f;
|
|
11617
11585
|
border-color: var(--color-sentiment-negative);
|
|
11618
11586
|
color: #37517e;
|
|
11619
11587
|
color: var(--color-content-primary);
|
|
@@ -11623,6 +11591,7 @@ select[multiple].input-lg {
|
|
|
11623
11591
|
.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
|
|
11624
11592
|
.np-theme-personal .has-error .radio > label:focus-within,
|
|
11625
11593
|
.np-theme-personal .has-error.checkbox > label:focus-within {
|
|
11594
|
+
border-color: #b8232b !important;
|
|
11626
11595
|
border-color: var(--color-sentiment-negative-hover) !important;
|
|
11627
11596
|
}
|
|
11628
11597
|
|
|
@@ -11634,6 +11603,7 @@ select[multiple].input-lg {
|
|
|
11634
11603
|
.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
|
|
11635
11604
|
.np-theme-personal .has-error .radio > label:focus-within .tw-radio-button,
|
|
11636
11605
|
.np-theme-personal .has-error.checkbox > label:focus-within .tw-radio-button {
|
|
11606
|
+
border-color: #b8232b !important;
|
|
11637
11607
|
border-color: var(--color-sentiment-negative-hover) !important;
|
|
11638
11608
|
}
|
|
11639
11609
|
|
|
@@ -11641,6 +11611,7 @@ select[multiple].input-lg {
|
|
|
11641
11611
|
.np-theme-personal .has-error.checkbox .tw-checkbox-button,
|
|
11642
11612
|
.np-theme-personal .has-error .radio .tw-radio-button,
|
|
11643
11613
|
.np-theme-personal .has-error.checkbox .tw-radio-button {
|
|
11614
|
+
border-color: #cb272f;
|
|
11644
11615
|
border-color: var(--color-sentiment-negative);
|
|
11645
11616
|
}
|
|
11646
11617
|
|
|
@@ -11904,7 +11875,9 @@ input[type="checkbox"]:indeterminate + .tw-checkbox-button {
|
|
|
11904
11875
|
.np-theme-personal .tw-checkbox-button.checked,
|
|
11905
11876
|
.np-theme-personal input[type="checkbox"]:checked + .tw-checkbox-button,
|
|
11906
11877
|
.np-theme-personal input[type="checkbox"]:indeterminate + .tw-checkbox-button {
|
|
11878
|
+
background-color: #163300;
|
|
11907
11879
|
background-color: var(--color-interactive-primary);
|
|
11880
|
+
box-shadow: inset 0 0 0 1px #163300;
|
|
11908
11881
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
|
|
11909
11882
|
}
|
|
11910
11883
|
|
|
@@ -11932,8 +11905,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-c
|
|
|
11932
11905
|
.np-theme-personal .tw-checkbox-button.checked:hover,
|
|
11933
11906
|
.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
|
|
11934
11907
|
.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
|
|
11908
|
+
border-color: #0d1f00 !important;
|
|
11935
11909
|
border-color: var(--color-interactive-primary-hover) !important;
|
|
11910
|
+
background-color: #0d1f00;
|
|
11936
11911
|
background-color: var(--color-interactive-primary-hover);
|
|
11912
|
+
box-shadow: inset 0 0 0 1px #0d1f00;
|
|
11937
11913
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary-hover);
|
|
11938
11914
|
}
|
|
11939
11915
|
|
|
@@ -11951,8 +11927,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
11951
11927
|
.np-theme-personal .tw-checkbox-button.checked:active,
|
|
11952
11928
|
.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
|
|
11953
11929
|
.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
|
|
11930
|
+
border-color: #0e0f0c !important;
|
|
11954
11931
|
border-color: var(--color-interactive-primary-active) !important;
|
|
11932
|
+
background-color: #0e0f0c;
|
|
11955
11933
|
background-color: var(--color-interactive-primary-active);
|
|
11934
|
+
box-shadow: inset 0 0 0 1px #0e0f0c;
|
|
11956
11935
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary-active);
|
|
11957
11936
|
}
|
|
11958
11937
|
|
|
@@ -12045,6 +12024,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
12045
12024
|
.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked,
|
|
12046
12025
|
.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked,
|
|
12047
12026
|
.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked {
|
|
12027
|
+
box-shadow: inset 0 0 0 1px #163300;
|
|
12048
12028
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
|
|
12049
12029
|
}
|
|
12050
12030
|
|
|
@@ -12052,6 +12032,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
12052
12032
|
.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked .tw-radio-check,
|
|
12053
12033
|
.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked .tw-radio-check,
|
|
12054
12034
|
.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked .tw-radio-check {
|
|
12035
|
+
background-color: #0d1f00;
|
|
12055
12036
|
background-color: var(--color-interactive-primary-hover);
|
|
12056
12037
|
}
|
|
12057
12038
|
|
|
@@ -12080,11 +12061,13 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
12080
12061
|
.np-theme-personal .tw-radio-button:checked,
|
|
12081
12062
|
.np-theme-personal .tw-radio-button.checked {
|
|
12082
12063
|
border-color: transparent !important;
|
|
12064
|
+
box-shadow: inset 0 0 0 1px #163300;
|
|
12083
12065
|
box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
|
|
12084
12066
|
}
|
|
12085
12067
|
|
|
12086
12068
|
.np-theme-personal .tw-radio-button:checked .tw-radio-check,
|
|
12087
12069
|
.np-theme-personal .tw-radio-button.checked .tw-radio-check {
|
|
12070
|
+
background-color: #163300;
|
|
12088
12071
|
background-color: var(--color-interactive-primary);
|
|
12089
12072
|
max-height: 12px;
|
|
12090
12073
|
max-width: 12px;
|
|
@@ -12585,6 +12568,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12585
12568
|
.np-theme-personal .form-control:not(.disabled):not(:disabled):hover:has(:checked, .checked),
|
|
12586
12569
|
.np-theme-personal .radio > label:not(.disabled):not(:disabled):hover:has(:checked, .checked),
|
|
12587
12570
|
.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover:has(:checked, .checked) {
|
|
12571
|
+
box-shadow: inset 0 0 0 2px #0d1f00;
|
|
12588
12572
|
box-shadow: inset 0 0 0 2px var(--color-interactive-primary-hover);
|
|
12589
12573
|
}
|
|
12590
12574
|
|
|
@@ -12598,6 +12582,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12598
12582
|
.np-theme-personal .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
|
|
12599
12583
|
.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-visible,
|
|
12600
12584
|
.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
|
|
12585
|
+
box-shadow: inset 0 0 0 3px #163300;
|
|
12601
12586
|
box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
|
|
12602
12587
|
}
|
|
12603
12588
|
|
|
@@ -12606,6 +12591,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12606
12591
|
.np-theme-personal .has-error .form-control,
|
|
12607
12592
|
.np-theme-personal .has-error .radio > label,
|
|
12608
12593
|
.np-theme-personal .has-error .checkbox > label {
|
|
12594
|
+
box-shadow: inset 0 0 0 2px #cb272f;
|
|
12609
12595
|
box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
|
|
12610
12596
|
}
|
|
12611
12597
|
|
|
@@ -12613,6 +12599,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12613
12599
|
.np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):hover,
|
|
12614
12600
|
.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
|
|
12615
12601
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):hover {
|
|
12602
|
+
box-shadow: inset 0 0 0 2px #b8232b;
|
|
12616
12603
|
box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
|
|
12617
12604
|
}
|
|
12618
12605
|
|
|
@@ -12628,18 +12615,22 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12628
12615
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active,
|
|
12629
12616
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible,
|
|
12630
12617
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
|
|
12618
|
+
box-shadow: inset 0 0 0 3px #cb272f;
|
|
12631
12619
|
box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
|
|
12632
12620
|
}
|
|
12633
12621
|
|
|
12634
12622
|
.np-theme-personal .has-error .tw-radio-button {
|
|
12623
|
+
border-color: #cb272f !important;
|
|
12635
12624
|
border-color: var(--color-sentiment-negative) !important;
|
|
12636
12625
|
}
|
|
12637
12626
|
|
|
12638
12627
|
.np-theme-personal .has-error .tw-radio-button.checked {
|
|
12628
|
+
box-shadow: inset 0 0 0 1px #cb272f;
|
|
12639
12629
|
box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
|
|
12640
12630
|
}
|
|
12641
12631
|
|
|
12642
12632
|
.np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check {
|
|
12633
|
+
background: #cb272f !important;
|
|
12643
12634
|
background: var(--color-sentiment-negative) !important;
|
|
12644
12635
|
}
|
|
12645
12636
|
|
|
@@ -12649,6 +12640,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12649
12640
|
.np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
|
|
12650
12641
|
.np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
|
|
12651
12642
|
.np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
|
|
12643
|
+
box-shadow: inset 0 0 0 2px #b8232b;
|
|
12652
12644
|
box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
|
|
12653
12645
|
}
|
|
12654
12646
|
|
|
@@ -12658,13 +12650,16 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12658
12650
|
.np-theme-personal .has-error .tw-checkbox-button.checked:hover,
|
|
12659
12651
|
.np-theme-personal .has-error .tw-checkbox-button:checked:hover,
|
|
12660
12652
|
.np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
|
|
12653
|
+
box-shadow: inset 0 0 0 3px #cb272f;
|
|
12661
12654
|
box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
|
|
12655
|
+
background: #cb272f;
|
|
12662
12656
|
background: var(--color-sentiment-negative);
|
|
12663
12657
|
}
|
|
12664
12658
|
|
|
12665
12659
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
|
|
12666
12660
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
|
|
12667
12661
|
.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
|
|
12662
|
+
box-shadow: inset 0 0 0 2px #a72027;
|
|
12668
12663
|
box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
|
|
12669
12664
|
}
|
|
12670
12665
|
|
|
@@ -12719,6 +12714,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12719
12714
|
|
|
12720
12715
|
.np-theme-personal .has-error .error-messages,
|
|
12721
12716
|
.np-theme-personal .has-error .alert-detach.alert-danger {
|
|
12717
|
+
color: #cb272f;
|
|
12722
12718
|
color: var(--color-sentiment-negative);
|
|
12723
12719
|
}
|
|
12724
12720
|
|
|
@@ -12735,6 +12731,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
|
|
|
12735
12731
|
}
|
|
12736
12732
|
|
|
12737
12733
|
.np-theme-personal .has-required::after {
|
|
12734
|
+
color: #cb272f;
|
|
12738
12735
|
color: var(--color-sentiment-negative);
|
|
12739
12736
|
}
|
|
12740
12737
|
|
|
@@ -13999,6 +13996,7 @@ li > a > .currency-flag:first-child {
|
|
|
13999
13996
|
}
|
|
14000
13997
|
|
|
14001
13998
|
.np-theme-personal .decision:not(.disabled):hover {
|
|
13999
|
+
background-color: rgba(22,51,0,0.07843);
|
|
14002
14000
|
background-color: var(--color-background-screen-hover);
|
|
14003
14001
|
}
|
|
14004
14002
|
|
|
@@ -14598,6 +14596,7 @@ li > a > .currency-flag:first-child {
|
|
|
14598
14596
|
}
|
|
14599
14597
|
|
|
14600
14598
|
.np-theme-personal .droppable-area.droppable-negative {
|
|
14599
|
+
border: 2px solid #cb272f !important;
|
|
14601
14600
|
border: 2px solid var(--color-sentiment-negative) !important;
|
|
14602
14601
|
background-color: #ffffff;
|
|
14603
14602
|
background-color: var(--color-background-screen);
|
|
@@ -14615,6 +14614,7 @@ li > a > .currency-flag:first-child {
|
|
|
14615
14614
|
}
|
|
14616
14615
|
|
|
14617
14616
|
.np-theme-personal .droppable-area .droppable-dropping-card {
|
|
14617
|
+
background-color: rgba(22,51,0,0.12941);
|
|
14618
14618
|
background-color: var(--color-background-neutral-hover);
|
|
14619
14619
|
}
|
|
14620
14620
|
|
|
@@ -14623,6 +14623,7 @@ li > a > .currency-flag:first-child {
|
|
|
14623
14623
|
}
|
|
14624
14624
|
|
|
14625
14625
|
.np-theme-personal .droppable-area .circle {
|
|
14626
|
+
background-color: #ffffff;
|
|
14626
14627
|
background-color: var(--color-contrast);
|
|
14627
14628
|
color: #37517e !important;
|
|
14628
14629
|
color: var(--color-content-primary) !important;
|
|
@@ -14660,6 +14661,7 @@ li > a > .currency-flag:first-child {
|
|
|
14660
14661
|
}
|
|
14661
14662
|
|
|
14662
14663
|
.np-theme-personal .droppable-dropping {
|
|
14664
|
+
border-color: rgba(22,51,0,0.12941) !important;
|
|
14663
14665
|
border-color: var(--color-background-neutral-hover) !important;
|
|
14664
14666
|
border-style: solid;
|
|
14665
14667
|
}
|
|
@@ -21012,6 +21014,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
|
|
|
21012
21014
|
}
|
|
21013
21015
|
|
|
21014
21016
|
.np-theme-personal .close {
|
|
21017
|
+
color: #163300;
|
|
21015
21018
|
color: var(--color-interactive-primary);
|
|
21016
21019
|
}
|
|
21017
21020
|
|
|
@@ -21024,6 +21027,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
|
|
|
21024
21027
|
}
|
|
21025
21028
|
|
|
21026
21029
|
.np-theme-personal .close:hover {
|
|
21030
|
+
color: #0d1f00;
|
|
21027
21031
|
color: var(--color-interactive-primary-hover);
|
|
21028
21032
|
}
|
|
21029
21033
|
|
|
@@ -22577,6 +22581,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
|
|
|
22577
22581
|
}
|
|
22578
22582
|
|
|
22579
22583
|
.np-theme-personal .popover-close {
|
|
22584
|
+
color: #163300;
|
|
22580
22585
|
color: var(--color-interactive-primary);
|
|
22581
22586
|
}
|
|
22582
22587
|
|
|
@@ -22589,6 +22594,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
|
|
|
22589
22594
|
}
|
|
22590
22595
|
|
|
22591
22596
|
.np-theme-personal .popover-close:hover {
|
|
22597
|
+
color: #0d1f00;
|
|
22592
22598
|
color: var(--color-interactive-primary-hover);
|
|
22593
22599
|
}
|
|
22594
22600
|
|
|
@@ -22835,6 +22841,7 @@ button.popover-close {
|
|
|
22835
22841
|
.np-theme-personal--forest-green .process-circle,
|
|
22836
22842
|
.np-theme-personal--bright-green .process-circle,
|
|
22837
22843
|
.np-theme-personal--dark .process-circle {
|
|
22844
|
+
stroke: #163300;
|
|
22838
22845
|
stroke: var(--color-interactive-primary);
|
|
22839
22846
|
}
|
|
22840
22847
|
|
|
@@ -22869,6 +22876,7 @@ button.popover-close {
|
|
|
22869
22876
|
}
|
|
22870
22877
|
|
|
22871
22878
|
.np-theme-personal .process-success .process-icon-horizontal {
|
|
22879
|
+
background-color: #054d28;
|
|
22872
22880
|
background-color: var(--color-sentiment-positive);
|
|
22873
22881
|
}
|
|
22874
22882
|
|
|
@@ -22880,6 +22888,7 @@ button.popover-close {
|
|
|
22880
22888
|
}
|
|
22881
22889
|
|
|
22882
22890
|
.np-theme-personal .process-success .process-icon-vertical {
|
|
22891
|
+
background-color: #054d28;
|
|
22883
22892
|
background-color: var(--color-sentiment-positive);
|
|
22884
22893
|
}
|
|
22885
22894
|
|
|
@@ -22889,6 +22898,7 @@ button.popover-close {
|
|
|
22889
22898
|
}
|
|
22890
22899
|
|
|
22891
22900
|
.np-theme-personal .process-success .process-circle {
|
|
22901
|
+
stroke: #054d28;
|
|
22892
22902
|
stroke: var(--color-sentiment-positive);
|
|
22893
22903
|
}
|
|
22894
22904
|
|
|
@@ -22899,6 +22909,7 @@ button.popover-close {
|
|
|
22899
22909
|
}
|
|
22900
22910
|
|
|
22901
22911
|
.np-theme-personal .process-danger .process-icon-horizontal {
|
|
22912
|
+
background-color: #cb272f;
|
|
22902
22913
|
background-color: var(--color-sentiment-negative);
|
|
22903
22914
|
}
|
|
22904
22915
|
|
|
@@ -22909,6 +22920,7 @@ button.popover-close {
|
|
|
22909
22920
|
}
|
|
22910
22921
|
|
|
22911
22922
|
.np-theme-personal .process-danger .process-icon-vertical {
|
|
22923
|
+
background-color: #cb272f;
|
|
22912
22924
|
background-color: var(--color-sentiment-negative);
|
|
22913
22925
|
}
|
|
22914
22926
|
|
|
@@ -22918,6 +22930,7 @@ button.popover-close {
|
|
|
22918
22930
|
}
|
|
22919
22931
|
|
|
22920
22932
|
.np-theme-personal .process-danger .process-circle {
|
|
22933
|
+
stroke: #cb272f;
|
|
22921
22934
|
stroke: var(--color-sentiment-negative);
|
|
22922
22935
|
}
|
|
22923
22936
|
|