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.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/kaui/account.css +177 -172
  3. data/app/assets/stylesheets/kaui/account_timeline.css +21 -21
  4. data/app/assets/stylesheets/kaui/admin_allowed_users.css +26 -26
  5. data/app/assets/stylesheets/kaui/audit_logs.css +41 -41
  6. data/app/assets/stylesheets/kaui/auth_pages.css +6 -6
  7. data/app/assets/stylesheets/kaui/breadcrumb.css +5 -5
  8. data/app/assets/stylesheets/kaui/chargebacks.css +9 -9
  9. data/app/assets/stylesheets/kaui/clock.css +9 -9
  10. data/app/assets/stylesheets/kaui/common.css +207 -207
  11. data/app/assets/stylesheets/kaui/custom_fields.css +64 -64
  12. data/app/assets/stylesheets/kaui/dashboard.css +3 -3
  13. data/app/assets/stylesheets/kaui/datatable.css +14 -14
  14. data/app/assets/stylesheets/kaui/header.css +17 -17
  15. data/app/assets/stylesheets/kaui/home.css +2 -2
  16. data/app/assets/stylesheets/kaui/invoice.css +113 -113
  17. data/app/assets/stylesheets/kaui/payment.css +120 -120
  18. data/app/assets/stylesheets/kaui/queues.css +48 -48
  19. data/app/assets/stylesheets/kaui/refunds.css +15 -15
  20. data/app/assets/stylesheets/kaui/role_definitions.css +9 -9
  21. data/app/assets/stylesheets/kaui/sidebar.css +14 -14
  22. data/app/assets/stylesheets/kaui/subscription.css +58 -58
  23. data/app/assets/stylesheets/kaui/tag_definitions.css +45 -45
  24. data/app/assets/stylesheets/kaui/tags.css +65 -65
  25. data/app/assets/stylesheets/kaui/tenants.css +152 -152
  26. data/app/assets/stylesheets/kaui/tooltip.css +5 -5
  27. data/app/assets/stylesheets/kaui/wallets.css +8 -8
  28. data/app/views/kaui/account_emails/_account_emails_table.html.erb +1 -1
  29. data/app/views/kaui/accounts/_add_parent.html.erb +1 -1
  30. data/app/views/kaui/payment_methods/_plugin_properties.html.erb +1 -1
  31. data/app/views/kaui/transactions/_control_plugin_names.html.erb +1 -1
  32. data/lib/kaui/version.rb +1 -1
  33. metadata +4 -4
data/app/assets/stylesheets/kaui/subscription.css CHANGED
@@ -1,5 +1,5 @@
1
1
  table tr.expired td {
2
- color: #cccccc; }
2
+ color: var(--kb-outline-secondary); }
3
3
 
4
4
  #cancel_subscription_by_date_modal .modal-footer {
5
5
  text-align: left;
@@ -7,7 +7,7 @@ table tr.expired td {
7
7
  #cancel_subscription_by_date_modal .modal-footer .alert {
8
8
  margin-bottom: 0; }
9
9
  #cancel_subscription_by_date_modal .modal-footer .alert .label-default {
10
- color: white; }
10
+ color: var(--kb-neutral-0); }
11
11
 
12
12
  .price-override-popover {
13
13
  cursor: pointer; }
@@ -23,14 +23,14 @@ table tr.expired td {
23
23
  align-items: start;
24
24
  justify-content: space-between;
25
25
  padding: 0;
26
- border-bottom: 0.0625rem solid #E9EAEB;
26
+ border-bottom: 0.0625rem solid var(--kb-outline-primary);
27
27
  }
28
28
 
29
29
  .subscription-bundl-index .subscription-bundle .subscription-bundle-header h2 {
30
30
  font-weight: 600;
31
31
  font-size: 1.125rem;
32
32
  line-height: 1.75rem;
33
- color: #414651;
33
+ color: var(--kb-on-surface-secondary);
34
34
  margin-bottom: 1.25rem;
35
35
  }
36
36
 
@@ -39,7 +39,7 @@ table tr.expired td {
39
39
  font-size: 0.875rem;
40
40
  line-height: 1.25rem;
41
41
  letter-spacing: 0;
42
- color: #414651;
42
+ color: var(--kb-on-surface-secondary);
43
43
  }
44
44
 
45
45
  .subscription-bundl-index .subscription-bundle .bundle-details-header p {
@@ -47,7 +47,7 @@ table tr.expired td {
47
47
  font-size: 0.75rem;
48
48
  line-height: 1.25rem;
49
49
  letter-spacing: 0;
50
- color: #717680;
50
+ color: var(--kb-on-surface-quaternary);
51
51
  }
52
52
 
53
53
  .subscription-bundl-index .subscription-bundle .dropdown-menu {
@@ -55,7 +55,7 @@ table tr.expired td {
55
55
  }
56
56
 
57
57
  .subscription-bundl-index .subscription-bundle .dropdown-menu li:hover a {
58
- color: #181D27 !important;
58
+ color: var(--kb-on-surface-primary) !important;
59
59
  }
60
60
 
61
61
  .subscription-bundl-index .subscription-bundle .subscriptions-table th {
@@ -64,7 +64,7 @@ table tr.expired td {
64
64
  font-size: 0.75rem;
65
65
  line-height: 1.125rem;
66
66
  letter-spacing: 0;
67
- color: #717680;
67
+ color: var(--kb-on-surface-quaternary);
68
68
  text-transform: capitalize;
69
69
  }
70
70
 
@@ -79,28 +79,28 @@ table tr.expired td {
79
79
  .subscription-bundl-index .subscription-bundle .subscriptions-table .category-bedge {
80
80
  display: inline-block;
81
81
  padding: 0.125rem 0.5rem !important;
82
- border: 0.0625rem solid #F5F5F5 !important;
82
+ border: 0.0625rem solid var(--kb-surface-container) !important;
83
83
  border-radius: 9999rem;
84
84
  font-weight: 500 !important;
85
85
  font-size: 0.75rem !important;
86
86
  line-height: 1.125rem !important;
87
87
  text-align: start;
88
- color: #414651 !important;
89
- background-color: #FAFAFA;
88
+ color: var(--kb-on-surface-secondary) !important;
89
+ background-color: var(--kb-surface-container-low);
90
90
  text-transform: capitalize;
91
91
  }
92
92
 
93
93
  .subscription-bundl-index .subscription-bundle .subscriptions-table .phase-type {
94
94
  display: inline-block;
95
95
  padding: 0.125rem 0.5rem !important;
96
- border: 0.0625rem solid #D1E9FF !important;
96
+ border: 0.0625rem solid var(--kb-primary-50) !important;
97
97
  border-radius: 9999rem;
98
98
  font-weight: 500 !important;
99
99
  font-size: 0.75rem !important;
100
100
  line-height: 1.125rem !important;
101
101
  text-align: start;
102
- color: #175CD3 !important;
103
- background-color: #EFF8FF;
102
+ color: var(--kb-primary) !important;
103
+ background-color: var(--kb-primary-25);
104
104
  text-transform: capitalize;
105
105
  }
106
106
 
@@ -110,7 +110,7 @@ table tr.expired td {
110
110
  padding: 1rem 0.75rem !important;
111
111
  line-height: 1.125rem !important;
112
112
  text-align: start;
113
- color: #535862 !important;
113
+ color: var(--kb-on-surface-tertiary) !important;
114
114
  }
115
115
 
116
116
  .subscription-bundl-index .tag-select:hover .tag-as-select-box {
@@ -139,15 +139,15 @@ table tr.expired td {
139
139
  font-weight: 500;
140
140
  font-size: 0.875rem;
141
141
  line-height: 1.25rem;
142
- color: #252B37;
142
+ color: var(--kb-neutral-700);
143
143
  }
144
144
 
145
145
  .subscription-bundl-index .label-group-item-manual:active {
146
- background: #FAFAFA;
146
+ background: var(--kb-surface-container-low);
147
147
  }
148
148
 
149
149
  .subscription-bundl-index .label-group-item-manual:has(input[type="checkbox"]:checked) {
150
- background-color: #FAFAFA;
150
+ background-color: var(--kb-surface-container-low);
151
151
  border-radius: 0.25rem;
152
152
  cursor: pointer !important;
153
153
  }
@@ -157,7 +157,7 @@ table tr.expired td {
157
157
  }
158
158
 
159
159
  .subscription-bundl-index .tag-as-select-box::-webkit-scrollbar-thumb {
160
- background-color: #ccc;
160
+ background-color: var(--kb-outline-secondary);
161
161
  border-radius: 0.1875rem;
162
162
  }
163
163
 
@@ -185,7 +185,7 @@ table tr.expired td {
185
185
  }
186
186
 
187
187
  .subscription-bundl-index .subscription-bundle .cancel-menu li:hover {
188
- background-color: #FAFAFA !important;
188
+ background-color: var(--kb-surface-container-low) !important;
189
189
  }
190
190
 
191
191
  .subscription-bundl-index .subscription-bundle .cancel-menu li a {
@@ -193,7 +193,7 @@ table tr.expired td {
193
193
  font-size: 0.875rem !important;
194
194
  line-height: 1.25rem !important;
195
195
  letter-spacing: 0 !important;
196
- color: #717680 !important;
196
+ color: var(--kb-on-surface-quaternary) !important;
197
197
  text-transform: capitalize !important;
198
198
  text-decoration: none;
199
199
  }
@@ -205,7 +205,7 @@ table tr.expired td {
205
205
  justify-content: space-between;
206
206
  border: none !important;
207
207
  padding: 0 !important;
208
- color: #D92D20 !important;
208
+ color: var(--kb-error) !important;
209
209
  text-transform: capitalize;
210
210
  gap: 0.1rem;
211
211
  font-weight: 500;
@@ -231,13 +231,13 @@ table tr.expired td {
231
231
  font-size: 0.875rem;
232
232
  line-height: 1.25rem;
233
233
  letter-spacing: 0;
234
- color: #535862;
234
+ color: var(--kb-on-surface-tertiary);
235
235
  margin-left: 0.75rem;
236
236
  text-decoration: none;
237
237
  }
238
238
 
239
239
  .subscription-bundl-index .subscription-bundle .pagination a:not(:first-child):not(:last-child) {
240
- color: #717680;
240
+ color: var(--kb-on-surface-quaternary);
241
241
  display: flex;
242
242
  align-items: center;
243
243
  padding: 0 1rem;
@@ -250,8 +250,8 @@ table tr.expired td {
250
250
  }
251
251
 
252
252
  .subscription-bundl-index .subscription-bundle .pagination a:not(:first-child):not(:last-child).btn-primary {
253
- color: #414651;
254
- background-color: #F5F5F5 !important;
253
+ color: var(--kb-on-surface-secondary);
254
+ background-color: var(--kb-surface-container) !important;
255
255
  border: 0 !important;
256
256
  }
257
257
 
@@ -360,7 +360,7 @@ table tr.expired td {
360
360
  font-size: 1.125rem;
361
361
  line-height: 1.75rem;
362
362
  letter-spacing: 0;
363
- color: #1B1C1E;
363
+ color: var(--kb-on-surface-primary);
364
364
  padding: 1.5rem 0;
365
365
  }
366
366
 
@@ -368,7 +368,7 @@ table tr.expired td {
368
368
  display: inline-flex;
369
369
  justify-content: center;
370
370
  align-items: center;
371
- border: 0.0625rem solid #D5D7DA;
371
+ border: 0.0625rem solid var(--kb-outline-secondary);
372
372
  border-radius: 0.375rem;
373
373
  width: 2.5rem;
374
374
  height: 2.5rem;
@@ -382,7 +382,7 @@ table tr.expired td {
382
382
 
383
383
  .kaui-subscription-new .custom-date-input-wrapper {
384
384
  padding: 0 0.625rem !important;
385
- border: 0.0625rem solid #D5D7DA !important;
385
+ border: 0.0625rem solid var(--kb-outline-secondary) !important;
386
386
  border-radius: 0.375rem;
387
387
  cursor: pointer;
388
388
  }
@@ -398,12 +398,12 @@ table tr.expired td {
398
398
  box-shadow: none;
399
399
  padding: 0 !important;
400
400
  font-size: 1rem;
401
- color: #6B7280;
401
+ color: var(--kb-on-surface-tertiary);
402
402
  height: 2.5rem;
403
403
  }
404
404
 
405
405
  .kaui-subscription-new .custom-date-input-wrapper input::placeholder {
406
- color: #717680;
406
+ color: var(--kb-on-surface-quaternary);
407
407
  }
408
408
 
409
409
  .kaui-subscription-new .custom-date-input-wrapper input.form-control {
@@ -418,11 +418,11 @@ table tr.expired td {
418
418
  font-size: 0.875rem !important;
419
419
  font-weight: 500 !important;
420
420
  line-height: 1.25rem !important;
421
- color: #414651 !important;
421
+ color: var(--kb-on-surface-secondary) !important;
422
422
  }
423
423
 
424
424
  .kaui-subscription-new .question-circle {
425
- color: #A4A7AE;
425
+ color: var(--kb-on-surface-quaternary);
426
426
  font-size: 1rem;
427
427
  width: 1rem;
428
428
  height: 1rem;
@@ -444,8 +444,8 @@ table tr.expired td {
444
444
  max-width: 20rem;
445
445
  height: fit-content;
446
446
  padding: 1.25rem;
447
- background-color: #EFF6FF;
448
- border: 0.0625rem solid #DBEAFE;
447
+ background-color: var(--kb-primary-25);
448
+ border: 0.0625rem solid var(--kb-primary-50);
449
449
  border-radius: 0.5rem;
450
450
  }
451
451
 
@@ -456,7 +456,7 @@ table tr.expired td {
456
456
  width: 2.5rem;
457
457
  height: 2.5rem;
458
458
  border-radius: 50%;
459
- background-color: #2563EB;
459
+ background-color: var(--kb-primary);
460
460
  flex-shrink: 0;
461
461
  }
462
462
 
@@ -464,14 +464,14 @@ table tr.expired td {
464
464
  font-weight: 600;
465
465
  font-size: 1rem;
466
466
  line-height: 1.5rem;
467
- color: #1B1C1E;
467
+ color: var(--kb-on-surface-primary);
468
468
  }
469
469
 
470
470
  .blocking-state-about-panel p {
471
471
  font-size: 0.875rem;
472
472
  font-weight: 400;
473
473
  line-height: 1.25rem;
474
- color: #414651;
474
+ color: var(--kb-on-surface-secondary);
475
475
  margin-bottom: 0;
476
476
  }
477
477
 
@@ -488,7 +488,7 @@ table tr.expired td {
488
488
  .kaui-subscription-new .toggle-segment {
489
489
  display: flex;
490
490
  align-items: center;
491
- border: 0.0625rem solid #D5D7DA;
491
+ border: 0.0625rem solid var(--kb-outline-secondary);
492
492
  width: fit-content;
493
493
  border-radius: 0.375rem;
494
494
  overflow: hidden;
@@ -500,8 +500,8 @@ table tr.expired td {
500
500
  align-items: center;
501
501
  padding: 0.625rem 1rem !important;
502
502
  cursor: pointer;
503
- color: #414651;
504
- border-right: 0.0625rem solid #D5D7DA;
503
+ color: var(--kb-on-surface-secondary);
504
+ border-right: 0.0625rem solid var(--kb-outline-secondary);
505
505
  font-weight: 500;
506
506
  font-size: 0.875rem;
507
507
  line-height: 1.25rem;
@@ -532,14 +532,14 @@ table tr.expired td {
532
532
  left: 0;
533
533
  width: 0.5rem;
534
534
  height: 0.5rem;
535
- background-color: #17B26A;
535
+ background-color: var(--kb-success-pressed);
536
536
  border-radius: 50%;
537
537
  }
538
538
 
539
539
  .kaui-subscription-new .toggle-segment .radio label:has(input[type="radio"]:checked) {
540
- background-color: #FAFAFA;
540
+ background-color: var(--kb-surface-container-low);
541
541
  font-weight: 600;
542
- color: #252B37;
542
+ color: var(--kb-neutral-700);
543
543
  gap: 1rem;
544
544
  }
545
545
 
@@ -587,7 +587,7 @@ table tr.expired td {
587
587
  font-weight: 600;
588
588
  font-size: 1.125rem;
589
589
  line-height: 1.75rem;
590
- color: #181D27;
590
+ color: var(--kb-on-surface-primary);
591
591
  }
592
592
 
593
593
  .cancel_subscription_by_date_modal .close-button {
@@ -605,7 +605,7 @@ table tr.expired td {
605
605
  font-weight: 500;
606
606
  font-size: 0.875rem;
607
607
  line-height: 1.25rem;
608
- color: #414651;
608
+ color: var(--kb-on-surface-secondary);
609
609
  margin-top: -1.25rem;
610
610
  min-width: 9.59375rem;
611
611
  }
@@ -623,7 +623,7 @@ table tr.expired td {
623
623
  font-weight: 500;
624
624
  font-size: 0.875rem;
625
625
  line-height: 1.25rem;
626
- color: #414651;
626
+ color: var(--kb-on-surface-secondary);
627
627
  display: flex;
628
628
  align-items: center;
629
629
  gap: 0.5rem;
@@ -633,7 +633,7 @@ table tr.expired td {
633
633
  display: inline-flex;
634
634
  justify-content: center;
635
635
  align-items: center;
636
- border: 0.0625rem solid #D5D7DA;
636
+ border: 0.0625rem solid var(--kb-outline-secondary);
637
637
  border-radius: 0.375rem;
638
638
  width: 2.5rem;
639
639
  height: 2.5rem;
@@ -647,7 +647,7 @@ table tr.expired td {
647
647
 
648
648
  .cancel_subscription_by_date_modal .custom-date-input-wrapper {
649
649
  padding: 0 0.625rem !important;
650
- border: 0.0625rem solid #D5D7DA !important;
650
+ border: 0.0625rem solid var(--kb-outline-secondary) !important;
651
651
  border-radius: 0.375rem;
652
652
  cursor: pointer;
653
653
  }
@@ -663,12 +663,12 @@ table tr.expired td {
663
663
  box-shadow: none;
664
664
  padding: 0 !important;
665
665
  font-size: 1rem;
666
- color: #6B7280;
666
+ color: var(--kb-on-surface-tertiary);
667
667
  height: 2.5rem;
668
668
  }
669
669
 
670
670
  .cancel_subscription_by_date_modal .custom-date-input-wrapper input::placeholder {
671
- color: #717680;
671
+ color: var(--kb-on-surface-quaternary);
672
672
  }
673
673
 
674
674
  .cancel_subscription_by_date_modal .custom-date-input-wrapper input.form-control {
@@ -698,9 +698,9 @@ table tr.expired td {
698
698
  display: flex;
699
699
  gap: 0.5rem;
700
700
  padding: 0.5rem;
701
- background-color: #FAFAFA;
701
+ background-color: var(--kb-surface-container-low);
702
702
  border-radius: 0.75rem;
703
- border: 0.0625rem solid #E9EAEB;
703
+ border: 0.0625rem solid var(--kb-outline-primary);
704
704
  }
705
705
 
706
706
  .cancel_subscription_by_date_modal .notice-worning div {
@@ -708,11 +708,11 @@ table tr.expired td {
708
708
  font-weight: 400;
709
709
  font-size: 0.875rem;
710
710
  line-height: 1.25rem;
711
- color: #535862 !important;
711
+ color: var(--kb-on-surface-tertiary) !important;
712
712
  }
713
713
 
714
714
  .cancel_subscription_by_date_modal .notice-worning div span {
715
- color: #535862 !important;
715
+ color: var(--kb-on-surface-tertiary) !important;
716
716
  }
717
717
 
718
718
  .cancel_subscription_by_date_modal .notice-worning div ul {
@@ -725,7 +725,7 @@ table tr.expired td {
725
725
  font-weight: 600;
726
726
  font-size: 0.875rem;
727
727
  line-height: 1.25rem;
728
- color: #414651;
728
+ color: var(--kb-on-surface-secondary);
729
729
  margin-bottom: 0.25rem;
730
730
  }
731
731
 
@@ -746,7 +746,7 @@ table tr.expired td {
746
746
  display: inline-flex;
747
747
  justify-content: center;
748
748
  align-items: center;
749
- border: 0.0625rem solid #D5D7DA;
749
+ border: 0.0625rem solid var(--kb-outline-secondary);
750
750
  border-radius: 0.375rem;
751
751
  width: 2.5rem;
752
752
  height: 2.5rem;
@@ -775,7 +775,7 @@ table tr.expired td {
775
775
  font-weight: 500;
776
776
  font-size: 0.875rem;
777
777
  line-height: 1.25rem;
778
- color: #414651;
778
+ color: var(--kb-on-surface-secondary);
779
779
  margin-top: -1.25rem;
780
780
  min-width: 9.59375rem;
781
781
  }
data/app/assets/stylesheets/kaui/tag_definitions.css CHANGED
@@ -3,14 +3,14 @@
3
3
  align-items: start;
4
4
  justify-content: space-between;
5
5
  padding: 0;
6
- border-bottom: 0.0625rem solid #e9eaeb;
6
+ border-bottom: 0.0625rem solid var(--kb-outline-primary);
7
7
  }
8
8
 
9
9
  .kaui-tag-definitions-index .tag-definitions-details-header h2 {
10
10
  font-weight: 600;
11
11
  font-size: 1.125rem;
12
12
  line-height: 1.75rem;
13
- color: #414651;
13
+ color: var(--kb-on-surface-secondary);
14
14
  margin-bottom: 1.25rem;
15
15
  }
16
16
 
@@ -25,7 +25,7 @@
25
25
  font-size: 0.875rem;
26
26
  line-height: 1.125rem;
27
27
  letter-spacing: 0;
28
- color: #717680;
28
+ color: var(--kb-on-surface-quaternary);
29
29
  text-transform: capitalize;
30
30
  white-space: nowrap;
31
31
  }
@@ -36,24 +36,24 @@
36
36
  padding: 1rem 0.5rem !important;
37
37
  line-height: 1.125rem !important;
38
38
  text-align: start;
39
- color: #535862 !important;
39
+ color: var(--kb-on-surface-tertiary) !important;
40
40
  }
41
41
 
42
42
  .kaui-tag-definitions-index .clickable-id {
43
43
  cursor: pointer;
44
- color: #1570ef !important;
44
+ color: var(--kb-primary) !important;
45
45
  text-decoration: underline;
46
46
  transition: color 0.2s ease;
47
47
  }
48
48
 
49
49
  .kaui-tag-definitions-index .clickable-id:hover {
50
- color: #0f4c8a !important;
50
+ color: var(--kb-primary-700) !important;
51
51
  }
52
52
 
53
53
  /* Custom Object ID Tooltip Styles */
54
54
  .object-id-tooltip {
55
- background: #ffffff;
56
- border: 0.0625rem solid #e5e7eb;
55
+ background: var(--kb-neutral-0);
56
+ border: 0.0625rem solid var(--kb-outline-primary);
57
57
  border-radius: 0.5rem;
58
58
  box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1),
59
59
  0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.06);
@@ -67,7 +67,7 @@
67
67
  .object-id-tooltip .tooltip-header {
68
68
  font-size: 0.75rem;
69
69
  font-weight: 600;
70
- color: #6b7280;
70
+ color: var(--kb-on-surface-tertiary);
71
71
  margin-bottom: 0.5rem;
72
72
  text-transform: uppercase;
73
73
  letter-spacing: 0.03125rem;
@@ -83,14 +83,14 @@
83
83
  .object-id-tooltip .tooltip-id {
84
84
  font-size: 0.875rem;
85
85
  font-weight: 500;
86
- color: #1f2937;
86
+ color: var(--kb-neutral-700);
87
87
  word-break: break-all;
88
88
  flex: 1;
89
89
  }
90
90
 
91
91
  .object-id-tooltip .copy-btn {
92
- background: #f3f4f6;
93
- border: 0.0625rem solid #d1d5db;
92
+ background: var(--kb-surface-container);
93
+ border: 0.0625rem solid var(--kb-outline-secondary);
94
94
  border-radius: 0.25rem;
95
95
  padding: 0.25rem;
96
96
  cursor: pointer;
@@ -102,12 +102,12 @@
102
102
  }
103
103
 
104
104
  .object-id-tooltip .copy-btn:hover {
105
- background: #e5e7eb;
106
- border-color: #9ca3af;
105
+ background: var(--kb-outline-primary);
106
+ border-color: var(--kb-on-surface-quaternary);
107
107
  }
108
108
 
109
109
  .object-id-tooltip .copy-btn:active {
110
- background: #d1d5db;
110
+ background: var(--kb-outline-secondary);
111
111
  transform: scale(0.95);
112
112
  }
113
113
 
@@ -119,9 +119,9 @@
119
119
  span {
120
120
  padding: 0.125rem 0.5rem;
121
121
  border-radius: 62.4375rem;
122
- background-color: #eff8ff;
123
- border: 0.0625rem solid #d1e9ff;
124
- color: #175cd3;
122
+ background-color: var(--kb-primary-25);
123
+ border: 0.0625rem solid var(--kb-primary-50);
124
+ color: var(--kb-primary);
125
125
  font-weight: 500;
126
126
  font-size: 0.75rem;
127
127
  line-height: 1.125rem;
@@ -135,9 +135,9 @@
135
135
  .true {
136
136
  padding: 0.125rem 0.5rem;
137
137
  border-radius: 62.4375rem;
138
- background-color: #ecfdf3;
139
- border: 0.0625rem solid #dcfae6;
140
- color: #067647;
138
+ background-color: var(--kb-success-25);
139
+ border: 0.0625rem solid var(--kb-success-50);
140
+ color: var(--kb-success-hover);
141
141
  font-weight: 500;
142
142
  font-size: 0.75rem;
143
143
  line-height: 1.125rem;
@@ -151,9 +151,9 @@
151
151
  .false {
152
152
  padding: 0.125rem 0.5rem;
153
153
  border-radius: 62.4375rem;
154
- background-color: #fef3f2;
155
- border: 0.0625rem solid #fee4e2;
156
- color: #b42318;
154
+ background-color: var(--kb-error-25);
155
+ border: 0.0625rem solid var(--kb-error-50);
156
+ color: var(--kb-error-hover);
157
157
  font-weight: 500;
158
158
  font-size: 0.75rem;
159
159
  line-height: 1.125rem;
@@ -165,7 +165,7 @@
165
165
  tr
166
166
  td:nth-of-type(6)
167
167
  a {
168
- color: #d92d20;
168
+ color: var(--kb-error);
169
169
  font-weight: 500;
170
170
  font-size: 0.875rem;
171
171
  line-height: 1.25rem;
@@ -182,7 +182,7 @@
182
182
  font-size: 1.125rem;
183
183
  line-height: 1.75rem;
184
184
  letter-spacing: 0;
185
- color: #1b1c1e;
185
+ color: var(--kb-on-surface-primary);
186
186
  padding: 1.5rem 0;
187
187
  }
188
188
 
@@ -190,7 +190,7 @@
190
190
  display: inline-flex;
191
191
  justify-content: center;
192
192
  align-items: center;
193
- border: 0.0625rem solid #d5d7da;
193
+ border: 0.0625rem solid var(--kb-outline-secondary);
194
194
  border-radius: 0.375rem;
195
195
  width: 2.5rem;
196
196
  height: 2.5rem;
@@ -206,7 +206,7 @@
206
206
  font-size: 0.875rem !important;
207
207
  font-weight: 500 !important;
208
208
  line-height: 1.25rem !important;
209
- color: #414651 !important;
209
+ color: var(--kb-on-surface-secondary) !important;
210
210
  }
211
211
 
212
212
  .add-new-tag-definition-details select.form-control {
@@ -221,7 +221,7 @@
221
221
  .add-new-tag-definition-details select:focus {
222
222
  box-shadow: none;
223
223
  outline: none;
224
- border-color: #1570ef;
224
+ border-color: var(--kb-primary);
225
225
  }
226
226
 
227
227
  .add-new-tag-definition-details .form-group .form-control {
@@ -235,7 +235,7 @@
235
235
  display: inline-flex;
236
236
  justify-content: center;
237
237
  align-items: center;
238
- border: 0.0625rem solid #d5d7da;
238
+ border: 0.0625rem solid var(--kb-outline-secondary);
239
239
  border-radius: 0.375rem;
240
240
  width: 2.5rem;
241
241
  height: 2.5rem;
@@ -265,10 +265,10 @@
265
265
  .kaui-account-timelines-show .download-button-right {
266
266
  float: right;
267
267
  margin-left: 0.625rem;
268
- background-color: white;
269
- color: black;
268
+ background-color: var(--kb-neutral-0);
269
+ color: var(--kb-neutral-900);
270
270
  text-transform: none;
271
- border: 0.0625rem solid #ccc;
271
+ border: 0.0625rem solid var(--kb-outline-secondary);
272
272
  padding: 0.5rem 0.9375rem;
273
273
  }
274
274
 
@@ -291,10 +291,10 @@
291
291
  float: right;
292
292
  margin-bottom: 0.625rem;
293
293
  margin-left: 0.625rem;
294
- background-color: white;
295
- color: black;
294
+ background-color: var(--kb-neutral-0);
295
+ color: var(--kb-neutral-900);
296
296
  text-transform: none;
297
- border: 0.0625rem solid #ccc;
297
+ border: 0.0625rem solid var(--kb-outline-secondary);
298
298
  padding: 0.5rem 0.9375rem;
299
299
  }
300
300
 
@@ -302,10 +302,10 @@
302
302
  float: right;
303
303
  margin-bottom: 0.625rem;
304
304
  margin-left: 0.625rem;
305
- background-color: white;
306
- color: black;
305
+ background-color: var(--kb-neutral-0);
306
+ color: var(--kb-neutral-900);
307
307
  text-transform: none;
308
- border: 0.0625rem solid #ccc;
308
+ border: 0.0625rem solid var(--kb-outline-secondary);
309
309
  padding: 0.5rem 0.9375rem;
310
310
  }
311
311
 
@@ -351,7 +351,7 @@
351
351
  font-weight: 600;
352
352
  font-size: 1.125rem;
353
353
  line-height: 1.75rem;
354
- color: #181d27;
354
+ color: var(--kb-on-surface-primary);
355
355
  }
356
356
 
357
357
  .kaui-account-timelines-show .close-button {
@@ -370,7 +370,7 @@
370
370
  display: inline-flex;
371
371
  justify-content: center;
372
372
  align-items: center;
373
- border: 0.0625rem solid #d5d7da;
373
+ border: 0.0625rem solid var(--kb-outline-secondary);
374
374
  border-radius: 0.375rem;
375
375
  width: 2.5rem;
376
376
  height: 2.5rem;
@@ -399,7 +399,7 @@
399
399
  font-weight: 500;
400
400
  font-size: 0.875rem;
401
401
  line-height: 1.25rem;
402
- color: #414651;
402
+ color: var(--kb-on-surface-secondary);
403
403
  margin-top: -1.25rem;
404
404
  min-width: 9.59375rem;
405
405
  }
@@ -456,14 +456,14 @@
456
456
  .kaui-account-timelines-show #search-labels-container .label {
457
457
  margin-left: 0.3125rem;
458
458
  margin-bottom: 0.3125rem;
459
- color: white;
459
+ color: var(--kb-neutral-0);
460
460
  }
461
461
 
462
462
  .kaui-account-timelines-show .col-form-label {
463
463
  font-weight: 500;
464
464
  font-size: 0.875rem;
465
465
  line-height: 1.25rem;
466
- color: #414651;
466
+ color: var(--kb-on-surface-secondary);
467
467
  padding: 0;
468
468
  }
469
469
 
@@ -493,7 +493,7 @@
493
493
  display: inline-flex;
494
494
  justify-content: center;
495
495
  align-items: center;
496
- border: 0.0625rem solid #d5d7da;
496
+ border: 0.0625rem solid var(--kb-outline-secondary);
497
497
  border-radius: 0.375rem;
498
498
  width: 2.5rem;
499
499
  height: 2.5rem;