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/account_timeline.css CHANGED
@@ -7,14 +7,14 @@
7
7
  align-items: start;
8
8
  justify-content: space-between;
9
9
  padding: 0;
10
- border-bottom: 0.0625rem solid #e9eaeb;
10
+ border-bottom: 0.0625rem solid var(--kb-outline-primary);
11
11
  }
12
12
 
13
13
  .kaui-account-timelines-show .account-timeline .account-timeline-header h2 {
14
14
  font-weight: 600;
15
15
  font-size: 1.125rem;
16
16
  line-height: 1.75rem;
17
- color: #414651;
17
+ color: var(--kb-on-surface-secondary);
18
18
  margin-bottom: 1.25rem;
19
19
  }
20
20
 
@@ -24,11 +24,11 @@
24
24
  font-weight: 500;
25
25
  font-size: 0.875rem;
26
26
  line-height: 1.25rem;
27
- color: #414651;
27
+ color: var(--kb-on-surface-secondary);
28
28
  }
29
29
 
30
30
  .kaui-account-timelines-show .account-timeline select:focus {
31
- border-color: blue;
31
+ border-color: var(--kb-primary);
32
32
  outline: none;
33
33
  box-shadow: none;
34
34
  }
@@ -37,12 +37,12 @@
37
37
  font-size: 0.875rem !important;
38
38
  font-weight: 500 !important;
39
39
  line-height: 1.25rem !important;
40
- color: #414651 !important;
40
+ color: var(--kb-on-surface-secondary) !important;
41
41
  }
42
42
 
43
43
  .kaui-account-timelines-show .account-timeline-card {
44
- background: #fafafa;
45
- border: 0.0625rem solid #e9eaeb;
44
+ background: var(--kb-surface-container-low);
45
+ border: 0.0625rem solid var(--kb-outline-primary);
46
46
  border-radius: 1rem;
47
47
  box-shadow: 0rem 0.0625rem 0.125rem 0rem var(--ColorsEffectsShadowsshadow-xs);
48
48
  padding: 1.25rem;
@@ -53,8 +53,8 @@
53
53
  display: inline-flex;
54
54
  justify-content: center;
55
55
  align-items: center;
56
- background: #ffffff;
57
- border: 0.0625rem solid #d5d7da;
56
+ background: var(--kb-neutral-0);
57
+ border: 0.0625rem solid var(--kb-outline-secondary);
58
58
  border-radius: 0.375rem;
59
59
  width: 2.5rem;
60
60
  height: 2.5rem;
@@ -72,14 +72,14 @@
72
72
  text-align: left;
73
73
  margin-bottom: 0rem;
74
74
  line-height: 1.5rem;
75
- color: #414651;
75
+ color: var(--kb-on-surface-secondary);
76
76
  }
77
77
 
78
78
  .kaui-account-timelines-show .account-timeline-card-detail b {
79
79
  font-weight: 600;
80
80
  font-size: 0.875rem;
81
81
  line-height: 1.25rem;
82
- color: #414651;
82
+ color: var(--kb-on-surface-secondary);
83
83
  }
84
84
 
85
85
  .kaui-account-timelines-show .account-timeline-card-detail p,
@@ -88,7 +88,7 @@
88
88
  font-size: 0.875rem;
89
89
  line-height: 1.25rem;
90
90
  margin-bottom: 0rem;
91
- color: #717680;
91
+ color: var(--kb-on-surface-quaternary);
92
92
  text-decoration: none;
93
93
  }
94
94
 
@@ -102,7 +102,7 @@
102
102
  padding: 0 !important;
103
103
  background-color: transparent !important;
104
104
  border: none !important;
105
- color: blue !important;
105
+ color: var(--kb-primary) !important;
106
106
  font-weight: 500;
107
107
  font-size: 0.875rem;
108
108
  line-height: 1.25rem;
@@ -115,7 +115,7 @@
115
115
  font-size: 0.875rem;
116
116
  line-height: 1.25rem;
117
117
  margin-bottom: 0.75rem;
118
- color: #414651;
118
+ color: var(--kb-on-surface-secondary);
119
119
  }
120
120
 
121
121
  .kaui-account-timelines-show .transaction-status .alert-success {
@@ -124,9 +124,9 @@
124
124
  gap: 0.125rem;
125
125
  padding: 0.125rem 0.5rem;
126
126
  border-radius: 3.90234rem;
127
- background-color: #ecfdf3;
128
- border: 0.0625rem solid #dcfae6;
129
- color: #067647;
127
+ background-color: var(--kb-success-25);
128
+ border: 0.0625rem solid var(--kb-success-50);
129
+ color: var(--kb-success-hover);
130
130
  font-weight: 500;
131
131
  font-size: 0.75rem;
132
132
  line-height: 1.125rem;
@@ -150,9 +150,9 @@
150
150
  gap: 0.125rem;
151
151
  padding: 0.125rem 0.5rem;
152
152
  border-radius: 3.90234rem;
153
- background-color: #fef3f2;
154
- border: 0.0625rem solid #fee4e2;
155
- color: #b42318;
153
+ background-color: var(--kb-error-25);
154
+ border: 0.0625rem solid var(--kb-error-50);
155
+ color: var(--kb-error-hover);
156
156
  font-weight: 500;
157
157
  font-size: 0.75rem;
158
158
  line-height: 1.125rem;
@@ -177,7 +177,7 @@
177
177
  }
178
178
 
179
179
  .kaui-account-timelines-show #search:focus {
180
- border-color: blue;
180
+ border-color: var(--kb-primary);
181
181
  outline: none;
182
182
  box-shadow: none;
183
183
  }
data/app/assets/stylesheets/kaui/admin_allowed_users.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-users-index .users-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
  }
31
31
 
@@ -35,7 +35,7 @@
35
35
  padding: 1rem 0.5rem !important;
36
36
  line-height: 1.125rem !important;
37
37
  text-align: start;
38
- color: #535862 !important;
38
+ color: var(--kb-on-surface-tertiary) !important;
39
39
  }
40
40
 
41
41
  .kaui-users-index .delete-button {
@@ -43,7 +43,7 @@
43
43
  background-color: transparent !important;
44
44
  border: none !important;
45
45
  text-decoration: none !important;
46
- color: #D92D20 !important;
46
+ color: var(--kb-error) !important;
47
47
  font-weight: 500;
48
48
  padding-right: 0.3125rem !important;
49
49
  font-size: 0.875rem;
@@ -56,7 +56,7 @@
56
56
  background-color: transparent !important;
57
57
  border: none !important;
58
58
  text-decoration: none !important;
59
- color: #535862 !important;
59
+ color: var(--kb-on-surface-tertiary) !important;
60
60
  font-weight: 500;
61
61
  padding-right: 0.3125rem !important;
62
62
  font-size: 0.875rem;
@@ -76,7 +76,7 @@
76
76
  font-size: 1.125rem;
77
77
  line-height: 1.75rem;
78
78
  letter-spacing: 0;
79
- color: #1B1C1E;
79
+ color: var(--kb-on-surface-primary);
80
80
  padding: 1rem 0;
81
81
  margin-bottom: 1.5rem;
82
82
  }
@@ -85,7 +85,7 @@
85
85
  display: inline-flex;
86
86
  justify-content: center;
87
87
  align-items: center;
88
- border: 0.0625rem solid #D5D7DA;
88
+ border: 0.0625rem solid var(--kb-outline-secondary);
89
89
  border-radius: 0.375rem;
90
90
  width: 2.5rem;
91
91
  height: 2.5rem;
@@ -101,7 +101,7 @@
101
101
  font-size: 0.875rem !important;
102
102
  font-weight: 500 !important;
103
103
  line-height: 1.25rem !important;
104
- color: #414651 !important;
104
+ color: var(--kb-on-surface-secondary) !important;
105
105
  }
106
106
 
107
107
  .kaui-new-admin-allowed-users .form-control {
@@ -114,7 +114,7 @@
114
114
  display: inline-flex;
115
115
  justify-content: center;
116
116
  align-items: center;
117
- border: 0.0625rem solid #D5D7DA;
117
+ border: 0.0625rem solid var(--kb-outline-secondary);
118
118
  border-radius: 0.375rem;
119
119
  width: 2.5rem;
120
120
  height: 2.5rem;
@@ -142,10 +142,10 @@
142
142
  }
143
143
 
144
144
  .kaui-new-admin-allowed-users .chip {
145
- background: #FAFAFA;
145
+ background: var(--kb-surface-container-low);
146
146
  padding: 0.125rem 0.375rem;
147
147
  border-radius: 0.25rem;
148
- border: 0.0625rem solid #F5F5F5;
148
+ border: 0.0625rem solid var(--kb-surface-container);
149
149
  display: flex;
150
150
  align-items: center;
151
151
  font-size: 0.75rem;
@@ -158,19 +158,19 @@
158
158
  .kaui-new-admin-allowed-users .chip .remove-chip {
159
159
  margin-left: 0.5rem;
160
160
  cursor: pointer;
161
- color: #666;
161
+ color: var(--kb-on-surface-tertiary);
162
162
  }
163
163
 
164
164
  .kaui-new-admin-allowed-users .chip-text-input.disabled > .chip-input-container {
165
- background-color: #e9ecef !important;
165
+ background-color: var(--kb-surface-container-high) !important;
166
166
  pointer-events: none !important;
167
- color: #6c757d !important;
167
+ color: var(--kb-on-surface-tertiary) !important;
168
168
  }
169
169
 
170
170
  .kaui-new-admin-allowed-users .chip-input-container.disabled-container {
171
- background-color: #e9ecef !important;
171
+ background-color: var(--kb-surface-container-high) !important;
172
172
  pointer-events: none !important;
173
- color: #6c757d !important;
173
+ color: var(--kb-on-surface-tertiary) !important;
174
174
  }
175
175
 
176
176
  .kaui-new-admin-allowed-users .chip-text-input {
@@ -182,9 +182,9 @@
182
182
  display: flex;
183
183
  gap: 0.3125rem;
184
184
  padding: 0.3125rem;
185
- background-color: #FAFAFA;
185
+ background-color: var(--kb-surface-container-low);
186
186
  border-radius: 0.46875rem;
187
- border: 0.0625rem solid #E9EAEB;
187
+ border: 0.0625rem solid var(--kb-outline-primary);
188
188
  }
189
189
 
190
190
  .kaui-new-admin-allowed-users .notice-worning p {
@@ -192,7 +192,7 @@
192
192
  font-weight: 400;
193
193
  font-size: 0.875rem;
194
194
  line-height: 1.25rem;
195
- color: #535862 !important;
195
+ color: var(--kb-on-surface-tertiary) !important;
196
196
  margin: 0;
197
197
  }
198
198
 
@@ -200,7 +200,7 @@
200
200
  font-weight: 600;
201
201
  font-size: 0.875rem;
202
202
  line-height: 1.25rem;
203
- color: #414651;
203
+ color: var(--kb-on-surface-secondary);
204
204
  margin-bottom: 0.15625rem;
205
205
  }
206
206
 
@@ -216,14 +216,14 @@
216
216
  align-items: start;
217
217
  justify-content: space-between;
218
218
  padding: 0;
219
- border-bottom: 0.0625rem solid #E9EAEB;
219
+ border-bottom: 0.0625rem solid var(--kb-outline-primary);
220
220
  }
221
221
 
222
222
  .user-details-container .user-details-header h2 {
223
223
  font-weight: 600;
224
224
  font-size: 1.125rem;
225
225
  line-height: 1.75rem;
226
- color: #414651;
226
+ color: var(--kb-on-surface-secondary);
227
227
  margin: 0;
228
228
  margin-bottom: 1.25rem;
229
229
  }
@@ -232,14 +232,14 @@
232
232
  font-weight: 400;
233
233
  font-size: 0.875rem;
234
234
  line-height: 1.25rem;
235
- color: #717680;
235
+ color: var(--kb-on-surface-quaternary);
236
236
  margin: 0;
237
237
  }
238
238
 
239
239
  .user-details-container b {
240
240
  display: block;
241
241
  margin-bottom: 0.25rem;
242
- color: #414651 !important;
242
+ color: var(--kb-on-surface-secondary) !important;
243
243
  font-weight: 600;
244
244
  font-size: 0.875rem !important;
245
245
  line-height: 1.25rem;
@@ -251,7 +251,7 @@
251
251
  background-color: transparent !important;
252
252
  border: none !important;
253
253
  text-decoration: none !important;
254
- color: #D92D20 !important;
254
+ color: var(--kb-error) !important;
255
255
  font-weight: 500;
256
256
  padding-right: 0.3125rem !important;
257
257
  font-size: 0.875rem;
data/app/assets/stylesheets/kaui/audit_logs.css CHANGED
@@ -7,7 +7,7 @@
7
7
  align-items: start;
8
8
  justify-content: space-between;
9
9
  padding: 0;
10
- border-bottom: 0.0625rem solid #e9eaeb;
10
+ border-bottom: 0.0625rem solid var(--kb-outline-primary);
11
11
  }
12
12
 
13
13
  .kaui-audit-logs-index .audit-logs-table th,
@@ -20,7 +20,7 @@
20
20
  font-weight: 600;
21
21
  font-size: 1.125rem;
22
22
  line-height: 1.75rem;
23
- color: #414651;
23
+ color: var(--kb-on-surface-secondary);
24
24
  margin-bottom: 1.25rem;
25
25
  }
26
26
 
@@ -35,12 +35,12 @@
35
35
  font-size: 0.875rem;
36
36
  line-height: 1.125rem;
37
37
  letter-spacing: 0;
38
- color: #717680;
38
+ color: var(--kb-on-surface-quaternary);
39
39
  text-transform: capitalize;
40
40
  }
41
41
 
42
42
  .kaui-audit-logs-index .audit-logs .audit-logs-table tr td:not(:first-child) a {
43
- color: #535862 !important;
43
+ color: var(--kb-on-surface-tertiary) !important;
44
44
  text-decoration: none !important;
45
45
  }
46
46
 
@@ -48,9 +48,9 @@
48
48
  gap: 0.125rem;
49
49
  padding: 0.125rem 0.5rem;
50
50
  border-radius: 62.4375rem;
51
- background-color: #eff8ff;
52
- border: 0.0625rem solid #d1e9ff;
53
- color: #175cd3;
51
+ background-color: var(--kb-primary-25);
52
+ border: 0.0625rem solid var(--kb-primary-50);
53
+ color: var(--kb-primary);
54
54
  font-weight: 500;
55
55
  font-size: 0.75rem;
56
56
  line-height: 1.125rem;
@@ -60,9 +60,9 @@
60
60
  gap: 0.125rem;
61
61
  padding: 0.125rem 0.5rem;
62
62
  border-radius: 62.4375rem;
63
- background-color: #fef3f2;
64
- border: 0.0625rem solid #fee4e2;
65
- color: #b42318;
63
+ background-color: var(--kb-error-25);
64
+ border: 0.0625rem solid var(--kb-error-50);
65
+ color: var(--kb-error-hover);
66
66
  font-weight: 500;
67
67
  font-size: 0.75rem;
68
68
  line-height: 1.125rem;
@@ -72,9 +72,9 @@
72
72
  gap: 0.125rem;
73
73
  padding: 0.125rem 0.5rem;
74
74
  border-radius: 62.4375rem;
75
- background-color: #ecfdf3;
76
- border: 0.0625rem solid #dcfae6;
77
- color: #067647;
75
+ background-color: var(--kb-success-25);
76
+ border: 0.0625rem solid var(--kb-success-50);
77
+ color: var(--kb-success-hover);
78
78
  font-weight: 500;
79
79
  font-size: 0.75rem;
80
80
  line-height: 1.125rem;
@@ -84,9 +84,9 @@
84
84
  gap: 0.125rem;
85
85
  padding: 0.125rem 0.5rem;
86
86
  border-radius: 62.4375rem;
87
- background-color: #fffaeb;
88
- border: 0.0625rem solid #fef0c7;
89
- color: #b54708;
87
+ background-color: var(--kb-warning-25);
88
+ border: 0.0625rem solid var(--kb-warning-50);
89
+ color: var(--kb-warning-hover);
90
90
  font-weight: 500;
91
91
  font-size: 0.75rem;
92
92
  line-height: 1.125rem;
@@ -102,7 +102,7 @@
102
102
  padding: 1rem 0.5rem !important;
103
103
  line-height: 1.125rem !important;
104
104
  text-align: start;
105
- color: #535862 !important;
105
+ color: var(--kb-on-surface-tertiary) !important;
106
106
  }
107
107
 
108
108
  .kaui-audit-logs-index .audit-logs table.dataTable {
@@ -113,7 +113,7 @@
113
113
  .audit-logs
114
114
  .pagination
115
115
  a:not(:first-child):not(:last-child) {
116
- color: #717680;
116
+ color: var(--kb-on-surface-quaternary);
117
117
  display: flex;
118
118
  align-items: center;
119
119
  padding: 0.5rem 1rem;
@@ -127,8 +127,8 @@
127
127
  .audit-logs
128
128
  .pagination
129
129
  a:not(:first-child):not(:last-child).btn-primary {
130
- color: #414651;
131
- background-color: #f5f5f5 !important;
130
+ color: var(--kb-on-surface-secondary);
131
+ background-color: var(--kb-surface-container) !important;
132
132
  border: 0 !important;
133
133
  }
134
134
 
@@ -147,22 +147,22 @@
147
147
  display: inline-flex !important;
148
148
  align-items: center !important;
149
149
  justify-content: center !important;
150
- color: #717680 !important;
150
+ color: var(--kb-on-surface-quaternary) !important;
151
151
  text-decoration: none;
152
152
  border: 0 !important;
153
153
  }
154
154
 
155
155
  .kaui-audit-logs-index .audit-logs .dataTables_paginate .paginate_button:hover {
156
- background-color: #f3f4f6;
156
+ background-color: var(--kb-surface-container);
157
157
  }
158
158
 
159
159
  .kaui-audit-logs-index
160
160
  .audit-logs
161
161
  .dataTables_paginate
162
162
  .paginate_button.current {
163
- background-color: #f5f5f5 !important;
163
+ background-color: var(--kb-surface-container) !important;
164
164
  border-radius: 0.375rem !important;
165
- color: #414651 !important;
165
+ color: var(--kb-on-surface-secondary) !important;
166
166
  }
167
167
 
168
168
  .kaui-audit-logs-index .audit-logs .dataTables_paginate .paginate_button.last,
@@ -170,11 +170,11 @@
170
170
  .audit-logs
171
171
  .dataTables_paginate
172
172
  .paginate_button.previous {
173
- border: 0.0625rem solid #e5e7eb;
173
+ border: 0.0625rem solid var(--kb-outline-primary);
174
174
  border-radius: 0.5rem;
175
- background-color: white;
175
+ background-color: var(--kb-neutral-0);
176
176
  padding: 0.5rem 0.875rem;
177
- color: #374151;
177
+ color: var(--kb-neutral-600);
178
178
  }
179
179
 
180
180
  .kaui-audit-logs-index .audit-logs #audit-logs-table_filter {
@@ -187,12 +187,12 @@
187
187
  width: 20rem;
188
188
  height: 2.2rem;
189
189
  padding: 0.3rem 1rem;
190
- border: 0.0625rem solid #e5e7eb;
190
+ border: 0.0625rem solid var(--kb-outline-primary);
191
191
  border-radius: 0.375rem;
192
192
  font-weight: 500;
193
193
  font-size: 0.875rem;
194
194
  line-height: 1.25rem;
195
- color: #414651;
195
+ color: var(--kb-on-surface-secondary);
196
196
  outline: none;
197
197
  }
198
198
 
@@ -210,10 +210,10 @@
210
210
  float: right;
211
211
  margin-bottom: 0.625rem;
212
212
  margin-left: 0.625rem;
213
- background-color: white;
214
- color: black;
213
+ background-color: var(--kb-neutral-0);
214
+ color: var(--kb-neutral-900);
215
215
  text-transform: none;
216
- border: 0.0625rem solid #ccc;
216
+ border: 0.0625rem solid var(--kb-outline-secondary);
217
217
  padding: 0.5rem 0.9375rem;
218
218
  }
219
219
 
@@ -221,10 +221,10 @@
221
221
  float: right;
222
222
  margin-bottom: 0.625rem;
223
223
  margin-left: 0.625rem;
224
- background-color: white;
225
- color: black;
224
+ background-color: var(--kb-neutral-0);
225
+ color: var(--kb-neutral-900);
226
226
  text-transform: none;
227
- border: 0.0625rem solid #ccc;
227
+ border: 0.0625rem solid var(--kb-outline-secondary);
228
228
  padding: 0.5rem 0.9375rem;
229
229
  }
230
230
 
@@ -270,7 +270,7 @@
270
270
  font-weight: 600;
271
271
  font-size: 1.125rem;
272
272
  line-height: 1.75rem;
273
- color: #181d27;
273
+ color: var(--kb-on-surface-primary);
274
274
  }
275
275
 
276
276
  .kaui-audit-logs-index .close-button {
@@ -289,7 +289,7 @@
289
289
  display: inline-flex;
290
290
  justify-content: center;
291
291
  align-items: center;
292
- border: 0.0625rem solid #d5d7da;
292
+ border: 0.0625rem solid var(--kb-outline-secondary);
293
293
  border-radius: 0.375rem;
294
294
  width: 2.5rem;
295
295
  height: 2.5rem;
@@ -318,7 +318,7 @@
318
318
  font-weight: 500;
319
319
  font-size: 0.875rem;
320
320
  line-height: 1.25rem;
321
- color: #414651;
321
+ color: var(--kb-on-surface-secondary);
322
322
  margin-top: -1.25rem;
323
323
  min-width: 9.59375rem;
324
324
  }
@@ -375,14 +375,14 @@
375
375
  .kaui-audit-logs-index #search-labels-container .label {
376
376
  margin-left: 0.3125rem;
377
377
  margin-bottom: 0.3125rem;
378
- color: white;
378
+ color: var(--kb-neutral-0);
379
379
  }
380
380
 
381
381
  .kaui-audit-logs-index .col-form-label {
382
382
  font-weight: 500;
383
383
  font-size: 0.875rem;
384
384
  line-height: 1.25rem;
385
- color: #414651;
385
+ color: var(--kb-on-surface-secondary);
386
386
  padding: 0;
387
387
  }
388
388
 
@@ -412,7 +412,7 @@
412
412
  display: inline-flex;
413
413
  justify-content: center;
414
414
  align-items: center;
415
- border: 0.0625rem solid #d5d7da;
415
+ border: 0.0625rem solid var(--kb-outline-secondary);
416
416
  border-radius: 0.375rem;
417
417
  width: 2.5rem;
418
418
  height: 2.5rem;
data/app/assets/stylesheets/kaui/auth_pages.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .auth-container {
2
2
  min-height: 100vh;
3
3
  width: 100%;
4
- background-color: #fff;
4
+ background-color: var(--kb-neutral-0);
5
5
  overflow: hidden;
6
6
  }
7
7
 
@@ -48,23 +48,23 @@
48
48
  padding: 0.375rem 0.75rem;
49
49
  font-size: 1rem;
50
50
  line-height: 1.5;
51
- color: #717680;
52
- background-color: #fff;
51
+ color: var(--kb-on-surface-quaternary);
52
+ background-color: var(--kb-neutral-0);
53
53
  background-clip: padding-box;
54
54
  shadow: none;
55
- border: 0.0625rem solid #d5d7da;
55
+ border: 0.0625rem solid var(--kb-outline-secondary);
56
56
  border-radius: 0.1rem;
57
57
  }
58
58
 
59
59
  input.form-control::-webkit-input-placeholder {
60
- color: #717680;
60
+ color: var(--kb-on-surface-quaternary);
61
61
  font-weight: 400;
62
62
  font-style: normal !important;
63
63
  opacity: 1;
64
64
  }
65
65
 
66
66
  input.form-control:focus {
67
- border-color: #1570ef;
67
+ border-color: var(--kb-primary);
68
68
  outline: none;
69
69
  box-shadow: none;
70
70
  }
data/app/assets/stylesheets/kaui/breadcrumb.css CHANGED
@@ -2,13 +2,13 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  font-size: 0.875rem;
5
- color: #5E6272;
5
+ color: var(--kb-on-surface-tertiary);
6
6
  padding: 2rem 0;
7
7
  }
8
8
 
9
9
  .breadcrumb-separator {
10
10
  margin: 0 0.625rem;
11
- color: #A4A7AE;
11
+ color: var(--kb-on-surface-quaternary);
12
12
  font-size: 1.125rem;
13
13
  }
14
14
 
@@ -20,7 +20,7 @@
20
20
 
21
21
  .breadcrumb-link {
22
22
  text-decoration: none;
23
- color: #5E6272;
23
+ color: var(--kb-on-surface-tertiary);
24
24
  }
25
25
 
26
26
  .breadcrumb-link:hover {
@@ -28,8 +28,8 @@
28
28
  }
29
29
 
30
30
  .breadcrumb-current {
31
- background-color: #FAFAFA;
32
- color: #3F4254;
31
+ background-color: var(--kb-surface-container-low);
32
+ color: var(--kb-neutral-600);
33
33
  font-size: 0.875rem;
34
34
  line-height: 1.25rem;
35
35
  font-weight: 600 !important;