kaui 4.0.26 → 4.0.27
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/kaui/account.css +177 -172
- data/app/assets/stylesheets/kaui/account_timeline.css +21 -21
- data/app/assets/stylesheets/kaui/admin_allowed_users.css +26 -26
- data/app/assets/stylesheets/kaui/audit_logs.css +41 -41
- data/app/assets/stylesheets/kaui/auth_pages.css +6 -6
- data/app/assets/stylesheets/kaui/breadcrumb.css +5 -5
- data/app/assets/stylesheets/kaui/chargebacks.css +9 -9
- data/app/assets/stylesheets/kaui/clock.css +9 -9
- data/app/assets/stylesheets/kaui/common.css +207 -207
- data/app/assets/stylesheets/kaui/custom_fields.css +64 -64
- data/app/assets/stylesheets/kaui/dashboard.css +3 -3
- data/app/assets/stylesheets/kaui/datatable.css +14 -14
- data/app/assets/stylesheets/kaui/header.css +17 -17
- data/app/assets/stylesheets/kaui/home.css +2 -2
- data/app/assets/stylesheets/kaui/invoice.css +113 -113
- data/app/assets/stylesheets/kaui/payment.css +120 -120
- data/app/assets/stylesheets/kaui/queues.css +48 -48
- data/app/assets/stylesheets/kaui/refunds.css +15 -15
- data/app/assets/stylesheets/kaui/role_definitions.css +9 -9
- data/app/assets/stylesheets/kaui/sidebar.css +14 -14
- data/app/assets/stylesheets/kaui/subscription.css +58 -58
- data/app/assets/stylesheets/kaui/tag_definitions.css +45 -45
- data/app/assets/stylesheets/kaui/tags.css +65 -65
- data/app/assets/stylesheets/kaui/tenants.css +152 -152
- data/app/assets/stylesheets/kaui/tooltip.css +5 -5
- data/app/assets/stylesheets/kaui/wallets.css +8 -8
- data/app/views/kaui/account_emails/_account_emails_table.html.erb +1 -1
- data/app/views/kaui/accounts/_add_parent.html.erb +1 -1
- data/app/views/kaui/payment_methods/_plugin_properties.html.erb +1 -1
- data/app/views/kaui/transactions/_control_plugin_names.html.erb +1 -1
- data/lib/kaui/version.rb +1 -1
- metadata +4 -4
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
* Basic & Common
|
|
3
3
|
*/
|
|
4
4
|
body {
|
|
5
|
-
background:
|
|
5
|
+
background: var(--kb-surface-container-low);
|
|
6
6
|
animation: all 0.5s;
|
|
7
7
|
font-family: "Inter", sans-serif !important;
|
|
8
|
-
color:
|
|
8
|
+
color: var(--kb-on-surface-tertiary);
|
|
9
9
|
min-height: 100%;
|
|
10
10
|
padding-bottom: 0 !important;
|
|
11
11
|
width: 100%;
|
|
@@ -21,31 +21,31 @@ h3 {
|
|
|
21
21
|
|
|
22
22
|
h1 {
|
|
23
23
|
font-size: 1.125rem;
|
|
24
|
-
color:
|
|
24
|
+
color: var(--kb-error-pressed);
|
|
25
25
|
text-transform: capitalize;
|
|
26
26
|
line-height: 1.333;
|
|
27
27
|
padding: 0 1.875rem 0.625rem;
|
|
28
|
-
border-bottom: 0.0625rem solid
|
|
28
|
+
border-bottom: 0.0625rem solid var(--kb-outline-secondary);
|
|
29
29
|
font-weight: 700;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
h2 {
|
|
33
33
|
font-size: 1.25rem;
|
|
34
|
-
color:
|
|
34
|
+
color: var(--kb-neutral-700);
|
|
35
35
|
line-height: 1.5;
|
|
36
36
|
text-align: center;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
h3 {
|
|
40
40
|
font-size: 1rem;
|
|
41
|
-
color:
|
|
41
|
+
color: var(--kb-neutral-700);
|
|
42
42
|
line-height: 1.5;
|
|
43
43
|
text-align: center;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
p {
|
|
47
47
|
font-size: 0.875rem;
|
|
48
|
-
color:
|
|
48
|
+
color: var(--kb-on-surface-quaternary);
|
|
49
49
|
line-height: 1.25rem;
|
|
50
50
|
text-align: left;
|
|
51
51
|
margin: 0 0 1.25rem;
|
|
@@ -60,31 +60,31 @@ p.title-align {
|
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
a {
|
|
63
|
-
color:
|
|
63
|
+
color: var(--kb-primary);
|
|
64
64
|
transition: all 0.3s;
|
|
65
65
|
}
|
|
66
66
|
a:hover {
|
|
67
67
|
text-decoration: none;
|
|
68
|
-
color:
|
|
68
|
+
color: var(--kb-primary-hover);
|
|
69
69
|
}
|
|
70
70
|
a .fa-times {
|
|
71
|
-
color:
|
|
71
|
+
color: var(--kb-error-pressed);
|
|
72
72
|
}
|
|
73
73
|
a .fa-times:hover {
|
|
74
|
-
color:
|
|
74
|
+
color: var(--kb-error);
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
span.success,
|
|
78
78
|
span.fail {
|
|
79
79
|
display: inline-block;
|
|
80
80
|
font-size: 0.875rem;
|
|
81
|
-
color:
|
|
81
|
+
color: var(--kb-neutral-0);
|
|
82
82
|
font-weight: 400;
|
|
83
83
|
padding: 0 0.625rem;
|
|
84
|
-
background-color:
|
|
84
|
+
background-color: var(--kb-error);
|
|
85
85
|
}
|
|
86
86
|
span.success {
|
|
87
|
-
background-color:
|
|
87
|
+
background-color: var(--kb-success-200);
|
|
88
88
|
}
|
|
89
89
|
span.label {
|
|
90
90
|
font-size: 0.875rem;
|
|
@@ -92,31 +92,31 @@ span.label {
|
|
|
92
92
|
padding: 0 0.3125rem;
|
|
93
93
|
display: inline-block;
|
|
94
94
|
font-weight: normal;
|
|
95
|
-
color:
|
|
95
|
+
color: var(--kb-on-surface-tertiary);
|
|
96
96
|
}
|
|
97
97
|
span.label.label-default,
|
|
98
98
|
span.label.label-success,
|
|
99
99
|
span.label.label-warning,
|
|
100
100
|
span.label.label-danger {
|
|
101
|
-
color:
|
|
101
|
+
color: var(--kb-neutral-0);
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
input,
|
|
105
105
|
textarea,
|
|
106
106
|
select {
|
|
107
|
-
border: 0.0625rem solid
|
|
107
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
108
108
|
border-radius: 0;
|
|
109
|
-
background:
|
|
109
|
+
background: var(--kb-neutral-0);
|
|
110
110
|
line-height: 1.75rem;
|
|
111
111
|
height: 1.875rem;
|
|
112
112
|
font-size: 0.875rem;
|
|
113
113
|
padding: 0 0.3125rem;
|
|
114
|
-
outline-color:
|
|
114
|
+
outline-color: var(--kb-primary-200);
|
|
115
115
|
}
|
|
116
116
|
input::-webkit-input-placeholder,
|
|
117
117
|
textarea::-webkit-input-placeholder,
|
|
118
118
|
select::-webkit-input-placeholder {
|
|
119
|
-
color:
|
|
119
|
+
color: var(--kb-on-surface-quaternary);
|
|
120
120
|
font-weight: strong;
|
|
121
121
|
font-style: italic;
|
|
122
122
|
}
|
|
@@ -124,7 +124,7 @@ input:-moz-placeholder,
|
|
|
124
124
|
textarea:-moz-placeholder,
|
|
125
125
|
select:-moz-placeholder {
|
|
126
126
|
/* Firefox 18- */
|
|
127
|
-
color:
|
|
127
|
+
color: var(--kb-on-surface-quaternary);
|
|
128
128
|
font-weight: strong;
|
|
129
129
|
font-style: italic;
|
|
130
130
|
}
|
|
@@ -132,14 +132,14 @@ input::-moz-placeholder,
|
|
|
132
132
|
textarea::-moz-placeholder,
|
|
133
133
|
select::-moz-placeholder {
|
|
134
134
|
/* Firefox 19+ */
|
|
135
|
-
color:
|
|
135
|
+
color: var(--kb-on-surface-quaternary);
|
|
136
136
|
font-weight: strong;
|
|
137
137
|
font-style: italic;
|
|
138
138
|
}
|
|
139
139
|
input:-ms-input-placeholder,
|
|
140
140
|
textarea:-ms-input-placeholder,
|
|
141
141
|
select:-ms-input-placeholder {
|
|
142
|
-
color:
|
|
142
|
+
color: var(--kb-on-surface-quaternary);
|
|
143
143
|
font-weight: strong;
|
|
144
144
|
font-style: italic;
|
|
145
145
|
}
|
|
@@ -156,8 +156,8 @@ textarea {
|
|
|
156
156
|
|
|
157
157
|
button,
|
|
158
158
|
input[type="submit"] {
|
|
159
|
-
background:
|
|
160
|
-
color:
|
|
159
|
+
background: var(--kb-primary);
|
|
160
|
+
color: var(--kb-neutral-0);
|
|
161
161
|
text-transform: uppercase;
|
|
162
162
|
font-size: 0.75rem;
|
|
163
163
|
padding: 0.625rem 1.875rem;
|
|
@@ -168,8 +168,8 @@ input[type="submit"] {
|
|
|
168
168
|
}
|
|
169
169
|
button:hover,
|
|
170
170
|
input[type="submit"]:hover {
|
|
171
|
-
background:
|
|
172
|
-
color:
|
|
171
|
+
background: var(--kb-primary-hover);
|
|
172
|
+
color: var(--kb-neutral-0);
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
.kaui-advanced-search-modal .modal-dialog {
|
|
@@ -194,7 +194,7 @@ input[type="submit"]:hover {
|
|
|
194
194
|
|
|
195
195
|
.kaui-advanced-search-modal .modal-footer {
|
|
196
196
|
align-items: center;
|
|
197
|
-
border-top: 0.0625rem solid
|
|
197
|
+
border-top: 0.0625rem solid var(--kb-outline-primary);
|
|
198
198
|
display: flex;
|
|
199
199
|
gap: 0.75rem;
|
|
200
200
|
justify-content: space-between;
|
|
@@ -226,43 +226,43 @@ input[type="submit"]:hover {
|
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
.kaui-advanced-search-modal .advanced-search-button-secondary {
|
|
229
|
-
background:
|
|
230
|
-
border: 0.0625rem solid
|
|
231
|
-
color:
|
|
229
|
+
background: var(--kb-neutral-0);
|
|
230
|
+
border: 0.0625rem solid var(--kb-primary-container);
|
|
231
|
+
color: var(--kb-primary);
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
.kaui-advanced-search-modal .advanced-search-button-secondary:hover {
|
|
235
|
-
background:
|
|
236
|
-
border-color:
|
|
237
|
-
color:
|
|
235
|
+
background: var(--kb-primary-25);
|
|
236
|
+
border-color: var(--kb-primary-200);
|
|
237
|
+
color: var(--kb-primary);
|
|
238
238
|
}
|
|
239
239
|
|
|
240
240
|
.kaui-advanced-search-modal .advanced-search-button-ghost {
|
|
241
|
-
background:
|
|
242
|
-
border: 0.0625rem solid
|
|
243
|
-
color:
|
|
241
|
+
background: var(--kb-neutral-0);
|
|
242
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
243
|
+
color: var(--kb-on-surface-secondary);
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
.kaui-advanced-search-modal .advanced-search-button-ghost:hover {
|
|
247
|
-
background:
|
|
248
|
-
border-color:
|
|
249
|
-
color:
|
|
247
|
+
background: var(--kb-surface-container-low);
|
|
248
|
+
border-color: var(--kb-on-surface-quaternary);
|
|
249
|
+
color: var(--kb-on-surface-primary);
|
|
250
250
|
}
|
|
251
251
|
|
|
252
252
|
.kaui-advanced-search-modal .advanced-search-button-primary {
|
|
253
|
-
background:
|
|
254
|
-
border: 0.0625rem solid
|
|
255
|
-
color:
|
|
253
|
+
background: var(--kb-primary-400);
|
|
254
|
+
border: 0.0625rem solid var(--kb-primary-400);
|
|
255
|
+
color: var(--kb-neutral-0);
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
.kaui-advanced-search-modal .advanced-search-button-primary:hover {
|
|
259
|
-
background:
|
|
260
|
-
border-color:
|
|
261
|
-
color:
|
|
259
|
+
background: var(--kb-primary);
|
|
260
|
+
border-color: var(--kb-primary);
|
|
261
|
+
color: var(--kb-neutral-0);
|
|
262
262
|
}
|
|
263
263
|
|
|
264
264
|
.kaui-advanced-search-modal .modal-title {
|
|
265
|
-
color:
|
|
265
|
+
color: var(--kb-on-surface-primary);
|
|
266
266
|
font-size: 1.125rem;
|
|
267
267
|
font-weight: 600;
|
|
268
268
|
line-height: 1.75rem;
|
|
@@ -287,7 +287,7 @@ input[type="submit"]:hover {
|
|
|
287
287
|
}
|
|
288
288
|
|
|
289
289
|
.kaui-advanced-search-modal .field-label {
|
|
290
|
-
color:
|
|
290
|
+
color: var(--kb-on-surface-secondary);
|
|
291
291
|
font-size: 0.875rem;
|
|
292
292
|
font-weight: 500;
|
|
293
293
|
line-height: 1.25rem;
|
|
@@ -308,8 +308,8 @@ input[type="submit"]:hover {
|
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
.kaui-advanced-search-modal .advanced-search-group {
|
|
311
|
-
background:
|
|
312
|
-
border: 0.125rem solid
|
|
311
|
+
background: var(--kb-primary-25);
|
|
312
|
+
border: 0.125rem solid var(--kb-primary-container);
|
|
313
313
|
border-radius: 0.75rem;
|
|
314
314
|
padding: 1rem;
|
|
315
315
|
}
|
|
@@ -321,7 +321,7 @@ input[type="submit"]:hover {
|
|
|
321
321
|
.kaui-advanced-search-modal .advanced-search-query-row,
|
|
322
322
|
.kaui-advanced-search-modal .advanced-search-rule-row {
|
|
323
323
|
align-items: center;
|
|
324
|
-
background:
|
|
324
|
+
background: var(--kb-neutral-0);
|
|
325
325
|
border-radius: 0.75rem;
|
|
326
326
|
display: grid;
|
|
327
327
|
gap: 0.75rem;
|
|
@@ -360,7 +360,7 @@ input[type="submit"]:hover {
|
|
|
360
360
|
|
|
361
361
|
.kaui-advanced-search-modal .search-field + .search-field::before {
|
|
362
362
|
align-self: center;
|
|
363
|
-
color:
|
|
363
|
+
color: var(--kb-primary-400);
|
|
364
364
|
content: 'AND';
|
|
365
365
|
font-size: 0.875rem;
|
|
366
366
|
font-weight: 700;
|
|
@@ -372,10 +372,10 @@ input[type="submit"]:hover {
|
|
|
372
372
|
.kaui-advanced-search-modal .advanced-search-add-rule:hover {
|
|
373
373
|
align-items: center;
|
|
374
374
|
align-self: flex-start;
|
|
375
|
-
background:
|
|
376
|
-
border: 0.0625rem solid
|
|
375
|
+
background: var(--kb-neutral-0);
|
|
376
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
377
377
|
border-radius: 0.75rem;
|
|
378
|
-
color:
|
|
378
|
+
color: var(--kb-on-surface-tertiary);
|
|
379
379
|
display: inline-flex;
|
|
380
380
|
font-weight: 500;
|
|
381
381
|
gap: 0.5rem;
|
|
@@ -385,7 +385,7 @@ input[type="submit"]:hover {
|
|
|
385
385
|
|
|
386
386
|
.kaui-advanced-search-modal .modal-header .icon-container {
|
|
387
387
|
align-items: center;
|
|
388
|
-
border: 0.0625rem solid
|
|
388
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
389
389
|
border-radius: 0.375rem;
|
|
390
390
|
display: inline-flex;
|
|
391
391
|
height: 2.5rem;
|
|
@@ -418,20 +418,20 @@ input[type="submit"]:hover {
|
|
|
418
418
|
label {
|
|
419
419
|
cursor: pointer;
|
|
420
420
|
font-size: 100%;
|
|
421
|
-
color:
|
|
421
|
+
color: var(--kb-on-surface-secondary);
|
|
422
422
|
text-transform: none;
|
|
423
423
|
font-weight: normal;
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
hr {
|
|
427
|
-
border-color:
|
|
427
|
+
border-color: var(--kb-outline-secondary);
|
|
428
428
|
}
|
|
429
429
|
|
|
430
430
|
table {
|
|
431
431
|
width: 100%;
|
|
432
432
|
font-size: 0.875rem;
|
|
433
433
|
font-weight: 300;
|
|
434
|
-
border: 0.0625rem solid
|
|
434
|
+
border: 0.0625rem solid var(--kb-surface-container);
|
|
435
435
|
padding: 0 3.75rem;
|
|
436
436
|
}
|
|
437
437
|
@media (max-width: 48rem) {
|
|
@@ -440,8 +440,8 @@ table {
|
|
|
440
440
|
}
|
|
441
441
|
}
|
|
442
442
|
table th {
|
|
443
|
-
background:
|
|
444
|
-
color:
|
|
443
|
+
background: var(--kb-surface-container);
|
|
444
|
+
color: var(--kb-on-surface-quaternary);
|
|
445
445
|
font-size: 0.875rem;
|
|
446
446
|
font-weight: 700;
|
|
447
447
|
text-transform: uppercase;
|
|
@@ -454,7 +454,7 @@ table th {
|
|
|
454
454
|
}
|
|
455
455
|
}
|
|
456
456
|
table tr {
|
|
457
|
-
border-bottom: 0.0625rem solid
|
|
457
|
+
border-bottom: 0.0625rem solid var(--kb-surface-container);
|
|
458
458
|
}
|
|
459
459
|
table tr:last-of-type {
|
|
460
460
|
border: 0;
|
|
@@ -487,7 +487,7 @@ table.mobile-data > span {
|
|
|
487
487
|
right: 0;
|
|
488
488
|
bottom: -2.5rem;
|
|
489
489
|
cursor: pointer;
|
|
490
|
-
color:
|
|
490
|
+
color: var(--kb-outline-secondary);
|
|
491
491
|
z-index: 10;
|
|
492
492
|
}
|
|
493
493
|
table.mobile-data > span.left {
|
|
@@ -544,7 +544,7 @@ table.transparent tr {
|
|
|
544
544
|
table.transparent th {
|
|
545
545
|
font-weight: 700;
|
|
546
546
|
text-transform: none;
|
|
547
|
-
color:
|
|
547
|
+
color: var(--kb-on-surface-secondary);
|
|
548
548
|
}
|
|
549
549
|
table.transparent th,
|
|
550
550
|
table.transparent td {
|
|
@@ -559,7 +559,7 @@ table.transparent td {
|
|
|
559
559
|
}
|
|
560
560
|
table.transparent td {
|
|
561
561
|
font-weight: normal;
|
|
562
|
-
color:
|
|
562
|
+
color: var(--kb-on-surface-tertiary);
|
|
563
563
|
}
|
|
564
564
|
|
|
565
565
|
table.transparent {
|
|
@@ -606,14 +606,14 @@ table.subtitle td {
|
|
|
606
606
|
max-width: 80rem;
|
|
607
607
|
text-align: center;
|
|
608
608
|
margin: 0;
|
|
609
|
-
color:
|
|
609
|
+
color: var(--kb-primary);
|
|
610
610
|
}
|
|
611
611
|
|
|
612
612
|
.column-block {
|
|
613
613
|
padding: 1.875rem 0.9375rem;
|
|
614
614
|
border-radius: 1.25rem;
|
|
615
|
-
border: 0.0625rem solid
|
|
616
|
-
background:
|
|
615
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
616
|
+
background: var(--kb-neutral-0);
|
|
617
617
|
width: 100%;
|
|
618
618
|
margin-bottom: 3.125rem;
|
|
619
619
|
}
|
|
@@ -624,7 +624,7 @@ table.subtitle td {
|
|
|
624
624
|
}
|
|
625
625
|
|
|
626
626
|
.info-wrapper {
|
|
627
|
-
border: 0.0625rem solid
|
|
627
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
628
628
|
}
|
|
629
629
|
|
|
630
630
|
.fix-position {
|
|
@@ -643,7 +643,7 @@ table.subtitle td {
|
|
|
643
643
|
}
|
|
644
644
|
|
|
645
645
|
.toggler {
|
|
646
|
-
border-bottom: 0.0625rem solid
|
|
646
|
+
border-bottom: 0.0625rem solid var(--kb-outline-secondary);
|
|
647
647
|
padding: 0 1.5625rem;
|
|
648
648
|
font-size: 0.875rem;
|
|
649
649
|
line-height: 3.125rem;
|
|
@@ -660,10 +660,10 @@ table.subtitle td {
|
|
|
660
660
|
border: 0;
|
|
661
661
|
}
|
|
662
662
|
.toggler:hover {
|
|
663
|
-
background-color:
|
|
663
|
+
background-color: var(--kb-surface-container-low);
|
|
664
664
|
}
|
|
665
665
|
.toggler.toggled {
|
|
666
|
-
background-color:
|
|
666
|
+
background-color: var(--kb-surface-container-low);
|
|
667
667
|
max-height: 93.75rem;
|
|
668
668
|
}
|
|
669
669
|
.toggler.toggled .first-line {
|
|
@@ -676,7 +676,7 @@ table.subtitle td {
|
|
|
676
676
|
display: inline-block;
|
|
677
677
|
}
|
|
678
678
|
.toggler .fa-star {
|
|
679
|
-
color:
|
|
679
|
+
color: var(--kb-primary);
|
|
680
680
|
}
|
|
681
681
|
.toggler .first-line {
|
|
682
682
|
cursor: pointer;
|
|
@@ -691,14 +691,14 @@ table.subtitle td {
|
|
|
691
691
|
margin-left: 1.875rem;
|
|
692
692
|
display: inline-block;
|
|
693
693
|
line-height: 3.125rem;
|
|
694
|
-
color:
|
|
694
|
+
color: var(--kb-on-surface-quaternary);
|
|
695
695
|
}
|
|
696
696
|
.toggler .first-line > .fa-caret-up {
|
|
697
697
|
float: right;
|
|
698
698
|
margin-left: 1.875rem;
|
|
699
699
|
display: none;
|
|
700
700
|
line-height: 3.125rem;
|
|
701
|
-
color:
|
|
701
|
+
color: var(--kb-on-surface-quaternary);
|
|
702
702
|
}
|
|
703
703
|
.toggler .first-line a {
|
|
704
704
|
float: right;
|
|
@@ -722,7 +722,7 @@ table.subtitle td {
|
|
|
722
722
|
margin: 0 -1.5625rem;
|
|
723
723
|
padding: 0 1.5625rem;
|
|
724
724
|
text-align: center;
|
|
725
|
-
border-bottom: 0.0625rem solid
|
|
725
|
+
border-bottom: 0.0625rem solid var(--kb-outline-secondary);
|
|
726
726
|
margin-bottom: 1.875rem;
|
|
727
727
|
}
|
|
728
728
|
@media (max-width: 48rem) {
|
|
@@ -800,7 +800,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
800
800
|
left: 0;
|
|
801
801
|
right: 0;
|
|
802
802
|
bottom: 0;
|
|
803
|
-
background-color:
|
|
803
|
+
background-color: var(--kb-outline-secondary);
|
|
804
804
|
-webkit-transition: 0.4s;
|
|
805
805
|
transition: 0.4s;
|
|
806
806
|
}
|
|
@@ -811,15 +811,15 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
811
811
|
width: 0.625rem;
|
|
812
812
|
left: 0.0625rem;
|
|
813
813
|
bottom: 0.0625rem;
|
|
814
|
-
background-color:
|
|
814
|
+
background-color: var(--kb-neutral-0);
|
|
815
815
|
-webkit-transition: 0.4s;
|
|
816
816
|
transition: 0.4s;
|
|
817
817
|
}
|
|
818
818
|
.switch-half input:checked + .slider {
|
|
819
|
-
background-color:
|
|
819
|
+
background-color: var(--kb-primary);
|
|
820
820
|
}
|
|
821
821
|
.switch-half input:focus + .slider {
|
|
822
|
-
box-shadow: 0 0 0.0625rem
|
|
822
|
+
box-shadow: 0 0 0.0625rem var(--kb-primary-400);
|
|
823
823
|
}
|
|
824
824
|
.switch-half input:checked + .slider:before {
|
|
825
825
|
-webkit-transform: translateX(0.5rem);
|
|
@@ -845,7 +845,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
845
845
|
left: 0;
|
|
846
846
|
right: 0;
|
|
847
847
|
bottom: 0;
|
|
848
|
-
background-color:
|
|
848
|
+
background-color: var(--kb-outline-secondary);
|
|
849
849
|
-webkit-transition: 0.4s;
|
|
850
850
|
transition: 0.4s;
|
|
851
851
|
}
|
|
@@ -856,15 +856,15 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
856
856
|
width: 1rem;
|
|
857
857
|
left: 0.125rem;
|
|
858
858
|
bottom: 0.125rem;
|
|
859
|
-
background-color:
|
|
859
|
+
background-color: var(--kb-neutral-0);
|
|
860
860
|
-webkit-transition: 0.4s;
|
|
861
861
|
transition: 0.4s;
|
|
862
862
|
}
|
|
863
863
|
.switch input:checked + .slider {
|
|
864
|
-
background-color:
|
|
864
|
+
background-color: var(--kb-primary);
|
|
865
865
|
}
|
|
866
866
|
.switch input:focus + .slider {
|
|
867
|
-
box-shadow: 0 0 0.0625rem
|
|
867
|
+
box-shadow: 0 0 0.0625rem var(--kb-primary-400);
|
|
868
868
|
}
|
|
869
869
|
.switch input:checked + .slider:before {
|
|
870
870
|
-webkit-transform: translateX(1rem);
|
|
@@ -907,7 +907,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
907
907
|
.spinner {
|
|
908
908
|
padding-top: 0.21875rem;
|
|
909
909
|
width: 2.5rem;
|
|
910
|
-
color:
|
|
910
|
+
color: var(--kb-primary);
|
|
911
911
|
display: none;
|
|
912
912
|
}
|
|
913
913
|
|
|
@@ -919,7 +919,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
919
919
|
margin-bottom: 0;
|
|
920
920
|
}
|
|
921
921
|
.footer-notice .modal-footer .alert .label-default {
|
|
922
|
-
color:
|
|
922
|
+
color: var(--kb-neutral-0);
|
|
923
923
|
}
|
|
924
924
|
|
|
925
925
|
.copy-icon {
|
|
@@ -927,7 +927,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
927
927
|
}
|
|
928
928
|
|
|
929
929
|
.switch-tenant-active {
|
|
930
|
-
color:
|
|
930
|
+
color: var(--kb-primary);
|
|
931
931
|
}
|
|
932
932
|
|
|
933
933
|
/* Modern toggle switch */
|
|
@@ -951,7 +951,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
951
951
|
left: 0;
|
|
952
952
|
right: 0;
|
|
953
953
|
bottom: 0;
|
|
954
|
-
background-color:
|
|
954
|
+
background-color: var(--kb-on-surface-tertiary);
|
|
955
955
|
transition: .3s;
|
|
956
956
|
border-radius: 26px;
|
|
957
957
|
box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
|
|
@@ -964,7 +964,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
964
964
|
width: 20px;
|
|
965
965
|
left: 3px;
|
|
966
966
|
bottom: 3px;
|
|
967
|
-
background-color:
|
|
967
|
+
background-color: var(--kb-neutral-0);
|
|
968
968
|
transition: .3s;
|
|
969
969
|
border-radius: 50%;
|
|
970
970
|
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
|
@@ -972,7 +972,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
972
972
|
|
|
973
973
|
.toggle-slider:after {
|
|
974
974
|
content: 'OFF';
|
|
975
|
-
color:
|
|
975
|
+
color: var(--kb-neutral-0);
|
|
976
976
|
display: block;
|
|
977
977
|
position: absolute;
|
|
978
978
|
transform: translate(-50%,-50%);
|
|
@@ -983,7 +983,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
983
983
|
}
|
|
984
984
|
|
|
985
985
|
.toggle-switch input:checked + .toggle-slider {
|
|
986
|
-
background-color:
|
|
986
|
+
background-color: var(--kb-primary);
|
|
987
987
|
}
|
|
988
988
|
|
|
989
989
|
.toggle-switch input:checked + .toggle-slider:before {
|
|
@@ -1001,11 +1001,11 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
1001
1001
|
}
|
|
1002
1002
|
|
|
1003
1003
|
.toggle-switch input:not(:checked) + .toggle-slider:hover {
|
|
1004
|
-
background-color:
|
|
1004
|
+
background-color: var(--kb-primary);
|
|
1005
1005
|
}
|
|
1006
1006
|
|
|
1007
1007
|
.toggle-switch input:checked:not(:disabled) + .toggle-slider:hover {
|
|
1008
|
-
background-color:
|
|
1008
|
+
background-color: var(--kb-primary);
|
|
1009
1009
|
}
|
|
1010
1010
|
|
|
1011
1011
|
/* Required for https://github.com/killbill/killbill-admin-ui/issues/262 */
|
|
@@ -1018,7 +1018,7 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
1018
1018
|
padding: 0.25rem 0;
|
|
1019
1019
|
margin: 0.125rem 0 0 0;
|
|
1020
1020
|
list-style: none;
|
|
1021
|
-
background-color:
|
|
1021
|
+
background-color: var(--kb-neutral-0);
|
|
1022
1022
|
border-color: rgba(0, 0, 0, 0.2);
|
|
1023
1023
|
border-style: solid;
|
|
1024
1024
|
border-width: 0.0625rem;
|
|
@@ -1032,14 +1032,14 @@ form[id^="new_tag_definition"] #object_types div .tag-definition-select {
|
|
|
1032
1032
|
clear: both;
|
|
1033
1033
|
font-weight: normal;
|
|
1034
1034
|
line-height: 1.125rem;
|
|
1035
|
-
color:
|
|
1035
|
+
color: var(--kb-on-surface-secondary);
|
|
1036
1036
|
white-space: nowrap;
|
|
1037
1037
|
}
|
|
1038
1038
|
.ui-autocomplete .ui-menu-item .ui-state-active,
|
|
1039
1039
|
.ui-autocomplete .ui-menu-item .ui-state-hover {
|
|
1040
|
-
color:
|
|
1040
|
+
color: var(--kb-neutral-0);
|
|
1041
1041
|
text-decoration: none;
|
|
1042
|
-
background-color:
|
|
1042
|
+
background-color: var(--kb-primary-400);
|
|
1043
1043
|
border-radius: 0;
|
|
1044
1044
|
-webkit-border-radius: 0;
|
|
1045
1045
|
-moz-border-radius: 0;
|
|
@@ -1089,7 +1089,7 @@ header {
|
|
|
1089
1089
|
box-shadow: 0rem 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
|
|
1090
1090
|
border: none;
|
|
1091
1091
|
padding: 0.75rem;
|
|
1092
|
-
background:
|
|
1092
|
+
background: var(--kb-neutral-0);
|
|
1093
1093
|
font-family: 'Roboto', Arial, sans-serif;
|
|
1094
1094
|
}
|
|
1095
1095
|
|
|
@@ -1098,21 +1098,21 @@ header {
|
|
|
1098
1098
|
.datepicker-years .datepicker-switch {
|
|
1099
1099
|
font-weight: 600;
|
|
1100
1100
|
font-size: 1rem;
|
|
1101
|
-
color:
|
|
1101
|
+
color: var(--kb-neutral-700);
|
|
1102
1102
|
text-align: center;
|
|
1103
1103
|
cursor: pointer;
|
|
1104
1104
|
}
|
|
1105
1105
|
|
|
1106
1106
|
.datepicker-days th.prev,
|
|
1107
1107
|
.datepicker-days th.next {
|
|
1108
|
-
color:
|
|
1108
|
+
color: var(--kb-on-surface-secondary);
|
|
1109
1109
|
font-size: 1.125rem;
|
|
1110
1110
|
cursor: pointer;
|
|
1111
1111
|
padding: 0 0.625rem;
|
|
1112
1112
|
}
|
|
1113
1113
|
|
|
1114
1114
|
.datepicker-days thead th.dow {
|
|
1115
|
-
color:
|
|
1115
|
+
color: var(--kb-on-surface-tertiary);
|
|
1116
1116
|
font-weight: 500;
|
|
1117
1117
|
font-size: 0.75rem;
|
|
1118
1118
|
text-transform: uppercase;
|
|
@@ -1126,7 +1126,7 @@ header {
|
|
|
1126
1126
|
border-radius: 50%;
|
|
1127
1127
|
transition: background 0.2s, color 0.2s;
|
|
1128
1128
|
cursor: pointer;
|
|
1129
|
-
color:
|
|
1129
|
+
color: var(--kb-on-surface-quaternary) !important;
|
|
1130
1130
|
font-weight: 400 !important;
|
|
1131
1131
|
font-size: 1.125rem !important;
|
|
1132
1132
|
line-height: 1.25rem !important;
|
|
@@ -1138,20 +1138,20 @@ header {
|
|
|
1138
1138
|
}
|
|
1139
1139
|
|
|
1140
1140
|
.datepicker-days td.day:hover {
|
|
1141
|
-
background-color:
|
|
1142
|
-
color:
|
|
1141
|
+
background-color: var(--kb-primary-25);
|
|
1142
|
+
color: var(--kb-primary);
|
|
1143
1143
|
}
|
|
1144
1144
|
|
|
1145
1145
|
.datepicker-days td.day.active,
|
|
1146
1146
|
.datepicker-days td.day.active:hover {
|
|
1147
|
-
background-color:
|
|
1148
|
-
color:
|
|
1147
|
+
background-color: var(--kb-primary) !important;
|
|
1148
|
+
color: var(--kb-neutral-0) !important;
|
|
1149
1149
|
font-weight: 500;
|
|
1150
1150
|
}
|
|
1151
1151
|
|
|
1152
1152
|
.datepicker-days td.old,
|
|
1153
1153
|
.datepicker-days td.new {
|
|
1154
|
-
color:
|
|
1154
|
+
color: var(--kb-outline-secondary);
|
|
1155
1155
|
}
|
|
1156
1156
|
|
|
1157
1157
|
.datepicker-months span.month,
|
|
@@ -1168,14 +1168,14 @@ header {
|
|
|
1168
1168
|
|
|
1169
1169
|
.datepicker-months span.month:hover,
|
|
1170
1170
|
.datepicker-years span.year:hover {
|
|
1171
|
-
background-color:
|
|
1172
|
-
color:
|
|
1171
|
+
background-color: var(--kb-primary-25);
|
|
1172
|
+
color: var(--kb-primary);
|
|
1173
1173
|
}
|
|
1174
1174
|
|
|
1175
1175
|
.datepicker-months span.focused,
|
|
1176
1176
|
.datepicker-years span.focused {
|
|
1177
|
-
background-color:
|
|
1178
|
-
color:
|
|
1177
|
+
background-color: var(--kb-primary);
|
|
1178
|
+
color: var(--kb-neutral-0);
|
|
1179
1179
|
}
|
|
1180
1180
|
|
|
1181
1181
|
.datepicker table tr td,
|
|
@@ -1208,7 +1208,7 @@ table thead th:last-child {
|
|
|
1208
1208
|
}
|
|
1209
1209
|
|
|
1210
1210
|
#downloadCsvModal .center-input {
|
|
1211
|
-
border: 0.0625rem solid
|
|
1211
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
1212
1212
|
border-left: none;
|
|
1213
1213
|
border-right: none;
|
|
1214
1214
|
border-radius: 0;
|
|
@@ -1219,7 +1219,7 @@ table thead th:last-child {
|
|
|
1219
1219
|
}
|
|
1220
1220
|
|
|
1221
1221
|
#downloadCsvModal .right-input {
|
|
1222
|
-
border: 0.0625rem solid
|
|
1222
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
1223
1223
|
border-left: none;
|
|
1224
1224
|
border-radius: 0 0.25rem 0.25rem 0;
|
|
1225
1225
|
padding-left: 0;
|
|
@@ -1232,13 +1232,13 @@ table thead th:last-child {
|
|
|
1232
1232
|
text-align: center;
|
|
1233
1233
|
line-height: 2.25rem;
|
|
1234
1234
|
padding: 0 0.5rem;
|
|
1235
|
-
border-top: 0.0625rem solid
|
|
1236
|
-
border-bottom: 0.0625rem solid
|
|
1235
|
+
border-top: 0.0625rem solid var(--kb-outline-secondary);
|
|
1236
|
+
border-bottom: 0.0625rem solid var(--kb-outline-secondary);
|
|
1237
1237
|
}
|
|
1238
1238
|
|
|
1239
1239
|
#downloadCsvModal .center-input:disabled,
|
|
1240
1240
|
#downloadCsvModal .right-input:disabled {
|
|
1241
|
-
background-color:
|
|
1241
|
+
background-color: var(--kb-neutral-0);
|
|
1242
1242
|
}
|
|
1243
1243
|
|
|
1244
1244
|
#downloadCsvModal .fake-select-wrapper {
|
|
@@ -1248,18 +1248,18 @@ table thead th:last-child {
|
|
|
1248
1248
|
|
|
1249
1249
|
#downloadCsvModal .fake-select-display {
|
|
1250
1250
|
display: block;
|
|
1251
|
-
border: 0.0625rem solid
|
|
1251
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
1252
1252
|
border-right: none;
|
|
1253
1253
|
border-radius: 0.375rem 0 0 0.375rem;
|
|
1254
1254
|
padding: 0.5rem 0.75rem;
|
|
1255
|
-
background:
|
|
1255
|
+
background: var(--kb-neutral-0);
|
|
1256
1256
|
cursor: pointer;
|
|
1257
1257
|
height: 2.5rem;
|
|
1258
1258
|
}
|
|
1259
1259
|
|
|
1260
1260
|
#downloadCsvModal .selected-single label.single-option {
|
|
1261
1261
|
display: none;
|
|
1262
|
-
background:
|
|
1262
|
+
background: var(--kb-primary-25);
|
|
1263
1263
|
padding: 0.1875rem 0.4375rem;
|
|
1264
1264
|
border-radius: 1rem;
|
|
1265
1265
|
font-size: 0.85rem;
|
|
@@ -1277,7 +1277,7 @@ table thead th:last-child {
|
|
|
1277
1277
|
left: 0;
|
|
1278
1278
|
margin-top: 0.25rem;
|
|
1279
1279
|
width: 100%;
|
|
1280
|
-
background:
|
|
1280
|
+
background: var(--kb-neutral-0);
|
|
1281
1281
|
border-radius: 0.375rem;
|
|
1282
1282
|
padding: 0.25rem;
|
|
1283
1283
|
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.05);
|
|
@@ -1296,15 +1296,15 @@ table thead th:last-child {
|
|
|
1296
1296
|
font-weight: 500;
|
|
1297
1297
|
font-size: 1rem;
|
|
1298
1298
|
line-height: 1.5rem;
|
|
1299
|
-
color:
|
|
1299
|
+
color: var(--kb-on-surface-primary);
|
|
1300
1300
|
}
|
|
1301
1301
|
|
|
1302
1302
|
#downloadCsvModal .fake-select-option:has(input[type="radio"]:checked) {
|
|
1303
|
-
background:
|
|
1303
|
+
background: var(--kb-surface-container-low);
|
|
1304
1304
|
}
|
|
1305
1305
|
|
|
1306
1306
|
#downloadCsvModal .fake-select-option:hover {
|
|
1307
|
-
background-color:
|
|
1307
|
+
background-color: var(--kb-surface-container);
|
|
1308
1308
|
}
|
|
1309
1309
|
|
|
1310
1310
|
#downloadCsvModal .fake-select-option input[type="radio"] {
|
|
@@ -1353,10 +1353,10 @@ table thead th:last-child {
|
|
|
1353
1353
|
|
|
1354
1354
|
#downloadCsvModal .chip-input-box {
|
|
1355
1355
|
display: block;
|
|
1356
|
-
border: 0.0625rem solid
|
|
1356
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
1357
1357
|
border-radius: 0.375rem;
|
|
1358
1358
|
padding: 0.5rem 0.75rem;
|
|
1359
|
-
background:
|
|
1359
|
+
background: var(--kb-neutral-0);
|
|
1360
1360
|
cursor: pointer;
|
|
1361
1361
|
height: 2.5rem;
|
|
1362
1362
|
}
|
|
@@ -1369,11 +1369,11 @@ table thead th:last-child {
|
|
|
1369
1369
|
}
|
|
1370
1370
|
|
|
1371
1371
|
#downloadCsvModal .chip {
|
|
1372
|
-
background:
|
|
1372
|
+
background: var(--kb-surface-container-low);
|
|
1373
1373
|
padding: 0.125rem 0.375rem;
|
|
1374
|
-
border: 0.0625rem solid
|
|
1374
|
+
border: 0.0625rem solid var(--kb-surface-container);
|
|
1375
1375
|
border-radius: 0.25rem;
|
|
1376
|
-
color:
|
|
1376
|
+
color: var(--kb-on-surface-secondary);
|
|
1377
1377
|
font-weight: 500;
|
|
1378
1378
|
font-size: 0.75rem;
|
|
1379
1379
|
line-height: 1rem;
|
|
@@ -1394,7 +1394,7 @@ table thead th:last-child {
|
|
|
1394
1394
|
left: 0;
|
|
1395
1395
|
margin-top: 0.25rem;
|
|
1396
1396
|
width: 100%;
|
|
1397
|
-
background:
|
|
1397
|
+
background: var(--kb-neutral-0);
|
|
1398
1398
|
border-radius: 0.375rem;
|
|
1399
1399
|
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.05);
|
|
1400
1400
|
z-index: 10;
|
|
@@ -1415,24 +1415,24 @@ table thead th:last-child {
|
|
|
1415
1415
|
border-radius: 0.375rem;
|
|
1416
1416
|
font-weight: 500;
|
|
1417
1417
|
line-height: 1.25rem;
|
|
1418
|
-
color:
|
|
1418
|
+
color: var(--kb-on-surface-quaternary);
|
|
1419
1419
|
}
|
|
1420
1420
|
|
|
1421
1421
|
#downloadCsvModal small {
|
|
1422
1422
|
font-weight: 400;
|
|
1423
1423
|
font-size: 0.875rem;
|
|
1424
1424
|
line-height: 1.25rem;
|
|
1425
|
-
color:
|
|
1425
|
+
color: var(--kb-on-surface-tertiary);
|
|
1426
1426
|
}
|
|
1427
1427
|
|
|
1428
1428
|
|
|
1429
1429
|
#downloadCsvModal .chip-option:hover {
|
|
1430
|
-
background-color:
|
|
1430
|
+
background-color: var(--kb-surface-container);
|
|
1431
1431
|
}
|
|
1432
1432
|
|
|
1433
1433
|
#downloadCsvModal .chip-option:has(input[type="checkbox"]:checked) {
|
|
1434
|
-
background:
|
|
1435
|
-
color:
|
|
1434
|
+
background: var(--kb-surface-container-low);
|
|
1435
|
+
color: var(--kb-neutral-700);
|
|
1436
1436
|
}
|
|
1437
1437
|
|
|
1438
1438
|
#search-labels-container:has(.label) {
|
|
@@ -1442,20 +1442,20 @@ table thead th:last-child {
|
|
|
1442
1442
|
#search-labels-container span.label {
|
|
1443
1443
|
padding: 0.125rem 0.25rem !important;
|
|
1444
1444
|
border-radius: 0.25rem !important;
|
|
1445
|
-
color:
|
|
1445
|
+
color: var(--kb-on-surface-tertiary) !important;
|
|
1446
1446
|
font-weight: 600 !important;
|
|
1447
1447
|
font-size: 0.75rem !important;
|
|
1448
1448
|
line-height: 1.125rem !important;
|
|
1449
1449
|
text-align: center;
|
|
1450
1450
|
margin-right: 0.2rem;
|
|
1451
|
-
border: 0.0625rem solid
|
|
1451
|
+
border: 0.0625rem solid var(--kb-outline-secondary) !important;
|
|
1452
1452
|
}
|
|
1453
1453
|
|
|
1454
1454
|
.upload-box {
|
|
1455
1455
|
position: relative;
|
|
1456
|
-
border: 0.0625rem solid
|
|
1456
|
+
border: 0.0625rem solid var(--kb-outline-primary);
|
|
1457
1457
|
border-radius: 0.75rem;
|
|
1458
|
-
background-color:
|
|
1458
|
+
background-color: var(--kb-neutral-0);
|
|
1459
1459
|
text-align: center;
|
|
1460
1460
|
padding: 1rem 1.5rem;
|
|
1461
1461
|
margin: 1.5rem 0 1rem 0;
|
|
@@ -1465,8 +1465,8 @@ table thead th:last-child {
|
|
|
1465
1465
|
}
|
|
1466
1466
|
|
|
1467
1467
|
.upload-box:hover {
|
|
1468
|
-
border-color:
|
|
1469
|
-
background-color:
|
|
1468
|
+
border-color: var(--kb-primary);
|
|
1469
|
+
background-color: var(--kb-surface-container-low);
|
|
1470
1470
|
}
|
|
1471
1471
|
|
|
1472
1472
|
.upload-content {
|
|
@@ -1482,7 +1482,7 @@ table thead th:last-child {
|
|
|
1482
1482
|
}
|
|
1483
1483
|
|
|
1484
1484
|
.upload-content p {
|
|
1485
|
-
color:
|
|
1485
|
+
color: var(--kb-on-surface-tertiary);
|
|
1486
1486
|
font-weight: 400;
|
|
1487
1487
|
font-size: 0.875rem;
|
|
1488
1488
|
line-height: 1.25rem;
|
|
@@ -1491,7 +1491,7 @@ table thead th:last-child {
|
|
|
1491
1491
|
}
|
|
1492
1492
|
|
|
1493
1493
|
.upload-content span.highlight {
|
|
1494
|
-
color:
|
|
1494
|
+
color: var(--kb-primary);
|
|
1495
1495
|
font-weight: 500;
|
|
1496
1496
|
margin: 0;
|
|
1497
1497
|
}
|
|
@@ -1509,7 +1509,7 @@ table thead th:last-child {
|
|
|
1509
1509
|
.file-name {
|
|
1510
1510
|
margin-top: 0.5rem;
|
|
1511
1511
|
font-size: 0.8125rem;
|
|
1512
|
-
color:
|
|
1512
|
+
color: var(--kb-on-surface-tertiary);
|
|
1513
1513
|
font-weight: 400;
|
|
1514
1514
|
pointer-events: none;
|
|
1515
1515
|
}
|
|
@@ -1519,13 +1519,13 @@ table thead th:last-child {
|
|
|
1519
1519
|
display: block;
|
|
1520
1520
|
margin-top: 0.5rem;
|
|
1521
1521
|
font-size: 0.8125rem;
|
|
1522
|
-
color:
|
|
1522
|
+
color: var(--kb-on-surface-tertiary);
|
|
1523
1523
|
font-weight: 400;
|
|
1524
1524
|
}
|
|
1525
1525
|
.error-title {
|
|
1526
1526
|
font-size: 1rem;
|
|
1527
1527
|
line-height: 1.5;
|
|
1528
|
-
color:
|
|
1528
|
+
color: var(--kb-neutral-700);
|
|
1529
1529
|
margin-bottom: 0;
|
|
1530
1530
|
text-align: left;
|
|
1531
1531
|
}
|
|
@@ -1558,27 +1558,27 @@ table thead th:last-child {
|
|
|
1558
1558
|
}
|
|
1559
1559
|
|
|
1560
1560
|
.custom-alert-danger {
|
|
1561
|
-
background:
|
|
1562
|
-
color:
|
|
1563
|
-
border-left: 0.3125rem solid
|
|
1561
|
+
background: var(--kb-error-50);
|
|
1562
|
+
color: var(--kb-error-hover);
|
|
1563
|
+
border-left: 0.3125rem solid var(--kb-error-pressed);
|
|
1564
1564
|
}
|
|
1565
1565
|
|
|
1566
1566
|
.custom-alert-warning {
|
|
1567
|
-
background:
|
|
1568
|
-
color:
|
|
1569
|
-
border-left: 0.3125rem solid
|
|
1567
|
+
background: var(--kb-warning-25);
|
|
1568
|
+
color: var(--kb-warning);
|
|
1569
|
+
border-left: 0.3125rem solid var(--kb-warning-300);
|
|
1570
1570
|
}
|
|
1571
1571
|
|
|
1572
1572
|
.custom-alert-info {
|
|
1573
|
-
background:
|
|
1574
|
-
color:
|
|
1575
|
-
border-left: 0.3125rem solid
|
|
1573
|
+
background: var(--kb-primary-25);
|
|
1574
|
+
color: var(--kb-primary-800);
|
|
1575
|
+
border-left: 0.3125rem solid var(--kb-primary-400);
|
|
1576
1576
|
}
|
|
1577
1577
|
|
|
1578
1578
|
.custom-alert-success {
|
|
1579
|
-
background:
|
|
1580
|
-
color:
|
|
1581
|
-
border-left: 0.3125rem solid
|
|
1579
|
+
background: var(--kb-success-25);
|
|
1580
|
+
color: var(--kb-success-800);
|
|
1581
|
+
border-left: 0.3125rem solid var(--kb-success);
|
|
1582
1582
|
}
|
|
1583
1583
|
|
|
1584
1584
|
.close-btn {
|
|
@@ -1612,14 +1612,14 @@ table thead th:last-child {
|
|
|
1612
1612
|
/* Custom Tooltip Styles */
|
|
1613
1613
|
.custom-tooltip {
|
|
1614
1614
|
position: absolute;
|
|
1615
|
-
background:
|
|
1616
|
-
color:
|
|
1615
|
+
background: var(--kb-neutral-0);
|
|
1616
|
+
color: var(--kb-neutral-700);
|
|
1617
1617
|
padding: 0.625rem;
|
|
1618
1618
|
border-radius: 0.5rem;
|
|
1619
1619
|
font-size: 0.875rem;
|
|
1620
1620
|
z-index: 9999;
|
|
1621
1621
|
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
|
|
1622
|
-
border: 0.0625rem solid
|
|
1622
|
+
border: 0.0625rem solid var(--kb-outline-primary);
|
|
1623
1623
|
display: none;
|
|
1624
1624
|
max-width: 21.875rem;
|
|
1625
1625
|
word-wrap: break-word;
|
|
@@ -1629,7 +1629,7 @@ table thead th:last-child {
|
|
|
1629
1629
|
.custom-tooltip .tooltip-header {
|
|
1630
1630
|
font-size: 0.8125rem;
|
|
1631
1631
|
font-weight: 600;
|
|
1632
|
-
color:
|
|
1632
|
+
color: var(--kb-neutral-600);
|
|
1633
1633
|
margin-bottom: 1rem;
|
|
1634
1634
|
text-align: center;
|
|
1635
1635
|
position: relative;
|
|
@@ -1642,7 +1642,7 @@ table thead th:last-child {
|
|
|
1642
1642
|
left: 0;
|
|
1643
1643
|
right: 0;
|
|
1644
1644
|
height: 0.0625rem;
|
|
1645
|
-
background-color:
|
|
1645
|
+
background-color: var(--kb-outline-primary);
|
|
1646
1646
|
}
|
|
1647
1647
|
|
|
1648
1648
|
.custom-tooltip .tooltip-timer {
|
|
@@ -1650,7 +1650,7 @@ table thead th:last-child {
|
|
|
1650
1650
|
bottom: 0;
|
|
1651
1651
|
left: 0;
|
|
1652
1652
|
height: 0.125rem;
|
|
1653
|
-
background-color:
|
|
1653
|
+
background-color: var(--kb-purple-500);
|
|
1654
1654
|
border-radius: 0 0 0.5rem 0.5rem;
|
|
1655
1655
|
}
|
|
1656
1656
|
|
|
@@ -1664,7 +1664,7 @@ table thead th:last-child {
|
|
|
1664
1664
|
.custom-tooltip .tooltip-id {
|
|
1665
1665
|
font-size: 0.8125rem;
|
|
1666
1666
|
font-weight: 500;
|
|
1667
|
-
color:
|
|
1667
|
+
color: var(--kb-neutral-700);
|
|
1668
1668
|
flex: 1;
|
|
1669
1669
|
word-break: break-all;
|
|
1670
1670
|
line-height: 1.4;
|
|
@@ -1681,7 +1681,7 @@ table thead th:last-child {
|
|
|
1681
1681
|
}
|
|
1682
1682
|
|
|
1683
1683
|
.custom-tooltip .copy-icon-wrapper:hover {
|
|
1684
|
-
background-color:
|
|
1684
|
+
background-color: var(--kb-surface-container);
|
|
1685
1685
|
transform: scale(1.05);
|
|
1686
1686
|
}
|
|
1687
1687
|
|
|
@@ -1715,12 +1715,12 @@ table thead th:last-child {
|
|
|
1715
1715
|
|
|
1716
1716
|
/* Navbar color changes - Higher specificity to override existing rules */
|
|
1717
1717
|
header .header-icon {
|
|
1718
|
-
color:
|
|
1718
|
+
color: var(--kb-neutral-600) !important;
|
|
1719
1719
|
transition: color 0.3s ease;
|
|
1720
1720
|
}
|
|
1721
1721
|
|
|
1722
1722
|
header .header-icon:hover {
|
|
1723
|
-
color:
|
|
1723
|
+
color: var(--kb-neutral-700) !important;
|
|
1724
1724
|
}
|
|
1725
1725
|
|
|
1726
1726
|
header .header-icon img {
|
|
@@ -1749,7 +1749,7 @@ header .header-icon:hover img {
|
|
|
1749
1749
|
.admin-info {
|
|
1750
1750
|
padding: 6px 10px;
|
|
1751
1751
|
border-radius: 0.375rem;
|
|
1752
|
-
color:
|
|
1752
|
+
color: var(--kb-neutral-600) !important;
|
|
1753
1753
|
}
|
|
1754
1754
|
|
|
1755
1755
|
.admin-info:hover {
|
|
@@ -1766,17 +1766,17 @@ header .header-icon:hover img {
|
|
|
1766
1766
|
font-size: 1.125rem;
|
|
1767
1767
|
line-height: 1.75rem;
|
|
1768
1768
|
letter-spacing: 0;
|
|
1769
|
-
color:
|
|
1769
|
+
color: var(--kb-on-surface-primary);
|
|
1770
1770
|
padding: 1rem 0;
|
|
1771
1771
|
margin-bottom: 1rem;
|
|
1772
|
-
border-bottom: 1px solid
|
|
1772
|
+
border-bottom: 1px solid var(--kb-outline-secondary);
|
|
1773
1773
|
}
|
|
1774
1774
|
|
|
1775
1775
|
.aviate-configuration .icon-container {
|
|
1776
1776
|
display: inline-flex;
|
|
1777
1777
|
justify-content: center;
|
|
1778
1778
|
align-items: center;
|
|
1779
|
-
border: 0.0625rem solid
|
|
1779
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
1780
1780
|
border-radius: 0.375rem;
|
|
1781
1781
|
width: 2.5rem;
|
|
1782
1782
|
height: 2.5rem;
|
|
@@ -1787,11 +1787,11 @@ header .header-icon:hover img {
|
|
|
1787
1787
|
font-size: 0.875rem !important;
|
|
1788
1788
|
font-weight: 500 !important;
|
|
1789
1789
|
line-height: 1.25rem !important;
|
|
1790
|
-
color:
|
|
1790
|
+
color: var(--kb-on-surface-secondary) !important;
|
|
1791
1791
|
}
|
|
1792
1792
|
|
|
1793
1793
|
.aviate-configuration .question-circle {
|
|
1794
|
-
color:
|
|
1794
|
+
color: var(--kb-on-surface-quaternary);
|
|
1795
1795
|
font-size: 1rem;
|
|
1796
1796
|
width: 1rem;
|
|
1797
1797
|
height: 1rem;
|
|
@@ -1814,7 +1814,7 @@ header .header-icon:hover img {
|
|
|
1814
1814
|
font-weight: 500;
|
|
1815
1815
|
font-size: 0.875rem;
|
|
1816
1816
|
line-height: 1.25rem;
|
|
1817
|
-
color:
|
|
1817
|
+
color: var(--kb-on-surface-secondary);
|
|
1818
1818
|
display: flex;
|
|
1819
1819
|
align-items: center;
|
|
1820
1820
|
gap: 0.375rem;
|
|
@@ -1832,7 +1832,7 @@ header .header-icon:hover img {
|
|
|
1832
1832
|
align-items: start;
|
|
1833
1833
|
justify-content: space-between;
|
|
1834
1834
|
padding: 0;
|
|
1835
|
-
border-bottom: 0.0625rem solid
|
|
1835
|
+
border-bottom: 0.0625rem solid var(--kb-outline-primary);
|
|
1836
1836
|
}
|
|
1837
1837
|
|
|
1838
1838
|
.configuration-index .configuration-table th,
|
|
@@ -1845,7 +1845,7 @@ header .header-icon:hover img {
|
|
|
1845
1845
|
font-weight: 600;
|
|
1846
1846
|
font-size: 1.125rem;
|
|
1847
1847
|
line-height: 1.75rem;
|
|
1848
|
-
color:
|
|
1848
|
+
color: var(--kb-on-surface-secondary);
|
|
1849
1849
|
margin-bottom: 1.25rem;
|
|
1850
1850
|
}
|
|
1851
1851
|
|
|
@@ -1861,17 +1861,17 @@ header .header-icon:hover img {
|
|
|
1861
1861
|
font-size: 0.875rem;
|
|
1862
1862
|
line-height: 1.125rem;
|
|
1863
1863
|
letter-spacing: 0;
|
|
1864
|
-
color:
|
|
1864
|
+
color: var(--kb-on-surface-quaternary);
|
|
1865
1865
|
text-transform: capitalize;
|
|
1866
1866
|
}
|
|
1867
1867
|
|
|
1868
1868
|
.configuration-index .configuration-table tr td a {
|
|
1869
|
-
color:
|
|
1869
|
+
color: var(--kb-on-surface-tertiary) !important;
|
|
1870
1870
|
text-decoration: none !important;
|
|
1871
1871
|
}
|
|
1872
1872
|
|
|
1873
1873
|
.configuration-index .configuration-table td:last-child a {
|
|
1874
|
-
color:
|
|
1874
|
+
color: var(--kb-error) !important;
|
|
1875
1875
|
}
|
|
1876
1876
|
|
|
1877
1877
|
.configuration-index .configuration-table th:last-child,
|
|
@@ -1895,17 +1895,17 @@ header .header-icon:hover img {
|
|
|
1895
1895
|
font-size: 1.125rem;
|
|
1896
1896
|
line-height: 1.75rem;
|
|
1897
1897
|
letter-spacing: 0;
|
|
1898
|
-
color:
|
|
1898
|
+
color: var(--kb-on-surface-primary);
|
|
1899
1899
|
padding: 1rem 0;
|
|
1900
1900
|
margin-bottom: 1rem;
|
|
1901
|
-
border-bottom: 1px solid
|
|
1901
|
+
border-bottom: 1px solid var(--kb-outline-secondary);
|
|
1902
1902
|
}
|
|
1903
1903
|
|
|
1904
1904
|
.configure-plugin-configuration-form .icon-container {
|
|
1905
1905
|
display: inline-flex;
|
|
1906
1906
|
justify-content: center;
|
|
1907
1907
|
align-items: center;
|
|
1908
|
-
border: 0.0625rem solid
|
|
1908
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
1909
1909
|
border-radius: 0.375rem;
|
|
1910
1910
|
width: 2.5rem;
|
|
1911
1911
|
height: 2.5rem;
|
|
@@ -1916,11 +1916,11 @@ header .header-icon:hover img {
|
|
|
1916
1916
|
font-size: 0.875rem !important;
|
|
1917
1917
|
font-weight: 500 !important;
|
|
1918
1918
|
line-height: 1.25rem !important;
|
|
1919
|
-
color:
|
|
1919
|
+
color: var(--kb-on-surface-secondary) !important;
|
|
1920
1920
|
}
|
|
1921
1921
|
|
|
1922
1922
|
.configure-plugin-configuration-form .question-circle {
|
|
1923
|
-
color:
|
|
1923
|
+
color: var(--kb-on-surface-quaternary);
|
|
1924
1924
|
font-size: 1rem;
|
|
1925
1925
|
width: 1rem;
|
|
1926
1926
|
height: 1rem;
|
|
@@ -1943,7 +1943,7 @@ header .header-icon:hover img {
|
|
|
1943
1943
|
font-weight: 500;
|
|
1944
1944
|
font-size: 0.875rem;
|
|
1945
1945
|
line-height: 1.25rem;
|
|
1946
|
-
color:
|
|
1946
|
+
color: var(--kb-on-surface-secondary);
|
|
1947
1947
|
display: flex;
|
|
1948
1948
|
align-items: center;
|
|
1949
1949
|
gap: 0.375rem;
|
|
@@ -1958,17 +1958,17 @@ header .header-icon:hover img {
|
|
|
1958
1958
|
font-size: 1.125rem;
|
|
1959
1959
|
line-height: 1.75rem;
|
|
1960
1960
|
letter-spacing: 0;
|
|
1961
|
-
color:
|
|
1961
|
+
color: var(--kb-on-surface-primary);
|
|
1962
1962
|
padding: 1rem 0;
|
|
1963
1963
|
margin-bottom: 1rem;
|
|
1964
|
-
border-bottom: 1px solid
|
|
1964
|
+
border-bottom: 1px solid var(--kb-outline-secondary);
|
|
1965
1965
|
}
|
|
1966
1966
|
|
|
1967
1967
|
.configure-exemption-form .icon-container {
|
|
1968
1968
|
display: inline-flex;
|
|
1969
1969
|
justify-content: center;
|
|
1970
1970
|
align-items: center;
|
|
1971
|
-
border: 0.0625rem solid
|
|
1971
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
1972
1972
|
border-radius: 0.375rem;
|
|
1973
1973
|
width: 2.5rem;
|
|
1974
1974
|
height: 2.5rem;
|
|
@@ -1979,11 +1979,11 @@ header .header-icon:hover img {
|
|
|
1979
1979
|
font-size: 0.875rem !important;
|
|
1980
1980
|
font-weight: 500 !important;
|
|
1981
1981
|
line-height: 1.25rem !important;
|
|
1982
|
-
color:
|
|
1982
|
+
color: var(--kb-on-surface-secondary) !important;
|
|
1983
1983
|
}
|
|
1984
1984
|
|
|
1985
1985
|
.configure-exemption-form .question-circle {
|
|
1986
|
-
color:
|
|
1986
|
+
color: var(--kb-on-surface-quaternary);
|
|
1987
1987
|
font-size: 1rem;
|
|
1988
1988
|
width: 1rem;
|
|
1989
1989
|
height: 1rem;
|
|
@@ -2006,7 +2006,7 @@ header .header-icon:hover img {
|
|
|
2006
2006
|
font-weight: 500;
|
|
2007
2007
|
font-size: 0.875rem;
|
|
2008
2008
|
line-height: 1.25rem;
|
|
2009
|
-
color:
|
|
2009
|
+
color: var(--kb-on-surface-secondary);
|
|
2010
2010
|
display: flex;
|
|
2011
2011
|
align-items: center;
|
|
2012
2012
|
gap: 0.375rem;
|
|
@@ -2023,17 +2023,17 @@ header .header-icon:hover img {
|
|
|
2023
2023
|
font-size: 1.125rem;
|
|
2024
2024
|
line-height: 1.75rem;
|
|
2025
2025
|
letter-spacing: 0;
|
|
2026
|
-
color:
|
|
2026
|
+
color: var(--kb-on-surface-primary);
|
|
2027
2027
|
padding: 1rem 0;
|
|
2028
2028
|
margin-bottom: 1rem;
|
|
2029
|
-
border-bottom: 1px solid
|
|
2029
|
+
border-bottom: 1px solid var(--kb-outline-secondary);
|
|
2030
2030
|
}
|
|
2031
2031
|
|
|
2032
2032
|
.configure-product-form .icon-container {
|
|
2033
2033
|
display: inline-flex;
|
|
2034
2034
|
justify-content: center;
|
|
2035
2035
|
align-items: center;
|
|
2036
|
-
border: 0.0625rem solid
|
|
2036
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
2037
2037
|
border-radius: 0.375rem;
|
|
2038
2038
|
width: 2.5rem;
|
|
2039
2039
|
height: 2.5rem;
|
|
@@ -2044,11 +2044,11 @@ header .header-icon:hover img {
|
|
|
2044
2044
|
font-size: 0.875rem !important;
|
|
2045
2045
|
font-weight: 500 !important;
|
|
2046
2046
|
line-height: 1.25rem !important;
|
|
2047
|
-
color:
|
|
2047
|
+
color: var(--kb-on-surface-secondary) !important;
|
|
2048
2048
|
}
|
|
2049
2049
|
|
|
2050
2050
|
.configure-product-form .question-circle {
|
|
2051
|
-
color:
|
|
2051
|
+
color: var(--kb-on-surface-quaternary);
|
|
2052
2052
|
font-size: 1rem;
|
|
2053
2053
|
width: 1rem;
|
|
2054
2054
|
height: 1rem;
|
|
@@ -2071,7 +2071,7 @@ header .header-icon:hover img {
|
|
|
2071
2071
|
font-weight: 500;
|
|
2072
2072
|
font-size: 0.875rem;
|
|
2073
2073
|
line-height: 1.25rem;
|
|
2074
|
-
color:
|
|
2074
|
+
color: var(--kb-on-surface-secondary);
|
|
2075
2075
|
display: flex;
|
|
2076
2076
|
align-items: center;
|
|
2077
2077
|
gap: 0.375rem;
|
|
@@ -2149,7 +2149,7 @@ th.sorting_desc::before {
|
|
|
2149
2149
|
height: 2.2rem;
|
|
2150
2150
|
padding: 0.3rem;
|
|
2151
2151
|
padding-right: 1.875rem;
|
|
2152
|
-
border: 0.0625rem solid
|
|
2152
|
+
border: 0.0625rem solid var(--kb-outline-primary);
|
|
2153
2153
|
border-radius: 0.375rem;
|
|
2154
2154
|
}
|
|
2155
2155
|
|
|
@@ -2157,15 +2157,15 @@ th.sorting_desc::before {
|
|
|
2157
2157
|
#audit-logs-table_length select:focus {
|
|
2158
2158
|
outline: none;
|
|
2159
2159
|
box-shadow: none;
|
|
2160
|
-
border: 0.0625rem solid
|
|
2160
|
+
border: 0.0625rem solid var(--kb-outline-primary);
|
|
2161
2161
|
}
|
|
2162
2162
|
|
|
2163
2163
|
#custom_fields-table_length select,
|
|
2164
2164
|
#audit-logs-table_length select {
|
|
2165
|
-
color:
|
|
2166
|
-
background-color:
|
|
2165
|
+
color: var(--kb-on-surface-secondary);
|
|
2166
|
+
background-color: var(--kb-neutral-0);
|
|
2167
2167
|
background-clip: padding-box;
|
|
2168
|
-
border: 0.0625rem solid
|
|
2168
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
2169
2169
|
border-radius: 0.375rem;
|
|
2170
2170
|
-webkit-appearance: none;
|
|
2171
2171
|
-moz-appearance: none;
|
|
@@ -2189,7 +2189,7 @@ th.sorting_desc::before {
|
|
|
2189
2189
|
height: 2.2rem;
|
|
2190
2190
|
padding: 0.3rem;
|
|
2191
2191
|
padding-right: 1.875rem;
|
|
2192
|
-
border: 0.0625rem solid
|
|
2192
|
+
border: 0.0625rem solid var(--kb-outline-primary);
|
|
2193
2193
|
border-radius: 0.375rem;
|
|
2194
2194
|
}
|
|
2195
2195
|
|
|
@@ -2197,15 +2197,15 @@ th.sorting_desc::before {
|
|
|
2197
2197
|
#accounts-table_length select:focus {
|
|
2198
2198
|
outline: none;
|
|
2199
2199
|
box-shadow: none;
|
|
2200
|
-
border: 0.0625rem solid
|
|
2200
|
+
border: 0.0625rem solid var(--kb-outline-primary);
|
|
2201
2201
|
}
|
|
2202
2202
|
|
|
2203
2203
|
#tags-table_length select,
|
|
2204
2204
|
#accounts-table_length select {
|
|
2205
|
-
color:
|
|
2206
|
-
background-color:
|
|
2205
|
+
color: var(--kb-on-surface-secondary);
|
|
2206
|
+
background-color: var(--kb-neutral-0);
|
|
2207
2207
|
background-clip: padding-box;
|
|
2208
|
-
border: 0.0625rem solid
|
|
2208
|
+
border: 0.0625rem solid var(--kb-outline-secondary);
|
|
2209
2209
|
border-radius: 0.375rem;
|
|
2210
2210
|
-webkit-appearance: none;
|
|
2211
2211
|
-moz-appearance: none;
|