@transferwise/neptune-css 0.0.0-experimental-b2666ac → 0.0.0-experimental-d2bc8ee

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.
Files changed (72) hide show
  1. package/dist/css/accordion.css +6 -5
  2. package/dist/css/alerts.css +14 -142
  3. package/dist/css/background.css +2 -2
  4. package/dist/css/badge.css +1 -3
  5. package/dist/css/breadcrumbs.css +1 -1
  6. package/dist/css/button-groups.css +2 -6
  7. package/dist/css/buttons.css +151 -176
  8. package/dist/css/chevron.css +1 -1
  9. package/dist/css/circles.css +10 -11
  10. package/dist/css/close.css +2 -3
  11. package/dist/css/column-layout.css +0 -1
  12. package/dist/css/currency-flags.css +1 -1
  13. package/dist/css/decision.css +5 -4
  14. package/dist/css/dropdowns.css +8 -26
  15. package/dist/css/droppable.css +12 -9
  16. package/dist/css/footer.css +8 -43
  17. package/dist/css/input-groups.css +142 -137
  18. package/dist/css/list-group.css +8 -31
  19. package/dist/css/modals.css +3 -4
  20. package/dist/css/navbar.css +37 -142
  21. package/dist/css/navs.css +8 -20
  22. package/dist/css/neptune-addons.css +4 -83
  23. package/dist/css/neptune-core.css +33 -119
  24. package/dist/css/neptune.css +655 -1245
  25. package/dist/css/popovers.css +6 -10
  26. package/dist/css/process.css +8 -8
  27. package/dist/css/progress-bars.css +2 -7
  28. package/dist/css/ring.css +2 -2
  29. package/dist/css/select.css +2 -2
  30. package/dist/css/sequences.css +39 -95
  31. package/dist/css/table.css +14 -48
  32. package/dist/css/tick.css +0 -1
  33. package/dist/css/tooltip.css +1 -2
  34. package/dist/css/wells.css +5 -5
  35. package/dist/less/neptune-tokens.less +82 -174
  36. package/dist/props/neptune-tokens.css +80 -40
  37. package/package.json +2 -2
  38. package/src/less/addons/_background-utilities.less +0 -37
  39. package/src/less/alerts.less +0 -36
  40. package/src/less/background.less +0 -1
  41. package/src/less/buttons.less +0 -22
  42. package/src/less/column-layout.less +0 -1
  43. package/src/less/core/_fonts.less +0 -26
  44. package/src/less/core/_scaffolding.less +2 -31
  45. package/src/less/core/_typography-utilities.less +0 -29
  46. package/src/less/dropdowns.less +0 -18
  47. package/src/less/footer.less +0 -33
  48. package/src/less/mixins/_sequence.less +2 -2
  49. package/src/less/modals.less +0 -1
  50. package/src/less/navbar.less +0 -35
  51. package/src/less/navs.less +0 -10
  52. package/src/less/sequences.less +0 -26
  53. package/src/less/table.less +0 -8
  54. package/src/variables/neptune-tokens.less +2 -9
  55. package/dist/fonts/TW-Averta-Bold.woff +0 -0
  56. package/dist/fonts/TW-Averta-Bold.woff2 +0 -0
  57. package/dist/fonts/TW-Averta-Regular.woff +0 -0
  58. package/dist/fonts/TW-Averta-Regular.woff2 +0 -0
  59. package/dist/fonts/TW-Averta-Semibold.woff +0 -0
  60. package/dist/fonts/TW-Averta-Semibold.woff2 +0 -0
  61. package/dist/fonts/TransferWise-IconFont.svg +0 -81
  62. package/dist/fonts/TransferWise-IconFont.woff +0 -0
  63. package/dist/props/legacy-custom-props.css +0 -69
  64. package/src/fonts/TW-Averta-Bold.woff +0 -0
  65. package/src/fonts/TW-Averta-Bold.woff2 +0 -0
  66. package/src/fonts/TW-Averta-Regular.woff +0 -0
  67. package/src/fonts/TW-Averta-Regular.woff2 +0 -0
  68. package/src/fonts/TW-Averta-Semibold.woff +0 -0
  69. package/src/fonts/TW-Averta-Semibold.woff2 +0 -0
  70. package/src/fonts/TransferWise-IconFont.svg +0 -81
  71. package/src/fonts/TransferWise-IconFont.woff +0 -0
  72. package/src/props/legacy-custom-props.css +0 -69
package/dist/css/buttons.css CHANGED
@@ -39,10 +39,12 @@
39
39
  }
40
40
  .np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
41
41
  .np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
42
+ outline-color: #cb272f;
42
43
  outline-color: var(--color-sentiment-negative);
43
44
  }
44
45
  .np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
45
46
  .np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
47
+ outline-color: #ffffff;
46
48
  outline-color: var(--color-contrast);
47
49
  }
48
50
  .np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).btn-negative {
@@ -50,10 +52,11 @@
50
52
  }
51
53
  .np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus,
52
54
  .np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus {
55
+ outline-color: #cb272f;
53
56
  outline-color: var(--color-sentiment-negative);
54
57
  }
55
58
  .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
56
- color: #008fc9;
59
+ color: #80e142;
57
60
  color: var(--color-interactive-accent-hover);
58
61
  -webkit-text-decoration: none;
59
62
  text-decoration: none;
@@ -72,36 +75,35 @@ fieldset[disabled] a.btn {
72
75
  pointer-events: none;
73
76
  }
74
77
  .btn-default {
75
- color: #0097c7;
76
78
  color: var(--color-content-accent);
77
79
  background-color: transparent;
78
- border-color: #00a2dd;
80
+ border-color: #9fe870;
79
81
  border-color: var(--color-interactive-accent);
80
82
  transition: color, background-color 0.15s ease-in-out;
81
83
  }
82
84
  .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
83
85
  color: #FFF;
84
- background-color: #008fc9;
86
+ background-color: #80e142;
85
87
  background-color: var(--color-interactive-accent-hover);
86
- border-color: #008fc9;
88
+ border-color: #80e142;
87
89
  border-color: var(--color-interactive-accent-hover);
88
90
  }
89
91
  .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
90
92
  .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
91
93
  .open > .dropdown-toggle.btn-default {
92
94
  color: #FFF;
93
- background-color: #0081ba;
95
+ background-color: #65cf21;
94
96
  background-color: var(--color-interactive-accent-active);
95
- border-color: #0081ba;
97
+ border-color: #65cf21;
96
98
  border-color: var(--color-interactive-accent-active);
97
99
  }
98
100
  .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
99
101
  .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
100
102
  .open > .dropdown-toggle.btn-default:not(.disabled):not(:disabled):hover {
101
103
  color: #FFF;
102
- background-color: #0081ba;
104
+ background-color: #65cf21;
103
105
  background-color: var(--color-interactive-accent-active);
104
- border-color: #0081ba;
106
+ border-color: #65cf21;
105
107
  border-color: var(--color-interactive-accent-active);
106
108
  }
107
109
  .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -110,40 +112,43 @@ fieldset[disabled] a.btn {
110
112
  }
111
113
  .btn-default .badge {
112
114
  color: transparent;
113
- background-color: #0097c7;
114
115
  background-color: var(--color-content-accent);
115
116
  }
116
117
  .np-theme-personal .btn-default {
118
+ color: #163300;
117
119
  color: var(--color-interactive-control);
118
- background-color: #00a2dd;
120
+ background-color: #9fe870;
119
121
  background-color: var(--color-interactive-accent);
120
- border-color: #00a2dd;
122
+ border-color: #9fe870;
121
123
  border-color: var(--color-interactive-accent);
122
124
  transition: color, background-color 0.15s ease-in-out;
123
125
  }
124
126
  .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
127
+ color: #163300;
125
128
  color: var(--color-interactive-control);
126
- background-color: #008fc9;
129
+ background-color: #80e142;
127
130
  background-color: var(--color-interactive-accent-hover);
128
- border-color: #008fc9;
131
+ border-color: #80e142;
129
132
  border-color: var(--color-interactive-accent-hover);
130
133
  }
131
134
  .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
132
135
  .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
133
136
  .open > .dropdown-toggle.np-theme-personal .btn-default {
137
+ color: #163300;
134
138
  color: var(--color-interactive-control);
135
- background-color: #0081ba;
139
+ background-color: #65cf21;
136
140
  background-color: var(--color-interactive-accent-active);
137
- border-color: #0081ba;
141
+ border-color: #65cf21;
138
142
  border-color: var(--color-interactive-accent-active);
139
143
  }
140
144
  .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
141
145
  .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
142
146
  .open > .dropdown-toggle.np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
147
+ color: #163300;
143
148
  color: var(--color-interactive-control);
144
- background-color: #0081ba;
149
+ background-color: #65cf21;
145
150
  background-color: var(--color-interactive-accent-active);
146
- border-color: #0081ba;
151
+ border-color: #65cf21;
147
152
  border-color: var(--color-interactive-accent-active);
148
153
  }
149
154
  .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -151,39 +156,45 @@ fieldset[disabled] a.btn {
151
156
  background-image: none;
152
157
  }
153
158
  .np-theme-personal .btn-default .badge {
154
- color: #00a2dd;
159
+ color: #9fe870;
155
160
  color: var(--color-interactive-accent);
161
+ background-color: #163300;
156
162
  background-color: var(--color-interactive-control);
157
163
  }
158
164
  .np-theme-personal .btn-default.btn-priority-2 {
165
+ color: #163300;
159
166
  color: var(--color-interactive-primary);
160
167
  background-color: transparent;
168
+ border-color: #163300;
161
169
  border-color: var(--color-interactive-primary);
162
170
  transition: color, background-color 0.15s ease-in-out;
163
171
  }
164
172
  .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
173
+ color: #163300;
165
174
  color: var(--color-interactive-control);
166
- background-color: #008fc9;
175
+ background-color: #80e142;
167
176
  background-color: var(--color-interactive-accent-hover);
168
- border-color: #008fc9;
177
+ border-color: #80e142;
169
178
  border-color: var(--color-interactive-accent-hover);
170
179
  }
171
180
  .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
172
181
  .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
173
182
  .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
183
+ color: #163300;
174
184
  color: var(--color-interactive-control);
175
- background-color: #0081ba;
185
+ background-color: #65cf21;
176
186
  background-color: var(--color-interactive-accent-active);
177
- border-color: #0081ba;
187
+ border-color: #65cf21;
178
188
  border-color: var(--color-interactive-accent-active);
179
189
  }
180
190
  .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
181
191
  .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
182
192
  .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
193
+ color: #163300;
183
194
  color: var(--color-interactive-control);
184
- background-color: #0081ba;
195
+ background-color: #65cf21;
185
196
  background-color: var(--color-interactive-accent-active);
186
- border-color: #0081ba;
197
+ border-color: #65cf21;
187
198
  border-color: var(--color-interactive-accent-active);
188
199
  }
189
200
  .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -192,23 +203,24 @@ fieldset[disabled] a.btn {
192
203
  }
193
204
  .np-theme-personal .btn-default.btn-priority-2 .badge {
194
205
  color: transparent;
206
+ background-color: #163300;
195
207
  background-color: var(--color-interactive-primary);
196
208
  }
197
209
  .btn-accent,
198
210
  .btn-primary {
199
211
  color: #fff;
200
- background-color: #00a2dd;
212
+ background-color: #9fe870;
201
213
  background-color: var(--color-interactive-accent);
202
- border-color: #00a2dd;
214
+ border-color: #9fe870;
203
215
  border-color: var(--color-interactive-accent);
204
216
  transition: color, background-color 0.15s ease-in-out;
205
217
  }
206
218
  .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
207
219
  .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
208
220
  color: #fff;
209
- background-color: #008fc9;
221
+ background-color: #80e142;
210
222
  background-color: var(--color-interactive-accent-hover);
211
- border-color: #008fc9;
223
+ border-color: #80e142;
212
224
  border-color: var(--color-interactive-accent-hover);
213
225
  }
214
226
  .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -218,9 +230,9 @@ fieldset[disabled] a.btn {
218
230
  .open > .dropdown-toggle.btn-accent,
219
231
  .open > .dropdown-toggle.btn-primary {
220
232
  color: #fff;
221
- background-color: #0081ba;
233
+ background-color: #65cf21;
222
234
  background-color: var(--color-interactive-accent-active);
223
- border-color: #0081ba;
235
+ border-color: #65cf21;
224
236
  border-color: var(--color-interactive-accent-active);
225
237
  }
226
238
  .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -230,9 +242,9 @@ fieldset[disabled] a.btn {
230
242
  .open > .dropdown-toggle.btn-accent:not(.disabled):not(:disabled):hover,
231
243
  .open > .dropdown-toggle.btn-primary:not(.disabled):not(:disabled):hover {
232
244
  color: #fff;
233
- background-color: #0081ba;
245
+ background-color: #65cf21;
234
246
  background-color: var(--color-interactive-accent-active);
235
- border-color: #0081ba;
247
+ border-color: #65cf21;
236
248
  border-color: var(--color-interactive-accent-active);
237
249
  }
238
250
  .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -243,25 +255,25 @@ fieldset[disabled] a.btn {
243
255
  }
244
256
  .btn-accent .badge,
245
257
  .btn-primary .badge {
246
- color: #00a2dd;
258
+ color: #9fe870;
247
259
  color: var(--color-interactive-accent);
248
260
  background-color: #fff;
249
261
  }
250
262
  .btn-accent.btn-priority-2,
251
263
  .btn-primary.btn-priority-2 {
252
- color: #00a2dd;
264
+ color: #9fe870;
253
265
  color: var(--color-interactive-accent);
254
266
  background-color: transparent;
255
- border-color: #00a2dd;
267
+ border-color: #9fe870;
256
268
  border-color: var(--color-interactive-accent);
257
269
  transition: color, background-color 0.15s ease-in-out;
258
270
  }
259
271
  .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
260
272
  .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
261
273
  color: #fff;
262
- background-color: #008fc9;
274
+ background-color: #80e142;
263
275
  background-color: var(--color-interactive-accent-hover);
264
- border-color: #008fc9;
276
+ border-color: #80e142;
265
277
  border-color: var(--color-interactive-accent-hover);
266
278
  }
267
279
  .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -271,9 +283,9 @@ fieldset[disabled] a.btn {
271
283
  .open > .dropdown-toggle.btn-accent.btn-priority-2,
272
284
  .open > .dropdown-toggle.btn-primary.btn-priority-2 {
273
285
  color: #fff;
274
- background-color: #0081ba;
286
+ background-color: #65cf21;
275
287
  background-color: var(--color-interactive-accent-active);
276
- border-color: #0081ba;
288
+ border-color: #65cf21;
277
289
  border-color: var(--color-interactive-accent-active);
278
290
  }
279
291
  .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -283,9 +295,9 @@ fieldset[disabled] a.btn {
283
295
  .open > .dropdown-toggle.btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
284
296
  .open > .dropdown-toggle.btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
285
297
  color: #fff;
286
- background-color: #0081ba;
298
+ background-color: #65cf21;
287
299
  background-color: var(--color-interactive-accent-active);
288
- border-color: #0081ba;
300
+ border-color: #65cf21;
289
301
  border-color: var(--color-interactive-accent-active);
290
302
  }
291
303
  .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -297,24 +309,26 @@ fieldset[disabled] a.btn {
297
309
  .btn-accent.btn-priority-2 .badge,
298
310
  .btn-primary.btn-priority-2 .badge {
299
311
  color: transparent;
300
- background-color: #00a2dd;
312
+ background-color: #9fe870;
301
313
  background-color: var(--color-interactive-accent);
302
314
  }
303
315
  .np-theme-personal .btn-accent,
304
316
  .np-theme-personal .btn-primary {
317
+ color: #163300;
305
318
  color: var(--color-interactive-control);
306
- background-color: #00a2dd;
319
+ background-color: #9fe870;
307
320
  background-color: var(--color-interactive-accent);
308
- border-color: #00a2dd;
321
+ border-color: #9fe870;
309
322
  border-color: var(--color-interactive-accent);
310
323
  transition: color, background-color 0.15s ease-in-out;
311
324
  }
312
325
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
313
326
  .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
327
+ color: #163300;
314
328
  color: var(--color-interactive-control);
315
- background-color: #008fc9;
329
+ background-color: #80e142;
316
330
  background-color: var(--color-interactive-accent-hover);
317
- border-color: #008fc9;
331
+ border-color: #80e142;
318
332
  border-color: var(--color-interactive-accent-hover);
319
333
  }
320
334
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -323,10 +337,11 @@ fieldset[disabled] a.btn {
323
337
  .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
324
338
  .open > .dropdown-toggle.np-theme-personal .btn-accent,
325
339
  .open > .dropdown-toggle.np-theme-personal .btn-primary {
340
+ color: #163300;
326
341
  color: var(--color-interactive-control);
327
- background-color: #0081ba;
342
+ background-color: #65cf21;
328
343
  background-color: var(--color-interactive-accent-active);
329
- border-color: #0081ba;
344
+ border-color: #65cf21;
330
345
  border-color: var(--color-interactive-accent-active);
331
346
  }
332
347
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -335,10 +350,11 @@ fieldset[disabled] a.btn {
335
350
  .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
336
351
  .open > .dropdown-toggle.np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
337
352
  .open > .dropdown-toggle.np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
353
+ color: #163300;
338
354
  color: var(--color-interactive-control);
339
- background-color: #0081ba;
355
+ background-color: #65cf21;
340
356
  background-color: var(--color-interactive-accent-active);
341
- border-color: #0081ba;
357
+ border-color: #65cf21;
342
358
  border-color: var(--color-interactive-accent-active);
343
359
  }
344
360
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -349,23 +365,27 @@ fieldset[disabled] a.btn {
349
365
  }
350
366
  .np-theme-personal .btn-accent .badge,
351
367
  .np-theme-personal .btn-primary .badge {
352
- color: #00a2dd;
368
+ color: #9fe870;
353
369
  color: var(--color-interactive-accent);
370
+ background-color: #163300;
354
371
  background-color: var(--color-interactive-control);
355
372
  }
356
373
  .np-theme-personal .btn-accent.btn-priority-2,
357
374
  .np-theme-personal .btn-primary.btn-priority-2 {
375
+ color: #163300;
358
376
  color: var(--color-interactive-primary);
359
377
  background-color: transparent;
378
+ border-color: #163300;
360
379
  border-color: var(--color-interactive-primary);
361
380
  transition: color, background-color 0.15s ease-in-out;
362
381
  }
363
382
  .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
364
383
  .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
384
+ color: #163300;
365
385
  color: var(--color-interactive-control);
366
- background-color: #008fc9;
386
+ background-color: #80e142;
367
387
  background-color: var(--color-interactive-accent-hover);
368
- border-color: #008fc9;
388
+ border-color: #80e142;
369
389
  border-color: var(--color-interactive-accent-hover);
370
390
  }
371
391
  .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -374,10 +394,11 @@ fieldset[disabled] a.btn {
374
394
  .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
375
395
  .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
376
396
  .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
397
+ color: #163300;
377
398
  color: var(--color-interactive-control);
378
- background-color: #0081ba;
399
+ background-color: #65cf21;
379
400
  background-color: var(--color-interactive-accent-active);
380
- border-color: #0081ba;
401
+ border-color: #65cf21;
381
402
  border-color: var(--color-interactive-accent-active);
382
403
  }
383
404
  .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -386,10 +407,11 @@ fieldset[disabled] a.btn {
386
407
  .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
387
408
  .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
388
409
  .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
410
+ color: #163300;
389
411
  color: var(--color-interactive-control);
390
- background-color: #0081ba;
412
+ background-color: #65cf21;
391
413
  background-color: var(--color-interactive-accent-active);
392
- border-color: #0081ba;
414
+ border-color: #65cf21;
393
415
  border-color: var(--color-interactive-accent-active);
394
416
  }
395
417
  .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -401,11 +423,11 @@ fieldset[disabled] a.btn {
401
423
  .np-theme-personal .btn-accent.btn-priority-2 .badge,
402
424
  .np-theme-personal .btn-primary.btn-priority-2 .badge {
403
425
  color: transparent;
426
+ background-color: #163300;
404
427
  background-color: var(--color-interactive-primary);
405
428
  }
406
429
  .btn-link,
407
430
  .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
408
- color: #0097c7;
409
431
  color: var(--color-content-accent);
410
432
  -webkit-text-decoration: underline;
411
433
  text-decoration: underline;
@@ -427,7 +449,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
427
449
  .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
428
450
  .btn-link:not(.disabled):not(:disabled):focus-visible,
429
451
  .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
430
- color: #0084b3;
431
452
  color: var(--color-content-accent-hover);
432
453
  -webkit-text-decoration: underline;
433
454
  text-decoration: underline;
@@ -436,11 +457,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
436
457
  }
437
458
  .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
438
459
  .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
439
- color: #0077a5;
440
460
  color: var(--color-content-accent-active);
441
461
  }
442
462
  .np-theme-personal .btn-link,
443
463
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
464
+ color: #163300;
444
465
  color: var(--color-interactive-primary);
445
466
  border-color: transparent;
446
467
  -webkit-text-decoration: underline;
@@ -451,19 +472,21 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
451
472
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
452
473
  .np-theme-personal .btn-link:not(.disabled):not(:disabled):focus-visible,
453
474
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
475
+ color: #0d1f00;
454
476
  color: var(--color-interactive-primary-hover);
455
477
  border-color: transparent;
456
478
  }
457
479
  .np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
458
480
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
481
+ color: #0e0f0c;
459
482
  color: var(--color-interactive-primary-active);
483
+ background-color: rgba(22,51,0,0.12941) !important;
460
484
  background-color: var(--color-background-screen-active) !important;
461
485
  }
462
486
  .btn-accent.disabled.btn-priority-3,
463
487
  .btn-accent.btn-priority-3:disabled {
464
488
  background: transparent;
465
489
  border-color: transparent;
466
- color: #0097c7;
467
490
  color: var(--color-content-accent);
468
491
  -webkit-text-decoration: underline;
469
492
  text-decoration: underline;
@@ -477,18 +500,14 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
477
500
  .btn-positive,
478
501
  .btn-success {
479
502
  color: #fff;
480
- background-color: #2ead4b;
481
503
  background-color: var(--color-interactive-positive);
482
- border-color: #2ead4b;
483
504
  border-color: var(--color-interactive-positive);
484
505
  transition: color, background-color 0.15s ease-in-out;
485
506
  }
486
507
  .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
487
508
  .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
488
509
  color: #fff;
489
- background-color: #069939;
490
510
  background-color: var(--color-interactive-positive-hover);
491
- border-color: #069939;
492
511
  border-color: var(--color-interactive-positive-hover);
493
512
  }
494
513
  .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -498,9 +517,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
498
517
  .open > .dropdown-toggle.btn-positive,
499
518
  .open > .dropdown-toggle.btn-success {
500
519
  color: #fff;
501
- background-color: #008b2b;
502
520
  background-color: var(--color-interactive-positive-active);
503
- border-color: #008b2b;
504
521
  border-color: var(--color-interactive-positive-active);
505
522
  }
506
523
  .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -510,9 +527,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
510
527
  .open > .dropdown-toggle.btn-positive:not(.disabled):not(:disabled):hover,
511
528
  .open > .dropdown-toggle.btn-success:not(.disabled):not(:disabled):hover {
512
529
  color: #fff;
513
- background-color: #008b2b;
514
530
  background-color: var(--color-interactive-positive-active);
515
- border-color: #008b2b;
516
531
  border-color: var(--color-interactive-positive-active);
517
532
  }
518
533
  .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -523,25 +538,20 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
523
538
  }
524
539
  .btn-positive .badge,
525
540
  .btn-success .badge {
526
- color: #2ead4b;
527
541
  color: var(--color-interactive-positive);
528
542
  background-color: #fff;
529
543
  }
530
544
  .btn-positive.btn-priority-2,
531
545
  .btn-success.btn-priority-2 {
532
- color: #2ead4b;
533
546
  color: var(--color-interactive-positive);
534
547
  background-color: transparent;
535
- border-color: #2ead4b;
536
548
  border-color: var(--color-interactive-positive);
537
549
  transition: color, background-color 0.15s ease-in-out;
538
550
  }
539
551
  .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
540
552
  .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
541
553
  color: #fff;
542
- background-color: #069939;
543
554
  background-color: var(--color-interactive-positive-hover);
544
- border-color: #069939;
545
555
  border-color: var(--color-interactive-positive-hover);
546
556
  }
547
557
  .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -551,9 +561,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
551
561
  .open > .dropdown-toggle.btn-positive.btn-priority-2,
552
562
  .open > .dropdown-toggle.btn-success.btn-priority-2 {
553
563
  color: #fff;
554
- background-color: #008b2b;
555
564
  background-color: var(--color-interactive-positive-active);
556
- border-color: #008b2b;
557
565
  border-color: var(--color-interactive-positive-active);
558
566
  }
559
567
  .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -563,9 +571,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
563
571
  .open > .dropdown-toggle.btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
564
572
  .open > .dropdown-toggle.btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
565
573
  color: #fff;
566
- background-color: #008b2b;
567
574
  background-color: var(--color-interactive-positive-active);
568
- border-color: #008b2b;
569
575
  border-color: var(--color-interactive-positive-active);
570
576
  }
571
577
  .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -577,24 +583,25 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
577
583
  .btn-positive.btn-priority-2 .badge,
578
584
  .btn-success.btn-priority-2 .badge {
579
585
  color: transparent;
580
- background-color: #2ead4b;
581
586
  background-color: var(--color-interactive-positive);
582
587
  }
583
588
  .np-theme-personal .btn-positive,
584
589
  .np-theme-personal .btn-success {
590
+ color: #163300;
585
591
  color: var(--color-interactive-control);
586
- background-color: #00a2dd;
592
+ background-color: #9fe870;
587
593
  background-color: var(--color-interactive-accent);
588
- border-color: #00a2dd;
594
+ border-color: #9fe870;
589
595
  border-color: var(--color-interactive-accent);
590
596
  transition: color, background-color 0.15s ease-in-out;
591
597
  }
592
598
  .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
593
599
  .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
600
+ color: #163300;
594
601
  color: var(--color-interactive-control);
595
- background-color: #008fc9;
602
+ background-color: #80e142;
596
603
  background-color: var(--color-interactive-accent-hover);
597
- border-color: #00a2dd;
604
+ border-color: #9fe870;
598
605
  border-color: var(--color-interactive-accent);
599
606
  }
600
607
  .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -603,10 +610,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
603
610
  .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
604
611
  .open > .dropdown-toggle.np-theme-personal .btn-positive,
605
612
  .open > .dropdown-toggle.np-theme-personal .btn-success {
613
+ color: #163300;
606
614
  color: var(--color-interactive-control);
607
- background-color: #0081ba;
615
+ background-color: #65cf21;
608
616
  background-color: var(--color-interactive-accent-active);
609
- border-color: #00a2dd;
617
+ border-color: #9fe870;
610
618
  border-color: var(--color-interactive-accent);
611
619
  }
612
620
  .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -615,10 +623,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
615
623
  .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
616
624
  .open > .dropdown-toggle.np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
617
625
  .open > .dropdown-toggle.np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
626
+ color: #163300;
618
627
  color: var(--color-interactive-control);
619
- background-color: #0081ba;
628
+ background-color: #65cf21;
620
629
  background-color: var(--color-interactive-accent-active);
621
- border-color: #00a2dd;
630
+ border-color: #9fe870;
622
631
  border-color: var(--color-interactive-accent);
623
632
  }
624
633
  .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -629,23 +638,27 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
629
638
  }
630
639
  .np-theme-personal .btn-positive .badge,
631
640
  .np-theme-personal .btn-success .badge {
632
- color: #00a2dd;
641
+ color: #9fe870;
633
642
  color: var(--color-interactive-accent);
643
+ background-color: #163300;
634
644
  background-color: var(--color-interactive-control);
635
645
  }
636
646
  .np-theme-personal .btn-positive.btn-priority-2,
637
647
  .np-theme-personal .btn-success.btn-priority-2 {
648
+ color: #163300;
638
649
  color: var(--color-interactive-primary);
639
650
  background-color: transparent;
651
+ border-color: #163300;
640
652
  border-color: var(--color-interactive-primary);
641
653
  transition: color, background-color 0.15s ease-in-out;
642
654
  }
643
655
  .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
644
656
  .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
657
+ color: #163300;
645
658
  color: var(--color-interactive-control);
646
- background-color: #008fc9;
659
+ background-color: #80e142;
647
660
  background-color: var(--color-interactive-accent-hover);
648
- border-color: #008fc9;
661
+ border-color: #80e142;
649
662
  border-color: var(--color-interactive-accent-hover);
650
663
  }
651
664
  .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -654,10 +667,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
654
667
  .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
655
668
  .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
656
669
  .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
670
+ color: #163300;
657
671
  color: var(--color-interactive-control);
658
- background-color: #0081ba;
672
+ background-color: #65cf21;
659
673
  background-color: var(--color-interactive-accent-active);
660
- border-color: #0081ba;
674
+ border-color: #65cf21;
661
675
  border-color: var(--color-interactive-accent-active);
662
676
  }
663
677
  .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -666,10 +680,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
666
680
  .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
667
681
  .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
668
682
  .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
683
+ color: #163300;
669
684
  color: var(--color-interactive-control);
670
- background-color: #0081ba;
685
+ background-color: #65cf21;
671
686
  background-color: var(--color-interactive-accent-active);
672
- border-color: #0081ba;
687
+ border-color: #65cf21;
673
688
  border-color: var(--color-interactive-accent-active);
674
689
  }
675
690
  .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -681,6 +696,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
681
696
  .np-theme-personal .btn-positive.btn-priority-2 .badge,
682
697
  .np-theme-personal .btn-success.btn-priority-2 .badge {
683
698
  color: transparent;
699
+ background-color: #163300;
684
700
  background-color: var(--color-interactive-primary);
685
701
  }
686
702
  .btn-info {
@@ -752,18 +768,14 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
752
768
  .btn-danger,
753
769
  .btn-negative {
754
770
  color: #fff;
755
- background-color: #e74848;
756
771
  background-color: var(--color-interactive-negative);
757
- border-color: #e74848;
758
772
  border-color: var(--color-interactive-negative);
759
773
  transition: color, background-color 0.15s ease-in-out;
760
774
  }
761
775
  .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
762
776
  .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
763
777
  color: #fff;
764
- background-color: #d03238;
765
778
  background-color: var(--color-interactive-negative-hover);
766
- border-color: #d03238;
767
779
  border-color: var(--color-interactive-negative-hover);
768
780
  }
769
781
  .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -773,9 +785,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
773
785
  .open > .dropdown-toggle.btn-danger,
774
786
  .open > .dropdown-toggle.btn-negative {
775
787
  color: #fff;
776
- background-color: #bf1e2c;
777
788
  background-color: var(--color-interactive-negative-active);
778
- border-color: #bf1e2c;
779
789
  border-color: var(--color-interactive-negative-active);
780
790
  }
781
791
  .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -785,9 +795,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
785
795
  .open > .dropdown-toggle.btn-danger:not(.disabled):not(:disabled):hover,
786
796
  .open > .dropdown-toggle.btn-negative:not(.disabled):not(:disabled):hover {
787
797
  color: #fff;
788
- background-color: #bf1e2c;
789
798
  background-color: var(--color-interactive-negative-active);
790
- border-color: #bf1e2c;
791
799
  border-color: var(--color-interactive-negative-active);
792
800
  }
793
801
  .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -798,25 +806,20 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
798
806
  }
799
807
  .btn-danger .badge,
800
808
  .btn-negative .badge {
801
- color: #e74848;
802
809
  color: var(--color-interactive-negative);
803
810
  background-color: #fff;
804
811
  }
805
812
  .btn-danger.btn-priority-2,
806
813
  .btn-negative.btn-priority-2 {
807
- color: #e74848;
808
814
  color: var(--color-interactive-negative);
809
815
  background-color: transparent;
810
- border-color: #e74848;
811
816
  border-color: var(--color-interactive-negative);
812
817
  transition: color, background-color 0.15s ease-in-out;
813
818
  }
814
819
  .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
815
820
  .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
816
821
  color: #fff;
817
- background-color: #d03238;
818
822
  background-color: var(--color-interactive-negative-hover);
819
- border-color: #d03238;
820
823
  border-color: var(--color-interactive-negative-hover);
821
824
  }
822
825
  .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -826,9 +829,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
826
829
  .open > .dropdown-toggle.btn-danger.btn-priority-2,
827
830
  .open > .dropdown-toggle.btn-negative.btn-priority-2 {
828
831
  color: #fff;
829
- background-color: #bf1e2c;
830
832
  background-color: var(--color-interactive-negative-active);
831
- border-color: #bf1e2c;
832
833
  border-color: var(--color-interactive-negative-active);
833
834
  }
834
835
  .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -838,9 +839,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
838
839
  .open > .dropdown-toggle.btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
839
840
  .open > .dropdown-toggle.btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
840
841
  color: #fff;
841
- background-color: #bf1e2c;
842
842
  background-color: var(--color-interactive-negative-active);
843
- border-color: #bf1e2c;
844
843
  border-color: var(--color-interactive-negative-active);
845
844
  }
846
845
  .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -852,20 +851,25 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
852
851
  .btn-danger.btn-priority-2 .badge,
853
852
  .btn-negative.btn-priority-2 .badge {
854
853
  color: transparent;
855
- background-color: #e74848;
856
854
  background-color: var(--color-interactive-negative);
857
855
  }
858
856
  .np-theme-personal .btn-danger,
859
857
  .np-theme-personal .btn-negative {
858
+ color: #ffffff;
860
859
  color: var(--color-contrast);
860
+ background-color: #cb272f;
861
861
  background-color: var(--color-sentiment-negative);
862
+ border-color: #cb272f;
862
863
  border-color: var(--color-sentiment-negative);
863
864
  transition: color, background-color 0.15s ease-in-out;
864
865
  }
865
866
  .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
866
867
  .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
868
+ color: #ffffff;
867
869
  color: var(--color-contrast);
870
+ background-color: #b8232b;
868
871
  background-color: var(--color-sentiment-negative-hover);
872
+ border-color: #b8232b;
869
873
  border-color: var(--color-sentiment-negative-hover);
870
874
  }
871
875
  .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -874,8 +878,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
874
878
  .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
875
879
  .open > .dropdown-toggle.np-theme-personal .btn-danger,
876
880
  .open > .dropdown-toggle.np-theme-personal .btn-negative {
881
+ color: #ffffff;
877
882
  color: var(--color-contrast);
883
+ background-color: #a72027;
878
884
  background-color: var(--color-sentiment-negative-active);
885
+ border-color: #a72027;
879
886
  border-color: var(--color-sentiment-negative-active);
880
887
  }
881
888
  .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -884,8 +891,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
884
891
  .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
885
892
  .open > .dropdown-toggle.np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
886
893
  .open > .dropdown-toggle.np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
894
+ color: #ffffff;
887
895
  color: var(--color-contrast);
896
+ background-color: #a72027;
888
897
  background-color: var(--color-sentiment-negative-active);
898
+ border-color: #a72027;
889
899
  border-color: var(--color-sentiment-negative-active);
890
900
  }
891
901
  .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -896,20 +906,27 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
896
906
  }
897
907
  .np-theme-personal .btn-danger .badge,
898
908
  .np-theme-personal .btn-negative .badge {
909
+ color: #cb272f;
899
910
  color: var(--color-sentiment-negative);
911
+ background-color: #ffffff;
900
912
  background-color: var(--color-contrast);
901
913
  }
902
914
  .np-theme-personal .btn-danger.btn-priority-2,
903
915
  .np-theme-personal .btn-negative.btn-priority-2 {
916
+ color: #cb272f;
904
917
  color: var(--color-sentiment-negative);
905
918
  background-color: transparent;
919
+ border-color: #cb272f;
906
920
  border-color: var(--color-sentiment-negative);
907
921
  transition: color, background-color 0.15s ease-in-out;
908
922
  }
909
923
  .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
910
924
  .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
925
+ color: #ffffff;
911
926
  color: var(--color-contrast);
927
+ background-color: #b8232b;
912
928
  background-color: var(--color-sentiment-negative-hover);
929
+ border-color: #b8232b;
913
930
  border-color: var(--color-sentiment-negative-hover);
914
931
  }
915
932
  .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -918,8 +935,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
918
935
  .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
919
936
  .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
920
937
  .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
938
+ color: #ffffff;
921
939
  color: var(--color-contrast);
940
+ background-color: #a72027;
922
941
  background-color: var(--color-sentiment-negative-active);
942
+ border-color: #a72027;
923
943
  border-color: var(--color-sentiment-negative-active);
924
944
  }
925
945
  .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -928,8 +948,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
928
948
  .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
929
949
  .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
930
950
  .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
951
+ color: #ffffff;
931
952
  color: var(--color-contrast);
953
+ background-color: #a72027;
932
954
  background-color: var(--color-sentiment-negative-active);
955
+ border-color: #a72027;
933
956
  border-color: var(--color-sentiment-negative-active);
934
957
  }
935
958
  .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -941,25 +964,26 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
941
964
  .np-theme-personal .btn-danger.btn-priority-2 .badge,
942
965
  .np-theme-personal .btn-negative.btn-priority-2 .badge {
943
966
  color: transparent;
967
+ background-color: #cb272f;
944
968
  background-color: var(--color-sentiment-negative);
945
969
  }
946
970
  .bootstrap-select .btn-default,
947
971
  .btn-input {
948
- color: #37517e;
972
+ color: #0e0f0c;
949
973
  color: var(--color-content-primary);
950
974
  background-color: #ffffff;
951
975
  background-color: var(--color-background-screen);
952
- border-color: #c9cbce;
976
+ border-color: #868685;
953
977
  border-color: var(--color-interactive-secondary);
954
978
  transition: color, background-color 0.15s ease-in-out;
955
979
  }
956
980
  .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover,
957
981
  .btn-input:not(.disabled):not(:disabled):not(.btn-loading):hover {
958
- color: #37517e;
982
+ color: #0e0f0c;
959
983
  color: var(--color-content-primary);
960
984
  background-color: #ffffff;
961
985
  background-color: var(--color-background-screen);
962
- border-color: #b5b7ba;
986
+ border-color: #6c6c6b;
963
987
  border-color: var(--color-interactive-secondary-hover);
964
988
  }
965
989
  .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
@@ -968,11 +992,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
968
992
  .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active,
969
993
  .open > .dropdown-toggle.bootstrap-select .btn-default,
970
994
  .open > .dropdown-toggle.btn-input {
971
- color: #37517e;
995
+ color: #0e0f0c;
972
996
  color: var(--color-content-primary);
973
997
  background-color: #ffffff;
974
998
  background-color: var(--color-background-screen);
975
- border-color: #a7a9ab;
999
+ border-color: #525251;
976
1000
  border-color: var(--color-interactive-secondary-active);
977
1001
  }
978
1002
  .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
@@ -981,11 +1005,11 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
981
1005
  .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
982
1006
  .open > .dropdown-toggle.bootstrap-select .btn-default:not(.disabled):not(:disabled):hover,
983
1007
  .open > .dropdown-toggle.btn-input:not(.disabled):not(:disabled):hover {
984
- color: #37517e;
1008
+ color: #0e0f0c;
985
1009
  color: var(--color-content-primary);
986
1010
  background-color: #ffffff;
987
1011
  background-color: var(--color-background-screen);
988
- border-color: #a7a9ab;
1012
+ border-color: #525251;
989
1013
  border-color: var(--color-interactive-secondary-active);
990
1014
  }
991
1015
  .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
@@ -998,7 +1022,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
998
1022
  .btn-input .badge {
999
1023
  color: #ffffff;
1000
1024
  color: var(--color-background-screen);
1001
- background-color: #37517e;
1025
+ background-color: #0e0f0c;
1002
1026
  background-color: var(--color-content-primary);
1003
1027
  }
1004
1028
  .btn-image {
@@ -1179,14 +1203,14 @@ input[type="button"].btn-block {
1179
1203
  padding-right: initial;
1180
1204
  }
1181
1205
  .btn-input:not(.disabled):not(:disabled):hover {
1182
- border-color: #b5b7ba;
1206
+ border-color: #6c6c6b;
1183
1207
  border-color: var(--color-interactive-secondary-hover);
1184
1208
  }
1185
1209
  .btn-input:not(.disabled):not(:disabled).active,
1186
1210
  .btn-input:not(.disabled):not(:disabled):active,
1187
1211
  .btn-input:not(.disabled):not(:disabled).focus,
1188
1212
  .btn-input:not(.disabled):not(:disabled):focus-visible {
1189
- border-color: #0081ba;
1213
+ border-color: #65cf21;
1190
1214
  border-color: var(--color-interactive-accent-active);
1191
1215
  outline: 0 none !important;
1192
1216
  }
@@ -1194,11 +1218,10 @@ input[type="button"].btn-block {
1194
1218
  .np-theme-personal .btn-input:not(.disabled):not(:disabled):active,
1195
1219
  .np-theme-personal .btn-input:not(.disabled):not(:disabled).focus,
1196
1220
  .np-theme-personal .btn-input:not(.disabled):not(:disabled):focus-visible {
1197
- border-color: #a7a9ab;
1221
+ border-color: #525251;
1198
1222
  border-color: var(--color-interactive-secondary-active);
1199
1223
  }
1200
1224
  .btn-input .caret {
1201
- color: #0097c7;
1202
1225
  color: var(--color-content-accent);
1203
1226
  }
1204
1227
  .btn-input.btn-sm {
@@ -1224,54 +1247,6 @@ input[type="button"].btn-block {
1224
1247
  font-weight: 600;
1225
1248
  font-weight: var(--font-weight-semi-bold);
1226
1249
  }
1227
- .btn-input-inverse {
1228
- --color-content-primary: #ffffff;
1229
- --color-content-accent: #00b9ff;
1230
- }
1231
- .btn-input-inverse,
1232
- .btn-addon {
1233
- color: #ffffff;
1234
- background-color: #2e4369;
1235
- border-color: #37517e;
1236
- transition: color, background-color 0.15s ease-in-out;
1237
- }
1238
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):hover,
1239
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):hover {
1240
- color: #ffffff;
1241
- background-color: #2e4369;
1242
- border-color: #2e4369;
1243
- }
1244
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):active,
1245
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):active,
1246
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1247
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active,
1248
- .open > .dropdown-toggle.btn-input-inverse,
1249
- .open > .dropdown-toggle.btn-addon {
1250
- color: #ffffff;
1251
- background-color: #2e4369;
1252
- border-color: #2e4369;
1253
- }
1254
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
1255
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
1256
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
1257
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
1258
- .open > .dropdown-toggle.btn-input-inverse:not(.disabled):not(:disabled):hover,
1259
- .open > .dropdown-toggle.btn-addon:not(.disabled):not(:disabled):hover {
1260
- color: #ffffff;
1261
- background-color: #2e4369;
1262
- border-color: #2e4369;
1263
- }
1264
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1265
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active,
1266
- .open > .dropdown-toggle.btn-input-inverse,
1267
- .open > .dropdown-toggle.btn-addon {
1268
- background-image: none;
1269
- }
1270
- .btn-input-inverse .badge,
1271
- .btn-addon .badge {
1272
- color: #2e4369;
1273
- background-color: #ffffff;
1274
- }
1275
1250
  .form-group-sm .bootstrap-select .btn-default {
1276
1251
  padding: 4px 12px;
1277
1252
  }
@@ -1279,11 +1254,11 @@ input[type="button"].btn-block {
1279
1254
  padding: 12px 16px;
1280
1255
  }
1281
1256
  .bootstrap-select.open > .dropdown-toggle.btn-default {
1282
- border-color: #00a2dd;
1257
+ border-color: #9fe870;
1283
1258
  border-color: var(--color-interactive-accent);
1284
1259
  background-color: #ffffff;
1285
1260
  background-color: var(--color-background-screen);
1286
- color: #37517e;
1261
+ color: #0e0f0c;
1287
1262
  color: var(--color-content-primary);
1288
1263
  }
1289
1264
  .btn-loader {