@coreui/coreui 5.0.0-alpha.1 → 5.0.0-alpha.3

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 (114) hide show
  1. package/README.md +1 -1
  2. package/dist/css/coreui-grid.css +13 -13
  3. package/dist/css/coreui-grid.css.map +1 -1
  4. package/dist/css/coreui-grid.min.css +2 -2
  5. package/dist/css/coreui-grid.min.css.map +1 -1
  6. package/dist/css/coreui-grid.rtl.css +13 -18
  7. package/dist/css/coreui-grid.rtl.css.map +1 -1
  8. package/dist/css/coreui-grid.rtl.min.css +2 -6
  9. package/dist/css/coreui-grid.rtl.min.css.map +1 -1
  10. package/dist/css/coreui-reboot.css +61 -43
  11. package/dist/css/coreui-reboot.css.map +1 -1
  12. package/dist/css/coreui-reboot.min.css +2 -2
  13. package/dist/css/coreui-reboot.min.css.map +1 -1
  14. package/dist/css/coreui-reboot.rtl.css +61 -48
  15. package/dist/css/coreui-reboot.rtl.css.map +1 -1
  16. package/dist/css/coreui-reboot.rtl.min.css +2 -6
  17. package/dist/css/coreui-reboot.rtl.min.css.map +1 -1
  18. package/dist/css/coreui-utilities.css +107 -90
  19. package/dist/css/coreui-utilities.css.map +1 -1
  20. package/dist/css/coreui-utilities.min.css +2 -2
  21. package/dist/css/coreui-utilities.min.css.map +1 -1
  22. package/dist/css/coreui-utilities.rtl.css +101 -89
  23. package/dist/css/coreui-utilities.rtl.css.map +1 -1
  24. package/dist/css/coreui-utilities.rtl.min.css +2 -6
  25. package/dist/css/coreui-utilities.rtl.min.css.map +1 -1
  26. package/dist/css/coreui.css +740 -713
  27. package/dist/css/coreui.css.map +1 -1
  28. package/dist/css/coreui.min.css +2 -2
  29. package/dist/css/coreui.min.css.map +1 -1
  30. package/dist/css/coreui.rtl.css +771 -755
  31. package/dist/css/coreui.rtl.css.map +1 -1
  32. package/dist/css/coreui.rtl.min.css +2 -6
  33. package/dist/css/coreui.rtl.min.css.map +1 -1
  34. package/dist/js/coreui.bundle.js +16 -8
  35. package/dist/js/coreui.bundle.js.map +1 -1
  36. package/dist/js/coreui.bundle.min.js +2 -2
  37. package/dist/js/coreui.bundle.min.js.map +1 -1
  38. package/dist/js/coreui.esm.js +16 -8
  39. package/dist/js/coreui.esm.js.map +1 -1
  40. package/dist/js/coreui.esm.min.js +2 -2
  41. package/dist/js/coreui.esm.min.js.map +1 -1
  42. package/dist/js/coreui.js +16 -8
  43. package/dist/js/coreui.js.map +1 -1
  44. package/dist/js/coreui.min.js +2 -2
  45. package/dist/js/coreui.min.js.map +1 -1
  46. package/js/dist/alert.js +1 -1
  47. package/js/dist/base-component.js +2 -2
  48. package/js/dist/base-component.js.map +1 -1
  49. package/js/dist/button.js +1 -1
  50. package/js/dist/carousel.js +1 -1
  51. package/js/dist/collapse.js +1 -1
  52. package/js/dist/dom/data.js +1 -1
  53. package/js/dist/dom/event-handler.js +1 -1
  54. package/js/dist/dom/manipulator.js +1 -1
  55. package/js/dist/dom/selector-engine.js +3 -3
  56. package/js/dist/dom/selector-engine.js.map +1 -1
  57. package/js/dist/dropdown.js +1 -1
  58. package/js/dist/modal.js +1 -1
  59. package/js/dist/navigation.js +1 -1
  60. package/js/dist/offcanvas.js +1 -1
  61. package/js/dist/popover.js +1 -1
  62. package/js/dist/scrollspy.js +1 -1
  63. package/js/dist/sidebar.js +1 -1
  64. package/js/dist/tab.js +13 -5
  65. package/js/dist/tab.js.map +1 -1
  66. package/js/dist/toast.js +1 -1
  67. package/js/dist/tooltip.js +1 -1
  68. package/js/dist/util/backdrop.js +1 -1
  69. package/js/dist/util/component-functions.js +1 -1
  70. package/js/dist/util/config.js +1 -1
  71. package/js/dist/util/focustrap.js +1 -1
  72. package/js/dist/util/index.js +1 -1
  73. package/js/dist/util/sanitizer.js +1 -1
  74. package/js/dist/util/scrollbar.js +1 -1
  75. package/js/dist/util/swipe.js +1 -1
  76. package/js/dist/util/template-factory.js +1 -1
  77. package/js/src/base-component.js +1 -1
  78. package/js/src/dom/selector-engine.js +2 -2
  79. package/js/src/tab.js +14 -4
  80. package/package.json +35 -35
  81. package/scss/_button-group.scss +3 -3
  82. package/scss/_buttons.scss +1 -1
  83. package/scss/_card.scss +3 -3
  84. package/scss/_close.scss +1 -0
  85. package/scss/_dropdown.scss +4 -4
  86. package/scss/_header.scss +3 -12
  87. package/scss/_nav.scss +77 -17
  88. package/scss/_reboot.scss +5 -4
  89. package/scss/_root.scss +32 -11
  90. package/scss/_tooltip.scss +1 -1
  91. package/scss/_type.scss +1 -1
  92. package/scss/_utilities.scss +3 -3
  93. package/scss/_variables-dark.scss +33 -34
  94. package/scss/_variables.scss +153 -151
  95. package/scss/coreui-grid.rtl.scss +0 -3
  96. package/scss/coreui-reboot.rtl.scss +0 -3
  97. package/scss/coreui-utilities.rtl.scss +0 -3
  98. package/scss/coreui.rtl.scss +0 -3
  99. package/scss/coreui.scss +0 -1
  100. package/scss/forms/_floating-labels.scss +3 -2
  101. package/scss/forms/_form-check.scss +13 -12
  102. package/scss/forms/_form-control.scss +1 -1
  103. package/scss/forms/_form-range.scss +3 -3
  104. package/scss/forms/_form-select.scss +1 -1
  105. package/scss/helpers/_color-bg.scss +1 -2
  106. package/scss/helpers/_vr.scss +1 -1
  107. package/scss/mixins/_banner.scss +1 -1
  108. package/scss/mixins/_caret.scss +3 -3
  109. package/scss/mixins/_grid.scss +1 -1
  110. package/scss/mixins/_list-group.scss +1 -1
  111. package/scss/sidebar/_sidebar-narrow.scss +33 -13
  112. package/scss/sidebar/_sidebar-nav.scss +114 -19
  113. package/scss/sidebar/_sidebar.scss +85 -134
  114. package/scss/_subheader.scss +0 -72
@@ -1,11 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * CoreUI v5.0.0-alpha.1 (https://coreui.io)
4
- * Copyright (c) 2023 creativeLabs Łukasz Holeczek
5
- * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
6
- */
7
- /*!
8
- * CoreUI v5.0.0-alpha.1 (https://coreui.io)
3
+ * CoreUI v5.0.0-alpha.3 (https://coreui.io)
9
4
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
10
5
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
11
6
  */
@@ -34,7 +29,7 @@
34
29
  --cui-gray-700: #4a566d;
35
30
  --cui-gray-800: #323a49;
36
31
  --cui-gray-900: #212631;
37
- --cui-primary: #321fdb;
32
+ --cui-primary: #5856d6;
38
33
  --cui-secondary: #9da5b1;
39
34
  --cui-success: #2eb85c;
40
35
  --cui-info: #39f;
@@ -42,7 +37,7 @@
42
37
  --cui-danger: #e55353;
43
38
  --cui-light: #f3f4f7;
44
39
  --cui-dark: #212631;
45
- --cui-primary-rgb: 50, 31, 219;
40
+ --cui-primary-rgb: 88, 86, 214;
46
41
  --cui-secondary-rgb: 157, 165, 177;
47
42
  --cui-success-rgb: 46, 184, 92;
48
43
  --cui-info-rgb: 51, 153, 255;
@@ -50,7 +45,7 @@
50
45
  --cui-danger-rgb: 229, 83, 83;
51
46
  --cui-light-rgb: 243, 244, 247;
52
47
  --cui-dark-rgb: 33, 38, 49;
53
- --cui-primary-text-emphasis: #1f1498;
48
+ --cui-primary-text-emphasis: #3634a3;
54
49
  --cui-secondary-text-emphasis: #212233;
55
50
  --cui-success-text-emphasis: #0f5722;
56
51
  --cui-info-text-emphasis: #184c77;
@@ -58,7 +53,7 @@
58
53
  --cui-danger-text-emphasis: #671414;
59
54
  --cui-light-text-emphasis: #4a566d;
60
55
  --cui-dark-text-emphasis: #323a49;
61
- --cui-primary-bg-subtle: #ccc7f6;
56
+ --cui-primary-bg-subtle: #cfc7f3;
62
57
  --cui-secondary-bg-subtle: #ced2d8;
63
58
  --cui-success-bg-subtle: #cbedd6;
64
59
  --cui-info-bg-subtle: #c0e6ff;
@@ -66,7 +61,7 @@
66
61
  --cui-danger-bg-subtle: #f9d4d4;
67
62
  --cui-light-bg-subtle: #f9fafb;
68
63
  --cui-dark-bg-subtle: #cfd4de;
69
- --cui-primary-border-subtle: #988fed;
64
+ --cui-primary-border-subtle: #9d92e6;
70
65
  --cui-secondary-border-subtle: #9da5b1;
71
66
  --cui-success-border-subtle: #96dbad;
72
67
  --cui-info-border-subtle: #80c6ff;
@@ -97,6 +92,20 @@
97
92
  --cui-tertiary-color-rgb: 37, 43, 54;
98
93
  --cui-tertiary-bg: #f3f4f7;
99
94
  --cui-tertiary-bg-rgb: 243, 244, 247;
95
+ --cui-body-color-dark: rgba(255, 255, 255, 0.87);
96
+ --cui-body-color-rgb-dark: 255, 255, 255;
97
+ --cui-body-bg-dark: #212631;
98
+ --cui-body-bg-rgb-dark: 33, 38, 49;
99
+ --cui-emphasis-color-dark: #fff;
100
+ --cui-emphasis-color-rgb-dark: 255, 255, 255;
101
+ --cui-secondary-color-dark: rgba(255, 255, 255, 0.6);
102
+ --cui-secondary-color-rgb-dark: 255, 255, 255;
103
+ --cui-secondary-bg-dark: #323a49;
104
+ --cui-secondary-bg-rgb-dark: 50, 58, 73;
105
+ --cui-tertiary-color-dark: rgba(255, 255, 255, 0.38);
106
+ --cui-tertiary-color-rgb-dark: 255, 255, 255;
107
+ --cui-tertiary-bg-dark: #2a303d;
108
+ --cui-tertiary-bg-rgb-dark: 42, 48, 61;
100
109
  --cui-high-emphasis: rgba(37, 43, 54, 0.95);
101
110
  --cui-medium-emphasis: rgba(37, 43, 54, 0.681);
102
111
  --cui-disabled: rgba(37, 43, 54, 0.38);
@@ -104,12 +113,13 @@
104
113
  --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6);
105
114
  --cui-disabled-inverse: rgba(255, 255, 255, 0.38);
106
115
  --cui-heading-color: inherit;
107
- --cui-link-color: #321fdb;
108
- --cui-link-color-rgb: 50, 31, 219;
116
+ --cui-link-color: #5856d6;
117
+ --cui-link-color-rgb: 88, 86, 214;
109
118
  --cui-link-decoration: underline;
110
- --cui-link-hover-color: #2819af;
111
- --cui-link-hover-color-rgb: 40, 25, 175;
119
+ --cui-link-hover-color: #4645ab;
120
+ --cui-link-hover-color-rgb: 70, 69, 171;
112
121
  --cui-code-color: #d63384;
122
+ --cui-highlight-color: rgba(37, 43, 54, 0.95);
113
123
  --cui-highlight-bg: #fff3cd;
114
124
  --cui-border-width: 1px;
115
125
  --cui-border-style: solid;
@@ -128,7 +138,7 @@
128
138
  --cui-box-shadow-inset: inset 0 1px 2px rgba(8, 10, 12, 0.075);
129
139
  --cui-focus-ring-width: 0.25rem;
130
140
  --cui-focus-ring-opacity: 0.25;
131
- --cui-focus-ring-color: rgba(50, 31, 219, 0.25);
141
+ --cui-focus-ring-color: rgba(88, 86, 214, 0.25);
132
142
  --cui-form-valid-color: #2eb85c;
133
143
  --cui-form-valid-border-color: #2eb85c;
134
144
  --cui-form-invalid-color: #e55353;
@@ -137,31 +147,31 @@
137
147
 
138
148
  [data-coreui-theme=dark] {
139
149
  color-scheme: dark;
140
- --cui-body-color: #aab3c5;
141
- --cui-body-color-rgb: 170, 179, 197;
150
+ --cui-body-color: rgba(255, 255, 255, 0.87);
151
+ --cui-body-color-rgb: 255, 255, 255;
142
152
  --cui-body-bg: #212631;
143
153
  --cui-body-bg-rgb: 33, 38, 49;
144
154
  --cui-emphasis-color: #fff;
145
155
  --cui-emphasis-color-rgb: 255, 255, 255;
146
- --cui-secondary-color: rgba(170, 179, 197, 0.75);
147
- --cui-secondary-color-rgb: 170, 179, 197;
156
+ --cui-secondary-color: rgba(255, 255, 255, 0.6);
157
+ --cui-secondary-color-rgb: 255, 255, 255;
148
158
  --cui-secondary-bg: #323a49;
149
159
  --cui-secondary-bg-rgb: 50, 58, 73;
150
- --cui-tertiary-color: rgba(170, 179, 197, 0.5);
151
- --cui-tertiary-color-rgb: 170, 179, 197;
152
- --cui-tertiary-bg: #252a37;
153
- --cui-tertiary-bg-rgb: 37, 42, 55;
154
- --cui-high-emphasis: #aab3c5;
155
- --cui-medium-emphasis: rgba(170, 179, 197, 0.75);
156
- --cui-disabled: rgba(170, 179, 197, 0.5);
157
- --cui-primary: #6b60ce;
160
+ --cui-tertiary-color: rgba(255, 255, 255, 0.38);
161
+ --cui-tertiary-color-rgb: 255, 255, 255;
162
+ --cui-tertiary-bg: #2a303d;
163
+ --cui-tertiary-bg-rgb: 42, 48, 61;
164
+ --cui-high-emphasis: rgba(255, 255, 255, 0.87);
165
+ --cui-medium-emphasis: rgba(255, 255, 255, 0.6);
166
+ --cui-disabled: rgba(255, 255, 255, 0.38);
167
+ --cui-primary: #6261cc;
158
168
  --cui-secondary: #a6a7a8;
159
169
  --cui-success: #3aad60;
160
170
  --cui-info: #3d99f5;
161
171
  --cui-warning: #edad21;
162
172
  --cui-danger: #db5d5d;
163
- --cui-light: #f4f5f6;
164
- --cui-dark: #25282d;
173
+ --cui-light: #f3f4f7;
174
+ --cui-dark: #212631;
165
175
  --cui-gray-100: #f3f4f7;
166
176
  --cui-gray-200: #e7eaee;
167
177
  --cui-gray-300: #dbdfe6;
@@ -171,23 +181,23 @@
171
181
  --cui-gray-700: #4a566d;
172
182
  --cui-gray-800: #323a49;
173
183
  --cui-gray-900: #212631;
174
- --cui-primary-rgb: 107, 96, 206;
184
+ --cui-primary-rgb: 98, 97, 204;
175
185
  --cui-secondary-rgb: 166, 167, 168;
176
186
  --cui-success-rgb: 58, 173, 96;
177
187
  --cui-info-rgb: 61, 153, 245;
178
188
  --cui-warning-rgb: 237, 173, 33;
179
189
  --cui-danger-rgb: 219, 93, 93;
180
- --cui-light-rgb: 244, 245, 246;
181
- --cui-dark-rgb: 37, 40, 45;
182
- --cui-primary-text-emphasis: #1f1498;
183
- --cui-secondary-text-emphasis: #212233;
184
- --cui-success-text-emphasis: #0f5722;
185
- --cui-info-text-emphasis: #184c77;
186
- --cui-warning-text-emphasis: #764705;
187
- --cui-danger-text-emphasis: #671414;
190
+ --cui-light-rgb: 243, 244, 247;
191
+ --cui-dark-rgb: 33, 38, 49;
192
+ --cui-primary-text-emphasis: #403f98;
193
+ --cui-secondary-text-emphasis: #25262f;
194
+ --cui-success-text-emphasis: #145224;
195
+ --cui-info-text-emphasis: #1f4b70;
196
+ --cui-warning-text-emphasis: #70460b;
197
+ --cui-danger-text-emphasis: #611a1a;
188
198
  --cui-light-text-emphasis: #f3f4f7;
189
199
  --cui-dark-text-emphasis: #dbdfe6;
190
- --cui-primary-bg-subtle: #ccc7f6;
200
+ --cui-primary-bg-subtle: #cfc7f3;
191
201
  --cui-secondary-bg-subtle: #ced2d8;
192
202
  --cui-success-bg-subtle: #cbedd6;
193
203
  --cui-info-bg-subtle: #c0e6ff;
@@ -195,7 +205,7 @@
195
205
  --cui-danger-bg-subtle: #f9d4d4;
196
206
  --cui-light-bg-subtle: #323a49;
197
207
  --cui-dark-bg-subtle: #1d222b;
198
- --cui-primary-border-subtle: #988fed;
208
+ --cui-primary-border-subtle: #9d92e6;
199
209
  --cui-secondary-border-subtle: #9da5b1;
200
210
  --cui-success-border-subtle: #96dbad;
201
211
  --cui-info-border-subtle: #80c6ff;
@@ -204,13 +214,15 @@
204
214
  --cui-light-border-subtle: #4a566d;
205
215
  --cui-dark-border-subtle: #323a49;
206
216
  --cui-heading-color: inherit;
207
- --cui-link-color: #8479e9;
208
- --cui-link-hover-color: #9d94ed;
209
- --cui-link-color-rgb: 132, 121, 233;
210
- --cui-link-hover-color-rgb: 157, 148, 237;
217
+ --cui-link-color: #6261cc;
218
+ --cui-link-hover-color: #8181d6;
219
+ --cui-link-color-rgb: 98, 97, 204;
220
+ --cui-link-hover-color-rgb: 129, 129, 214;
211
221
  --cui-code-color: #e685b5;
212
- --cui-border-color: #4a566d;
213
- --cui-border-color-translucent: rgba(255, 255, 255, 0.15);
222
+ --cui-highlight-color: rgba(255, 255, 255, 0.87);
223
+ --cui-highlight-bg: #664d03;
224
+ --cui-border-color: #323a49;
225
+ --cui-border-color-translucent: rgba(255, 255, 255, 0.1);
214
226
  --cui-form-valid-color: #75b798;
215
227
  --cui-form-valid-border-color: #75b798;
216
228
  --cui-form-invalid-color: #ea868f;
@@ -357,6 +369,7 @@ small, .small {
357
369
 
358
370
  mark, .mark {
359
371
  padding: 0.1875em;
372
+ color: var(--cui-highlight-color);
360
373
  background-color: var(--cui-highlight-bg);
361
374
  }
362
375
 
@@ -573,8 +586,8 @@ legend + * {
573
586
  }
574
587
 
575
588
  [type=search] {
576
- outline-offset: -2px;
577
589
  -webkit-appearance: textfield;
590
+ outline-offset: -2px;
578
591
  }
579
592
 
580
593
  *[dir=rtl] [type=tel],
@@ -703,7 +716,7 @@ progress {
703
716
  display: inline-block;
704
717
  }
705
718
  .list-inline-item:not(:last-child) {
706
- margin-right: 0.5rem;
719
+ margin-left: 0.5rem;
707
720
  }
708
721
 
709
722
  .initialism {
@@ -847,7 +860,7 @@ progress {
847
860
 
848
861
  .row-cols-3 > * {
849
862
  flex: 0 0 auto;
850
- width: 33.3333333333%;
863
+ width: 33.33333333%;
851
864
  }
852
865
 
853
866
  .row-cols-4 > * {
@@ -862,7 +875,7 @@ progress {
862
875
 
863
876
  .row-cols-6 > * {
864
877
  flex: 0 0 auto;
865
- width: 16.6666666667%;
878
+ width: 16.66666667%;
866
879
  }
867
880
 
868
881
  .col-auto {
@@ -1052,7 +1065,7 @@ progress {
1052
1065
  }
1053
1066
  .row-cols-sm-3 > * {
1054
1067
  flex: 0 0 auto;
1055
- width: 33.3333333333%;
1068
+ width: 33.33333333%;
1056
1069
  }
1057
1070
  .row-cols-sm-4 > * {
1058
1071
  flex: 0 0 auto;
@@ -1064,7 +1077,7 @@ progress {
1064
1077
  }
1065
1078
  .row-cols-sm-6 > * {
1066
1079
  flex: 0 0 auto;
1067
- width: 16.6666666667%;
1080
+ width: 16.66666667%;
1068
1081
  }
1069
1082
  .col-sm-auto {
1070
1083
  flex: 0 0 auto;
@@ -1221,7 +1234,7 @@ progress {
1221
1234
  }
1222
1235
  .row-cols-md-3 > * {
1223
1236
  flex: 0 0 auto;
1224
- width: 33.3333333333%;
1237
+ width: 33.33333333%;
1225
1238
  }
1226
1239
  .row-cols-md-4 > * {
1227
1240
  flex: 0 0 auto;
@@ -1233,7 +1246,7 @@ progress {
1233
1246
  }
1234
1247
  .row-cols-md-6 > * {
1235
1248
  flex: 0 0 auto;
1236
- width: 16.6666666667%;
1249
+ width: 16.66666667%;
1237
1250
  }
1238
1251
  .col-md-auto {
1239
1252
  flex: 0 0 auto;
@@ -1390,7 +1403,7 @@ progress {
1390
1403
  }
1391
1404
  .row-cols-lg-3 > * {
1392
1405
  flex: 0 0 auto;
1393
- width: 33.3333333333%;
1406
+ width: 33.33333333%;
1394
1407
  }
1395
1408
  .row-cols-lg-4 > * {
1396
1409
  flex: 0 0 auto;
@@ -1402,7 +1415,7 @@ progress {
1402
1415
  }
1403
1416
  .row-cols-lg-6 > * {
1404
1417
  flex: 0 0 auto;
1405
- width: 16.6666666667%;
1418
+ width: 16.66666667%;
1406
1419
  }
1407
1420
  .col-lg-auto {
1408
1421
  flex: 0 0 auto;
@@ -1559,7 +1572,7 @@ progress {
1559
1572
  }
1560
1573
  .row-cols-xl-3 > * {
1561
1574
  flex: 0 0 auto;
1562
- width: 33.3333333333%;
1575
+ width: 33.33333333%;
1563
1576
  }
1564
1577
  .row-cols-xl-4 > * {
1565
1578
  flex: 0 0 auto;
@@ -1571,7 +1584,7 @@ progress {
1571
1584
  }
1572
1585
  .row-cols-xl-6 > * {
1573
1586
  flex: 0 0 auto;
1574
- width: 16.6666666667%;
1587
+ width: 16.66666667%;
1575
1588
  }
1576
1589
  .col-xl-auto {
1577
1590
  flex: 0 0 auto;
@@ -1728,7 +1741,7 @@ progress {
1728
1741
  }
1729
1742
  .row-cols-xxl-3 > * {
1730
1743
  flex: 0 0 auto;
1731
- width: 33.3333333333%;
1744
+ width: 33.33333333%;
1732
1745
  }
1733
1746
  .row-cols-xxl-4 > * {
1734
1747
  flex: 0 0 auto;
@@ -1740,7 +1753,7 @@ progress {
1740
1753
  }
1741
1754
  .row-cols-xxl-6 > * {
1742
1755
  flex: 0 0 auto;
1743
- width: 16.6666666667%;
1756
+ width: 16.66666667%;
1744
1757
  }
1745
1758
  .col-xxl-auto {
1746
1759
  flex: 0 0 auto;
@@ -1884,16 +1897,16 @@ progress {
1884
1897
  --cui-table-bg-type: initial;
1885
1898
  --cui-table-color-state: initial;
1886
1899
  --cui-table-bg-state: initial;
1887
- --cui-table-color: var(--cui-body-color);
1900
+ --cui-table-color: var(--cui-emphasis-color);
1888
1901
  --cui-table-bg: var(--cui-body-bg);
1889
1902
  --cui-table-border-color: var(--cui-border-color);
1890
1903
  --cui-table-accent-bg: transparent;
1891
- --cui-table-striped-color: var(--cui-body-color);
1892
- --cui-table-striped-bg: rgba(8, 10, 12, 0.05);
1893
- --cui-table-active-color: var(--cui-body-color);
1894
- --cui-table-active-bg: rgba(8, 10, 12, 0.1);
1895
- --cui-table-hover-color: var(--cui-body-color);
1896
- --cui-table-hover-bg: rgba(8, 10, 12, 0.075);
1904
+ --cui-table-striped-color: var(--cui-emphasis-color);
1905
+ --cui-table-striped-bg: rgba(var(--cui-emphasis-color-rgb), 0.05);
1906
+ --cui-table-active-color: var(--cui-emphasis-color);
1907
+ --cui-table-active-bg: rgba(var(--cui-emphasis-color-rgb), 0.1);
1908
+ --cui-table-hover-color: var(--cui-emphasis-color);
1909
+ --cui-table-hover-bg: rgba(var(--cui-emphasis-color-rgb), 0.075);
1897
1910
  width: 100%;
1898
1911
  margin-bottom: 1rem;
1899
1912
  vertical-align: top;
@@ -1960,113 +1973,113 @@ progress {
1960
1973
  }
1961
1974
 
1962
1975
  .table-primary {
1963
- --cui-table-color: rgba(37, 43, 54, 0.95);
1964
- --cui-table-bg: #d6d2f8;
1965
- --cui-table-border-color: rgba(198, 195, 230, 0.995);
1966
- --cui-table-striped-bg: rgba(206, 202, 239, 0.9975);
1967
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
1968
- --cui-table-active-bg: rgba(198, 195, 230, 0.995);
1969
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
1970
- --cui-table-hover-bg: rgba(202, 199, 235, 0.99625);
1971
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
1976
+ --cui-table-color: #080a0c;
1977
+ --cui-table-bg: #deddf7;
1978
+ --cui-table-border-color: #b3b3c8;
1979
+ --cui-table-striped-bg: #d3d2eb;
1980
+ --cui-table-striped-color: #080a0c;
1981
+ --cui-table-active-bg: #c9c8e0;
1982
+ --cui-table-active-color: #080a0c;
1983
+ --cui-table-hover-bg: #cecde5;
1984
+ --cui-table-hover-color: #080a0c;
1972
1985
  color: var(--cui-table-color);
1973
1986
  border-color: var(--cui-table-border-color);
1974
1987
  }
1975
1988
 
1976
1989
  .table-secondary {
1977
- --cui-table-color: rgba(37, 43, 54, 0.95);
1990
+ --cui-table-color: #080a0c;
1978
1991
  --cui-table-bg: #ebedef;
1979
- --cui-table-border-color: rgba(217, 219, 222, 0.995);
1980
- --cui-table-striped-bg: rgba(226, 228, 231, 0.9975);
1981
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
1982
- --cui-table-active-bg: rgba(217, 219, 222, 0.995);
1983
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
1984
- --cui-table-hover-bg: rgba(221, 224, 226, 0.99625);
1985
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
1992
+ --cui-table-border-color: #bec0c2;
1993
+ --cui-table-striped-bg: #e0e2e4;
1994
+ --cui-table-striped-color: #080a0c;
1995
+ --cui-table-active-bg: #d4d6d8;
1996
+ --cui-table-active-color: #080a0c;
1997
+ --cui-table-hover-bg: #dadcde;
1998
+ --cui-table-hover-color: #080a0c;
1986
1999
  color: var(--cui-table-color);
1987
2000
  border-color: var(--cui-table-border-color);
1988
2001
  }
1989
2002
 
1990
2003
  .table-success {
1991
- --cui-table-color: rgba(37, 43, 54, 0.95);
2004
+ --cui-table-color: #080a0c;
1992
2005
  --cui-table-bg: #d5f1de;
1993
- --cui-table-border-color: rgba(197, 223, 207, 0.995);
1994
- --cui-table-striped-bg: rgba(205, 232, 214, 0.9975);
1995
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
1996
- --cui-table-active-bg: rgba(197, 223, 207, 0.995);
1997
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
1998
- --cui-table-hover-bg: rgba(201, 227, 211, 0.99625);
1999
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2006
+ --cui-table-border-color: #acc3b4;
2007
+ --cui-table-striped-bg: #cbe5d4;
2008
+ --cui-table-striped-color: #080a0c;
2009
+ --cui-table-active-bg: #c1dac9;
2010
+ --cui-table-active-color: #080a0c;
2011
+ --cui-table-hover-bg: #c6e0ce;
2012
+ --cui-table-hover-color: #080a0c;
2000
2013
  color: var(--cui-table-color);
2001
2014
  border-color: var(--cui-table-border-color);
2002
2015
  }
2003
2016
 
2004
2017
  .table-info {
2005
- --cui-table-color: rgba(37, 43, 54, 0.95);
2018
+ --cui-table-color: #080a0c;
2006
2019
  --cui-table-bg: #d6ebff;
2007
- --cui-table-border-color: rgba(198, 217, 237, 0.995);
2008
- --cui-table-striped-bg: rgba(206, 226, 246, 0.9975);
2009
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
2010
- --cui-table-active-bg: rgba(198, 217, 237, 0.995);
2011
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2012
- --cui-table-hover-bg: rgba(202, 222, 241, 0.99625);
2013
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2020
+ --cui-table-border-color: #adbece;
2021
+ --cui-table-striped-bg: #cce0f3;
2022
+ --cui-table-striped-color: #080a0c;
2023
+ --cui-table-active-bg: #c1d5e7;
2024
+ --cui-table-active-color: #080a0c;
2025
+ --cui-table-hover-bg: #c7daed;
2026
+ --cui-table-hover-color: #080a0c;
2014
2027
  color: var(--cui-table-color);
2015
2028
  border-color: var(--cui-table-border-color);
2016
2029
  }
2017
2030
 
2018
2031
  .table-warning {
2019
- --cui-table-color: rgba(37, 43, 54, 0.95);
2032
+ --cui-table-color: #080a0c;
2020
2033
  --cui-table-bg: #feefd0;
2021
- --cui-table-border-color: rgba(234, 221, 194, 0.995);
2022
- --cui-table-striped-bg: rgba(244, 230, 201, 0.9975);
2023
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
2024
- --cui-table-active-bg: rgba(234, 221, 194, 0.995);
2025
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2026
- --cui-table-hover-bg: rgba(239, 226, 197, 0.99625);
2027
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2034
+ --cui-table-border-color: #cdc1a9;
2035
+ --cui-table-striped-bg: #f2e4c6;
2036
+ --cui-table-striped-color: #080a0c;
2037
+ --cui-table-active-bg: #e5d8bc;
2038
+ --cui-table-active-color: #080a0c;
2039
+ --cui-table-hover-bg: #ecdec1;
2040
+ --cui-table-hover-color: #080a0c;
2028
2041
  color: var(--cui-table-color);
2029
2042
  border-color: var(--cui-table-border-color);
2030
2043
  }
2031
2044
 
2032
2045
  .table-danger {
2033
- --cui-table-color: rgba(37, 43, 54, 0.95);
2046
+ --cui-table-color: #080a0c;
2034
2047
  --cui-table-bg: #fadddd;
2035
- --cui-table-border-color: rgba(231, 205, 206, 0.995);
2036
- --cui-table-striped-bg: rgba(240, 213, 213, 0.9975);
2037
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
2038
- --cui-table-active-bg: rgba(231, 205, 206, 0.995);
2039
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2040
- --cui-table-hover-bg: rgba(235, 209, 210, 0.99625);
2041
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2048
+ --cui-table-border-color: #cab3b3;
2049
+ --cui-table-striped-bg: #eed2d3;
2050
+ --cui-table-striped-color: #080a0c;
2051
+ --cui-table-active-bg: #e2c8c8;
2052
+ --cui-table-active-color: #080a0c;
2053
+ --cui-table-hover-bg: #e8cdcd;
2054
+ --cui-table-hover-color: #080a0c;
2042
2055
  color: var(--cui-table-color);
2043
2056
  border-color: var(--cui-table-border-color);
2044
2057
  }
2045
2058
 
2046
2059
  .table-light {
2047
- --cui-table-color: rgba(37, 43, 54, 0.95);
2060
+ --cui-table-color: #080a0c;
2048
2061
  --cui-table-bg: #f3f4f7;
2049
- --cui-table-border-color: rgba(224, 226, 229, 0.995);
2050
- --cui-table-striped-bg: rgba(234, 235, 238, 0.9975);
2051
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
2052
- --cui-table-active-bg: rgba(224, 226, 229, 0.995);
2053
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2054
- --cui-table-hover-bg: rgba(229, 230, 234, 0.99625);
2055
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2062
+ --cui-table-border-color: #c4c5c8;
2063
+ --cui-table-striped-bg: #e7e8eb;
2064
+ --cui-table-striped-color: #080a0c;
2065
+ --cui-table-active-bg: #dcdde0;
2066
+ --cui-table-active-color: #080a0c;
2067
+ --cui-table-hover-bg: #e1e2e5;
2068
+ --cui-table-hover-color: #080a0c;
2056
2069
  color: var(--cui-table-color);
2057
2070
  border-color: var(--cui-table-border-color);
2058
2071
  }
2059
2072
 
2060
2073
  .table-dark {
2061
- --cui-table-color: rgba(255, 255, 255, 0.87);
2074
+ --cui-table-color: #fff;
2062
2075
  --cui-table-bg: #212631;
2063
- --cui-table-border-color: rgba(50, 55, 65, 0.987);
2064
- --cui-table-striped-bg: rgba(42, 46, 57, 0.9935);
2065
- --cui-table-striped-color: rgba(255, 255, 255, 0.87);
2066
- --cui-table-active-bg: rgba(50, 55, 65, 0.987);
2067
- --cui-table-active-color: rgba(255, 255, 255, 0.87);
2068
- --cui-table-hover-bg: rgba(46, 51, 61, 0.99025);
2069
- --cui-table-hover-color: rgba(255, 255, 255, 0.87);
2076
+ --cui-table-border-color: #4d515a;
2077
+ --cui-table-striped-bg: #2c313b;
2078
+ --cui-table-striped-color: #fff;
2079
+ --cui-table-active-bg: #373c46;
2080
+ --cui-table-active-color: #fff;
2081
+ --cui-table-hover-bg: #323640;
2082
+ --cui-table-hover-color: #fff;
2070
2083
  color: var(--cui-table-color);
2071
2084
  border-color: var(--cui-table-border-color);
2072
2085
  }
@@ -2144,10 +2157,10 @@ progress {
2144
2157
  font-weight: 400;
2145
2158
  line-height: 1.5;
2146
2159
  color: var(--cui-body-color);
2160
+ appearance: none;
2147
2161
  background-color: var(--cui-body-bg);
2148
2162
  background-clip: padding-box;
2149
2163
  border: var(--cui-border-width) solid var(--cui-border-color);
2150
- appearance: none;
2151
2164
  border-radius: var(--cui-border-radius);
2152
2165
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2153
2166
  }
@@ -2165,9 +2178,9 @@ progress {
2165
2178
  .form-control:focus {
2166
2179
  color: var(--cui-body-color);
2167
2180
  background-color: var(--cui-body-bg);
2168
- border-color: #998fed;
2181
+ border-color: #acabeb;
2169
2182
  outline: 0;
2170
- box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2183
+ box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2171
2184
  }
2172
2185
  .form-control::-webkit-date-and-time-value {
2173
2186
  min-width: 85px;
@@ -2294,6 +2307,7 @@ textarea.form-control-lg {
2294
2307
  font-weight: 400;
2295
2308
  line-height: 1.5;
2296
2309
  color: var(--cui-body-color);
2310
+ appearance: none;
2297
2311
  background-color: var(--cui-body-bg);
2298
2312
  background-image: var(--cui-form-select-bg-img), var(--cui-form-select-bg-icon, none);
2299
2313
  background-repeat: no-repeat;
@@ -2302,7 +2316,6 @@ textarea.form-control-lg {
2302
2316
  border: var(--cui-border-width) solid var(--cui-border-color);
2303
2317
  border-radius: var(--cui-border-radius);
2304
2318
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2305
- appearance: none;
2306
2319
  }
2307
2320
  @media (prefers-reduced-motion: reduce) {
2308
2321
  .form-select {
@@ -2310,9 +2323,9 @@ textarea.form-control-lg {
2310
2323
  }
2311
2324
  }
2312
2325
  .form-select:focus {
2313
- border-color: var(#998fed);
2326
+ border-color: var(#acabeb);
2314
2327
  outline: 0;
2315
- box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2328
+ box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2316
2329
  }
2317
2330
  .form-select[multiple], .form-select[size]:not([size="1"]) {
2318
2331
  padding-left: 0.75rem;
@@ -2343,7 +2356,7 @@ textarea.form-control-lg {
2343
2356
  }
2344
2357
 
2345
2358
  [data-coreui-theme=dark] .form-select {
2346
- --cui-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aab3c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2359
+ --cui-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2347
2360
  }
2348
2361
 
2349
2362
  .form-check {
@@ -2358,29 +2371,30 @@ textarea.form-control-lg {
2358
2371
  }
2359
2372
 
2360
2373
  .form-check-reverse {
2361
- padding-right: 1.5em;
2362
- padding-left: 0;
2363
- text-align: right;
2374
+ padding-left: 1.5em;
2375
+ padding-right: 0;
2376
+ text-align: left;
2364
2377
  }
2365
2378
  .form-check-reverse .form-check-input {
2366
- float: right;
2367
- margin-right: -1.5em;
2368
- margin-left: 0;
2379
+ float: left;
2380
+ margin-left: -1.5em;
2381
+ margin-right: 0;
2369
2382
  }
2370
2383
 
2371
2384
  .form-check-input {
2372
2385
  --cui-form-check-bg: var(--cui-body-bg);
2386
+ flex-shrink: 0;
2373
2387
  width: 1em;
2374
2388
  height: 1em;
2375
2389
  margin-top: 0.25em;
2376
2390
  vertical-align: top;
2391
+ appearance: none;
2377
2392
  background-color: var(--cui-form-check-bg);
2378
2393
  background-image: var(--cui-form-check-bg-image);
2379
2394
  background-repeat: no-repeat;
2380
2395
  background-position: center;
2381
2396
  background-size: contain;
2382
2397
  border: var(--cui-border-width) solid var(--cui-border-color);
2383
- appearance: none;
2384
2398
  print-color-adjust: exact;
2385
2399
  }
2386
2400
  .form-check-input[type=checkbox] {
@@ -2393,13 +2407,13 @@ textarea.form-control-lg {
2393
2407
  filter: brightness(90%);
2394
2408
  }
2395
2409
  .form-check-input:focus {
2396
- border-color: #998fed;
2410
+ border-color: #acabeb;
2397
2411
  outline: 0;
2398
- box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2412
+ box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2399
2413
  }
2400
2414
  .form-check-input:checked {
2401
- background-color: var(--cui-form-check-input-checked-bg-color, #321fdb);
2402
- border-color: var(--cui-form-check-input-checked-border-color, #321fdb);
2415
+ background-color: var(--cui-form-check-input-checked-bg-color, var(--cui-primary));
2416
+ border-color: var(--cui-form-check-input-checked-border-color, var(--cui-primary));
2403
2417
  }
2404
2418
  .form-check-input:checked[type=checkbox] {
2405
2419
  --cui-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@@ -2408,8 +2422,8 @@ textarea.form-control-lg {
2408
2422
  --cui-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='rgba%28255, 255, 255, 0.87%29'/%3e%3c/svg%3e");
2409
2423
  }
2410
2424
  .form-check-input[type=checkbox]:indeterminate {
2411
- background-color: #321fdb;
2412
- border-color: #321fdb;
2425
+ background-color: var(--cui-primary);
2426
+ border-color: var(--cui-primary);
2413
2427
  --cui-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2414
2428
  }
2415
2429
  .form-check-input:disabled {
@@ -2432,7 +2446,7 @@ textarea.form-control-lg {
2432
2446
  .form-switch .form-check-input {
2433
2447
  --cui-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%288, 10, 12, 0.25%29'/%3e%3c/svg%3e");
2434
2448
  width: 2em;
2435
- margin-left: -2.5em;
2449
+ margin-right: -2.5em;
2436
2450
  background-image: var(--cui-form-switch-bg);
2437
2451
  background-position: left center;
2438
2452
  border-radius: 2em;
@@ -2444,19 +2458,19 @@ textarea.form-control-lg {
2444
2458
  }
2445
2459
  }
2446
2460
  .form-switch .form-check-input:focus {
2447
- --cui-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23998fed'/%3e%3c/svg%3e");
2461
+ --cui-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23acabeb'/%3e%3c/svg%3e");
2448
2462
  }
2449
2463
  .form-switch .form-check-input:checked {
2450
2464
  background-position: right center;
2451
2465
  --cui-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.87%29'/%3e%3c/svg%3e");
2452
2466
  }
2453
2467
  .form-switch.form-check-reverse {
2454
- padding-right: 2.5em;
2455
- padding-left: 0;
2468
+ padding-left: 1.5em;
2469
+ padding-right: 0;
2456
2470
  }
2457
2471
  .form-switch.form-check-reverse .form-check-input {
2458
- margin-right: -2.5em;
2459
- margin-left: 0;
2472
+ margin-left: -1.5em;
2473
+ margin-right: 0;
2460
2474
  }
2461
2475
 
2462
2476
  .form-switch-lg {
@@ -2509,17 +2523,17 @@ textarea.form-control-lg {
2509
2523
  width: 100%;
2510
2524
  height: 1.5rem;
2511
2525
  padding: 0;
2512
- background-color: transparent;
2513
2526
  appearance: none;
2527
+ background-color: transparent;
2514
2528
  }
2515
2529
  .form-range:focus {
2516
2530
  outline: 0;
2517
2531
  }
2518
2532
  .form-range:focus::-webkit-slider-thumb {
2519
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2533
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2520
2534
  }
2521
2535
  .form-range:focus::-moz-range-thumb {
2522
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2536
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2523
2537
  }
2524
2538
  .form-range::-moz-focus-outer {
2525
2539
  border: 0;
@@ -2528,11 +2542,11 @@ textarea.form-control-lg {
2528
2542
  width: 1rem;
2529
2543
  height: 1rem;
2530
2544
  margin-top: -0.25rem;
2531
- background-color: #321fdb;
2545
+ appearance: none;
2546
+ background-color: var(--cui-primary);
2532
2547
  border: 0;
2533
2548
  border-radius: 1rem;
2534
2549
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2535
- appearance: none;
2536
2550
  }
2537
2551
  @media (prefers-reduced-motion: reduce) {
2538
2552
  .form-range::-webkit-slider-thumb {
@@ -2540,25 +2554,25 @@ textarea.form-control-lg {
2540
2554
  }
2541
2555
  }
2542
2556
  .form-range::-webkit-slider-thumb:active {
2543
- background-color: #c2bcf4;
2557
+ background-color: #cdccf3;
2544
2558
  }
2545
2559
  .form-range::-webkit-slider-runnable-track {
2546
2560
  width: 100%;
2547
2561
  height: 0.5rem;
2548
2562
  color: transparent;
2549
2563
  cursor: pointer;
2550
- background-color: var(--cui-tertiary-bg);
2564
+ background-color: var(--cui-secondary-bg);
2551
2565
  border-color: transparent;
2552
2566
  border-radius: 1rem;
2553
2567
  }
2554
2568
  .form-range::-moz-range-thumb {
2555
2569
  width: 1rem;
2556
2570
  height: 1rem;
2557
- background-color: #321fdb;
2571
+ appearance: none;
2572
+ background-color: var(--cui-primary);
2558
2573
  border: 0;
2559
2574
  border-radius: 1rem;
2560
2575
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2561
- appearance: none;
2562
2576
  }
2563
2577
  @media (prefers-reduced-motion: reduce) {
2564
2578
  .form-range::-moz-range-thumb {
@@ -2566,14 +2580,14 @@ textarea.form-control-lg {
2566
2580
  }
2567
2581
  }
2568
2582
  .form-range::-moz-range-thumb:active {
2569
- background-color: #c2bcf4;
2583
+ background-color: #cdccf3;
2570
2584
  }
2571
2585
  .form-range::-moz-range-track {
2572
2586
  width: 100%;
2573
2587
  height: 0.5rem;
2574
2588
  color: transparent;
2575
2589
  cursor: pointer;
2576
- background-color: var(--cui-tertiary-bg);
2590
+ background-color: var(--cui-secondary-bg);
2577
2591
  border-color: transparent;
2578
2592
  border-radius: 1rem;
2579
2593
  }
@@ -2600,7 +2614,7 @@ textarea.form-control-lg {
2600
2614
  .form-floating > label {
2601
2615
  position: absolute;
2602
2616
  top: 0;
2603
- left: 0;
2617
+ right: 0;
2604
2618
  z-index: 2;
2605
2619
  height: 100%;
2606
2620
  padding: 1rem 0.75rem;
@@ -2667,10 +2681,12 @@ textarea.form-control-lg {
2667
2681
  .form-floating > .form-control-plaintext ~ label {
2668
2682
  border-width: var(--cui-border-width) 0;
2669
2683
  }
2670
- .form-floating > :disabled ~ label {
2684
+ .form-floating > :disabled ~ label,
2685
+ .form-floating > .form-control:disabled ~ label {
2671
2686
  color: #6d7d9c;
2672
2687
  }
2673
- .form-floating > :disabled ~ label::after {
2688
+ .form-floating > :disabled ~ label::after,
2689
+ .form-floating > .form-control:disabled ~ label::after {
2674
2690
  background-color: var(--cui-secondary-bg);
2675
2691
  }
2676
2692
 
@@ -3028,52 +3044,52 @@ textarea.form-control-lg {
3028
3044
  }
3029
3045
 
3030
3046
  .btn-primary {
3031
- --cui-btn-color: rgba(255, 255, 255, 0.87);
3032
- --cui-btn-bg: #321fdb;
3033
- --cui-btn-border-color: #321fdb;
3034
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3035
- --cui-btn-hover-bg: #5141e0;
3036
- --cui-btn-hover-border-color: #4735df;
3037
- --cui-btn-focus-shadow-rgb: 75, 58, 223;
3038
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3039
- --cui-btn-active-bg: #5b4ce2;
3040
- --cui-btn-active-border-color: #4735df;
3047
+ --cui-btn-color: #fff;
3048
+ --cui-btn-bg: #5856d6;
3049
+ --cui-btn-border-color: #5856d6;
3050
+ --cui-btn-hover-color: #fff;
3051
+ --cui-btn-hover-bg: #4b49b6;
3052
+ --cui-btn-hover-border-color: #4645ab;
3053
+ --cui-btn-focus-shadow-rgb: 113, 111, 220;
3054
+ --cui-btn-active-color: #fff;
3055
+ --cui-btn-active-bg: #4645ab;
3056
+ --cui-btn-active-border-color: #4241a1;
3041
3057
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3042
- --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
3043
- --cui-btn-disabled-bg: #321fdb;
3044
- --cui-btn-disabled-border-color: #321fdb;
3058
+ --cui-btn-disabled-color: #fff;
3059
+ --cui-btn-disabled-bg: #5856d6;
3060
+ --cui-btn-disabled-border-color: #5856d6;
3045
3061
  }
3046
3062
 
3047
3063
  .btn-secondary {
3048
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3064
+ --cui-btn-color: #080a0c;
3049
3065
  --cui-btn-bg: #9da5b1;
3050
3066
  --cui-btn-border-color: #9da5b1;
3051
3067
  --cui-btn-hover-color: #080a0c;
3052
- --cui-btn-hover-bg: #858c96;
3053
- --cui-btn-hover-border-color: #7e848e;
3054
- --cui-btn-focus-shadow-rgb: 140, 148, 160;
3068
+ --cui-btn-hover-bg: #acb3bd;
3069
+ --cui-btn-hover-border-color: #a7aeb9;
3070
+ --cui-btn-focus-shadow-rgb: 135, 142, 152;
3055
3071
  --cui-btn-active-color: #080a0c;
3056
- --cui-btn-active-bg: #7e848e;
3057
- --cui-btn-active-border-color: #767c85;
3072
+ --cui-btn-active-bg: #b1b7c1;
3073
+ --cui-btn-active-border-color: #a7aeb9;
3058
3074
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3059
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3075
+ --cui-btn-disabled-color: #080a0c;
3060
3076
  --cui-btn-disabled-bg: #9da5b1;
3061
3077
  --cui-btn-disabled-border-color: #9da5b1;
3062
3078
  }
3063
3079
 
3064
3080
  .btn-success {
3065
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3081
+ --cui-btn-color: #080a0c;
3066
3082
  --cui-btn-bg: #2eb85c;
3067
3083
  --cui-btn-border-color: #2eb85c;
3068
3084
  --cui-btn-hover-color: #080a0c;
3069
- --cui-btn-hover-bg: #279c4e;
3070
- --cui-btn-hover-border-color: #25934a;
3071
- --cui-btn-focus-shadow-rgb: 45, 165, 87;
3085
+ --cui-btn-hover-bg: #4dc374;
3086
+ --cui-btn-hover-border-color: #43bf6c;
3087
+ --cui-btn-focus-shadow-rgb: 40, 158, 80;
3072
3088
  --cui-btn-active-color: #080a0c;
3073
- --cui-btn-active-bg: #25934a;
3074
- --cui-btn-active-border-color: #238a45;
3089
+ --cui-btn-active-bg: #58c67d;
3090
+ --cui-btn-active-border-color: #43bf6c;
3075
3091
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3076
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3092
+ --cui-btn-disabled-color: #080a0c;
3077
3093
  --cui-btn-disabled-bg: #2eb85c;
3078
3094
  --cui-btn-disabled-border-color: #2eb85c;
3079
3095
  }
@@ -3096,18 +3112,18 @@ textarea.form-control-lg {
3096
3112
  }
3097
3113
 
3098
3114
  .btn-warning {
3099
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3115
+ --cui-btn-color: #080a0c;
3100
3116
  --cui-btn-bg: #f9b115;
3101
3117
  --cui-btn-border-color: #f9b115;
3102
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3103
- --cui-btn-hover-bg: #d49612;
3104
- --cui-btn-hover-border-color: #c78e11;
3105
- --cui-btn-focus-shadow-rgb: 220, 159, 26;
3118
+ --cui-btn-hover-color: #080a0c;
3119
+ --cui-btn-hover-bg: #fabd38;
3120
+ --cui-btn-hover-border-color: #fab92c;
3121
+ --cui-btn-focus-shadow-rgb: 213, 152, 20;
3106
3122
  --cui-btn-active-color: #080a0c;
3107
- --cui-btn-active-bg: #c78e11;
3108
- --cui-btn-active-border-color: #bb8510;
3123
+ --cui-btn-active-bg: #fac144;
3124
+ --cui-btn-active-border-color: #fab92c;
3109
3125
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3110
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3126
+ --cui-btn-disabled-color: #080a0c;
3111
3127
  --cui-btn-disabled-bg: #f9b115;
3112
3128
  --cui-btn-disabled-border-color: #f9b115;
3113
3129
  }
@@ -3116,11 +3132,11 @@ textarea.form-control-lg {
3116
3132
  --cui-btn-color: #080a0c;
3117
3133
  --cui-btn-bg: #39f;
3118
3134
  --cui-btn-border-color: #39f;
3119
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3135
+ --cui-btn-hover-color: #080a0c;
3120
3136
  --cui-btn-hover-bg: #52a8ff;
3121
3137
  --cui-btn-hover-border-color: #47a3ff;
3122
3138
  --cui-btn-focus-shadow-rgb: 45, 132, 219;
3123
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3139
+ --cui-btn-active-color: #080a0c;
3124
3140
  --cui-btn-active-bg: #5cadff;
3125
3141
  --cui-btn-active-border-color: #47a3ff;
3126
3142
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3130,51 +3146,51 @@ textarea.form-control-lg {
3130
3146
  }
3131
3147
 
3132
3148
  .btn-light {
3133
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3149
+ --cui-btn-color: #080a0c;
3134
3150
  --cui-btn-bg: #f3f4f7;
3135
3151
  --cui-btn-border-color: #f3f4f7;
3136
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3137
- --cui-btn-hover-bg: #cfcfd2;
3138
- --cui-btn-hover-border-color: #c2c3c6;
3139
- --cui-btn-focus-shadow-rgb: 215, 216, 220;
3140
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3141
- --cui-btn-active-bg: #c2c3c6;
3142
- --cui-btn-active-border-color: #b6b7b9;
3152
+ --cui-btn-hover-color: #080a0c;
3153
+ --cui-btn-hover-bg: #f5f6f8;
3154
+ --cui-btn-hover-border-color: #f4f5f8;
3155
+ --cui-btn-focus-shadow-rgb: 208, 209, 212;
3156
+ --cui-btn-active-color: #080a0c;
3157
+ --cui-btn-active-bg: #f5f6f9;
3158
+ --cui-btn-active-border-color: #f4f5f8;
3143
3159
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3144
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3160
+ --cui-btn-disabled-color: #080a0c;
3145
3161
  --cui-btn-disabled-bg: #f3f4f7;
3146
3162
  --cui-btn-disabled-border-color: #f3f4f7;
3147
3163
  }
3148
3164
 
3149
3165
  .btn-dark {
3150
- --cui-btn-color: rgba(255, 255, 255, 0.87);
3166
+ --cui-btn-color: #fff;
3151
3167
  --cui-btn-bg: #212631;
3152
3168
  --cui-btn-border-color: #212631;
3153
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3154
- --cui-btn-hover-bg: #424750;
3155
- --cui-btn-hover-border-color: #373c46;
3156
- --cui-btn-focus-shadow-rgb: 60, 64, 74;
3157
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3158
- --cui-btn-active-bg: #4d515a;
3159
- --cui-btn-active-border-color: #373c46;
3169
+ --cui-btn-hover-color: #fff;
3170
+ --cui-btn-hover-bg: #1c202a;
3171
+ --cui-btn-hover-border-color: #1a1e27;
3172
+ --cui-btn-focus-shadow-rgb: 66, 71, 80;
3173
+ --cui-btn-active-color: #fff;
3174
+ --cui-btn-active-bg: #1a1e27;
3175
+ --cui-btn-active-border-color: #191d25;
3160
3176
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3161
- --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
3177
+ --cui-btn-disabled-color: #fff;
3162
3178
  --cui-btn-disabled-bg: #212631;
3163
3179
  --cui-btn-disabled-border-color: #212631;
3164
3180
  }
3165
3181
 
3166
3182
  .btn-outline-primary {
3167
- --cui-btn-color: #321fdb;
3168
- --cui-btn-border-color: #321fdb;
3169
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3170
- --cui-btn-hover-bg: #5b4ce2;
3171
- --cui-btn-hover-border-color: #4735df;
3172
- --cui-btn-focus-shadow-rgb: 50, 31, 219;
3173
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3174
- --cui-btn-active-bg: #5b4ce2;
3175
- --cui-btn-active-border-color: #4735df;
3183
+ --cui-btn-color: #5856d6;
3184
+ --cui-btn-border-color: #5856d6;
3185
+ --cui-btn-hover-color: #fff;
3186
+ --cui-btn-hover-bg: #4645ab;
3187
+ --cui-btn-hover-border-color: #4241a1;
3188
+ --cui-btn-focus-shadow-rgb: 88, 86, 214;
3189
+ --cui-btn-active-color: #fff;
3190
+ --cui-btn-active-bg: #4645ab;
3191
+ --cui-btn-active-border-color: #4241a1;
3176
3192
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3177
- --cui-btn-disabled-color: #321fdb;
3193
+ --cui-btn-disabled-color: #5856d6;
3178
3194
  --cui-btn-disabled-bg: transparent;
3179
3195
  --cui-gradient: none;
3180
3196
  }
@@ -3183,12 +3199,12 @@ textarea.form-control-lg {
3183
3199
  --cui-btn-color: #9da5b1;
3184
3200
  --cui-btn-border-color: #9da5b1;
3185
3201
  --cui-btn-hover-color: #080a0c;
3186
- --cui-btn-hover-bg: #7e848e;
3187
- --cui-btn-hover-border-color: #767c85;
3202
+ --cui-btn-hover-bg: #b1b7c1;
3203
+ --cui-btn-hover-border-color: #a7aeb9;
3188
3204
  --cui-btn-focus-shadow-rgb: 157, 165, 177;
3189
3205
  --cui-btn-active-color: #080a0c;
3190
- --cui-btn-active-bg: #7e848e;
3191
- --cui-btn-active-border-color: #767c85;
3206
+ --cui-btn-active-bg: #b1b7c1;
3207
+ --cui-btn-active-border-color: #a7aeb9;
3192
3208
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3193
3209
  --cui-btn-disabled-color: #9da5b1;
3194
3210
  --cui-btn-disabled-bg: transparent;
@@ -3199,12 +3215,12 @@ textarea.form-control-lg {
3199
3215
  --cui-btn-color: #2eb85c;
3200
3216
  --cui-btn-border-color: #2eb85c;
3201
3217
  --cui-btn-hover-color: #080a0c;
3202
- --cui-btn-hover-bg: #25934a;
3203
- --cui-btn-hover-border-color: #238a45;
3218
+ --cui-btn-hover-bg: #58c67d;
3219
+ --cui-btn-hover-border-color: #43bf6c;
3204
3220
  --cui-btn-focus-shadow-rgb: 46, 184, 92;
3205
3221
  --cui-btn-active-color: #080a0c;
3206
- --cui-btn-active-bg: #25934a;
3207
- --cui-btn-active-border-color: #238a45;
3222
+ --cui-btn-active-bg: #58c67d;
3223
+ --cui-btn-active-border-color: #43bf6c;
3208
3224
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3209
3225
  --cui-btn-disabled-color: #2eb85c;
3210
3226
  --cui-btn-disabled-bg: transparent;
@@ -3230,13 +3246,13 @@ textarea.form-control-lg {
3230
3246
  .btn-outline-warning {
3231
3247
  --cui-btn-color: #f9b115;
3232
3248
  --cui-btn-border-color: #f9b115;
3233
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3234
- --cui-btn-hover-bg: #c78e11;
3235
- --cui-btn-hover-border-color: #bb8510;
3249
+ --cui-btn-hover-color: #080a0c;
3250
+ --cui-btn-hover-bg: #fac144;
3251
+ --cui-btn-hover-border-color: #fab92c;
3236
3252
  --cui-btn-focus-shadow-rgb: 249, 177, 21;
3237
3253
  --cui-btn-active-color: #080a0c;
3238
- --cui-btn-active-bg: #c78e11;
3239
- --cui-btn-active-border-color: #bb8510;
3254
+ --cui-btn-active-bg: #fac144;
3255
+ --cui-btn-active-border-color: #fab92c;
3240
3256
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3241
3257
  --cui-btn-disabled-color: #f9b115;
3242
3258
  --cui-btn-disabled-bg: transparent;
@@ -3246,11 +3262,11 @@ textarea.form-control-lg {
3246
3262
  .btn-outline-info {
3247
3263
  --cui-btn-color: #39f;
3248
3264
  --cui-btn-border-color: #39f;
3249
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3265
+ --cui-btn-hover-color: #080a0c;
3250
3266
  --cui-btn-hover-bg: #5cadff;
3251
3267
  --cui-btn-hover-border-color: #47a3ff;
3252
3268
  --cui-btn-focus-shadow-rgb: 51, 153, 255;
3253
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3269
+ --cui-btn-active-color: #080a0c;
3254
3270
  --cui-btn-active-bg: #5cadff;
3255
3271
  --cui-btn-active-border-color: #47a3ff;
3256
3272
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3262,13 +3278,13 @@ textarea.form-control-lg {
3262
3278
  .btn-outline-light {
3263
3279
  --cui-btn-color: #f3f4f7;
3264
3280
  --cui-btn-border-color: #f3f4f7;
3265
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3266
- --cui-btn-hover-bg: #c2c3c6;
3267
- --cui-btn-hover-border-color: #b6b7b9;
3281
+ --cui-btn-hover-color: #080a0c;
3282
+ --cui-btn-hover-bg: #f5f6f9;
3283
+ --cui-btn-hover-border-color: #f4f5f8;
3268
3284
  --cui-btn-focus-shadow-rgb: 243, 244, 247;
3269
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3270
- --cui-btn-active-bg: #c2c3c6;
3271
- --cui-btn-active-border-color: #b6b7b9;
3285
+ --cui-btn-active-color: #080a0c;
3286
+ --cui-btn-active-bg: #f5f6f9;
3287
+ --cui-btn-active-border-color: #f4f5f8;
3272
3288
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3273
3289
  --cui-btn-disabled-color: #f3f4f7;
3274
3290
  --cui-btn-disabled-bg: transparent;
@@ -3278,13 +3294,13 @@ textarea.form-control-lg {
3278
3294
  .btn-outline-dark {
3279
3295
  --cui-btn-color: #212631;
3280
3296
  --cui-btn-border-color: #212631;
3281
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3282
- --cui-btn-hover-bg: #4d515a;
3283
- --cui-btn-hover-border-color: #373c46;
3297
+ --cui-btn-hover-color: #fff;
3298
+ --cui-btn-hover-bg: #1a1e27;
3299
+ --cui-btn-hover-border-color: #191d25;
3284
3300
  --cui-btn-focus-shadow-rgb: 33, 38, 49;
3285
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3286
- --cui-btn-active-bg: #4d515a;
3287
- --cui-btn-active-border-color: #373c46;
3301
+ --cui-btn-active-color: #fff;
3302
+ --cui-btn-active-bg: #1a1e27;
3303
+ --cui-btn-active-border-color: #191d25;
3288
3304
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3289
3305
  --cui-btn-disabled-color: #212631;
3290
3306
  --cui-btn-disabled-bg: transparent;
@@ -3292,24 +3308,24 @@ textarea.form-control-lg {
3292
3308
  }
3293
3309
 
3294
3310
  .btn-ghost-primary {
3295
- --cui-btn-color: #321fdb;
3296
- --cui-btn-hover-bg: #5141e0;
3297
- --cui-btn-hover-border-color: #4735df;
3298
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3299
- --cui-btn-active-bg: #5b4ce2;
3300
- --cui-btn-active-border-color: #4735df;
3301
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3302
- --cui-btn-disabled-color: #321fdb;
3303
- --cui-btn-shadow: rgba(50, 31, 219, 0.5);
3311
+ --cui-btn-color: #5856d6;
3312
+ --cui-btn-hover-bg: #4b49b6;
3313
+ --cui-btn-hover-border-color: #4645ab;
3314
+ --cui-btn-hover-color: #fff;
3315
+ --cui-btn-active-bg: #4645ab;
3316
+ --cui-btn-active-border-color: #4241a1;
3317
+ --cui-btn-active-color: #fff;
3318
+ --cui-btn-disabled-color: #5856d6;
3319
+ --cui-btn-shadow: rgba(88, 86, 214, 0.5);
3304
3320
  }
3305
3321
 
3306
3322
  .btn-ghost-secondary {
3307
3323
  --cui-btn-color: #9da5b1;
3308
- --cui-btn-hover-bg: #858c96;
3309
- --cui-btn-hover-border-color: #7e848e;
3324
+ --cui-btn-hover-bg: #acb3bd;
3325
+ --cui-btn-hover-border-color: #a7aeb9;
3310
3326
  --cui-btn-hover-color: #080a0c;
3311
- --cui-btn-active-bg: #7e848e;
3312
- --cui-btn-active-border-color: #767c85;
3327
+ --cui-btn-active-bg: #b1b7c1;
3328
+ --cui-btn-active-border-color: #a7aeb9;
3313
3329
  --cui-btn-active-color: #080a0c;
3314
3330
  --cui-btn-disabled-color: #9da5b1;
3315
3331
  --cui-btn-shadow: rgba(157, 165, 177, 0.5);
@@ -3317,11 +3333,11 @@ textarea.form-control-lg {
3317
3333
 
3318
3334
  .btn-ghost-success {
3319
3335
  --cui-btn-color: #2eb85c;
3320
- --cui-btn-hover-bg: #279c4e;
3321
- --cui-btn-hover-border-color: #25934a;
3336
+ --cui-btn-hover-bg: #4dc374;
3337
+ --cui-btn-hover-border-color: #43bf6c;
3322
3338
  --cui-btn-hover-color: #080a0c;
3323
- --cui-btn-active-bg: #25934a;
3324
- --cui-btn-active-border-color: #238a45;
3339
+ --cui-btn-active-bg: #58c67d;
3340
+ --cui-btn-active-border-color: #43bf6c;
3325
3341
  --cui-btn-active-color: #080a0c;
3326
3342
  --cui-btn-disabled-color: #2eb85c;
3327
3343
  --cui-btn-shadow: rgba(46, 184, 92, 0.5);
@@ -3341,11 +3357,11 @@ textarea.form-control-lg {
3341
3357
 
3342
3358
  .btn-ghost-warning {
3343
3359
  --cui-btn-color: #f9b115;
3344
- --cui-btn-hover-bg: #d49612;
3345
- --cui-btn-hover-border-color: #c78e11;
3346
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3347
- --cui-btn-active-bg: #c78e11;
3348
- --cui-btn-active-border-color: #bb8510;
3360
+ --cui-btn-hover-bg: #fabd38;
3361
+ --cui-btn-hover-border-color: #fab92c;
3362
+ --cui-btn-hover-color: #080a0c;
3363
+ --cui-btn-active-bg: #fac144;
3364
+ --cui-btn-active-border-color: #fab92c;
3349
3365
  --cui-btn-active-color: #080a0c;
3350
3366
  --cui-btn-disabled-color: #f9b115;
3351
3367
  --cui-btn-shadow: rgba(249, 177, 21, 0.5);
@@ -3355,34 +3371,34 @@ textarea.form-control-lg {
3355
3371
  --cui-btn-color: #39f;
3356
3372
  --cui-btn-hover-bg: #52a8ff;
3357
3373
  --cui-btn-hover-border-color: #47a3ff;
3358
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3374
+ --cui-btn-hover-color: #080a0c;
3359
3375
  --cui-btn-active-bg: #5cadff;
3360
3376
  --cui-btn-active-border-color: #47a3ff;
3361
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3377
+ --cui-btn-active-color: #080a0c;
3362
3378
  --cui-btn-disabled-color: #39f;
3363
3379
  --cui-btn-shadow: rgba(51, 153, 255, 0.5);
3364
3380
  }
3365
3381
 
3366
3382
  .btn-ghost-light {
3367
3383
  --cui-btn-color: #f3f4f7;
3368
- --cui-btn-hover-bg: #cfcfd2;
3369
- --cui-btn-hover-border-color: #c2c3c6;
3370
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3371
- --cui-btn-active-bg: #c2c3c6;
3372
- --cui-btn-active-border-color: #b6b7b9;
3373
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3384
+ --cui-btn-hover-bg: #f5f6f8;
3385
+ --cui-btn-hover-border-color: #f4f5f8;
3386
+ --cui-btn-hover-color: #080a0c;
3387
+ --cui-btn-active-bg: #f5f6f9;
3388
+ --cui-btn-active-border-color: #f4f5f8;
3389
+ --cui-btn-active-color: #080a0c;
3374
3390
  --cui-btn-disabled-color: #f3f4f7;
3375
3391
  --cui-btn-shadow: rgba(243, 244, 247, 0.5);
3376
3392
  }
3377
3393
 
3378
3394
  .btn-ghost-dark {
3379
3395
  --cui-btn-color: #212631;
3380
- --cui-btn-hover-bg: #424750;
3381
- --cui-btn-hover-border-color: #373c46;
3382
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3383
- --cui-btn-active-bg: #4d515a;
3384
- --cui-btn-active-border-color: #373c46;
3385
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3396
+ --cui-btn-hover-bg: #1c202a;
3397
+ --cui-btn-hover-border-color: #1a1e27;
3398
+ --cui-btn-hover-color: #fff;
3399
+ --cui-btn-active-bg: #1a1e27;
3400
+ --cui-btn-active-border-color: #191d25;
3401
+ --cui-btn-active-color: #fff;
3386
3402
  --cui-btn-disabled-color: #212631;
3387
3403
  --cui-btn-shadow: rgba(33, 38, 49, 0.5);
3388
3404
  }
@@ -3398,7 +3414,7 @@ textarea.form-control-lg {
3398
3414
  --cui-btn-disabled-color: #6d7d9c;
3399
3415
  --cui-btn-disabled-border-color: transparent;
3400
3416
  --cui-btn-box-shadow: none;
3401
- --cui-btn-focus-shadow-rgb: 75, 58, 223;
3417
+ --cui-btn-focus-shadow-rgb: 113, 111, 220;
3402
3418
  text-decoration: underline;
3403
3419
  }
3404
3420
  .btn-link:focus-visible {
@@ -3421,49 +3437,49 @@ textarea.form-control-lg {
3421
3437
 
3422
3438
  [data-coreui-theme=dark] .btn-primary {
3423
3439
  --cui-btn-color: #fff;
3424
- --cui-btn-bg: #6b60ce;
3425
- --cui-btn-border-color: #6b60ce;
3426
- --cui-btn-hover-color: #080a0c;
3427
- --cui-btn-hover-bg: #8178d5;
3428
- --cui-btn-hover-border-color: #7a70d3;
3429
- --cui-btn-focus-shadow-rgb: 129, 120, 213;
3430
- --cui-btn-active-color: #080a0c;
3431
- --cui-btn-active-bg: #8980d8;
3432
- --cui-btn-active-border-color: #7a70d3;
3440
+ --cui-btn-bg: #6261cc;
3441
+ --cui-btn-border-color: #6261cc;
3442
+ --cui-btn-hover-color: #fff;
3443
+ --cui-btn-hover-bg: #5352ad;
3444
+ --cui-btn-hover-border-color: #4e4ea3;
3445
+ --cui-btn-focus-shadow-rgb: 122, 121, 212;
3446
+ --cui-btn-active-color: #fff;
3447
+ --cui-btn-active-bg: #4e4ea3;
3448
+ --cui-btn-active-border-color: #4a4999;
3433
3449
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3434
3450
  --cui-btn-disabled-color: #fff;
3435
- --cui-btn-disabled-bg: #6b60ce;
3436
- --cui-btn-disabled-border-color: #6b60ce;
3451
+ --cui-btn-disabled-bg: #6261cc;
3452
+ --cui-btn-disabled-border-color: #6261cc;
3437
3453
  }
3438
3454
  [data-coreui-theme=dark] .btn-secondary {
3439
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3455
+ --cui-btn-color: #080a0c;
3440
3456
  --cui-btn-bg: #a6a7a8;
3441
3457
  --cui-btn-border-color: #a6a7a8;
3442
3458
  --cui-btn-hover-color: #080a0c;
3443
- --cui-btn-hover-bg: #8d8e8f;
3444
- --cui-btn-hover-border-color: #858686;
3445
- --cui-btn-focus-shadow-rgb: 148, 150, 152;
3459
+ --cui-btn-hover-bg: #b3b4b5;
3460
+ --cui-btn-hover-border-color: #afb0b1;
3461
+ --cui-btn-focus-shadow-rgb: 142, 143, 145;
3446
3462
  --cui-btn-active-color: #080a0c;
3447
- --cui-btn-active-bg: #858686;
3448
- --cui-btn-active-border-color: #7d7d7e;
3463
+ --cui-btn-active-bg: #b8b9b9;
3464
+ --cui-btn-active-border-color: #afb0b1;
3449
3465
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3450
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3466
+ --cui-btn-disabled-color: #080a0c;
3451
3467
  --cui-btn-disabled-bg: #a6a7a8;
3452
3468
  --cui-btn-disabled-border-color: #a6a7a8;
3453
3469
  }
3454
3470
  [data-coreui-theme=dark] .btn-success {
3455
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3471
+ --cui-btn-color: #080a0c;
3456
3472
  --cui-btn-bg: #3aad60;
3457
3473
  --cui-btn-border-color: #3aad60;
3458
3474
  --cui-btn-hover-color: #080a0c;
3459
- --cui-btn-hover-bg: #319352;
3460
- --cui-btn-hover-border-color: #2e8a4d;
3461
- --cui-btn-focus-shadow-rgb: 55, 155, 90;
3462
- --cui-btn-active-color: #fff;
3463
- --cui-btn-active-bg: #2e8a4d;
3464
- --cui-btn-active-border-color: #2c8248;
3475
+ --cui-btn-hover-bg: #58b978;
3476
+ --cui-btn-hover-border-color: #4eb570;
3477
+ --cui-btn-focus-shadow-rgb: 51, 149, 83;
3478
+ --cui-btn-active-color: #080a0c;
3479
+ --cui-btn-active-bg: #61bd80;
3480
+ --cui-btn-active-border-color: #4eb570;
3465
3481
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3466
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3482
+ --cui-btn-disabled-color: #080a0c;
3467
3483
  --cui-btn-disabled-bg: #3aad60;
3468
3484
  --cui-btn-disabled-border-color: #3aad60;
3469
3485
  }
@@ -3484,18 +3500,18 @@ textarea.form-control-lg {
3484
3500
  --cui-btn-disabled-border-color: #db5d5d;
3485
3501
  }
3486
3502
  [data-coreui-theme=dark] .btn-warning {
3487
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3503
+ --cui-btn-color: #080a0c;
3488
3504
  --cui-btn-bg: #edad21;
3489
3505
  --cui-btn-border-color: #edad21;
3490
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3491
- --cui-btn-hover-bg: #c9931c;
3492
- --cui-btn-hover-border-color: #be8a1a;
3493
- --cui-btn-focus-shadow-rgb: 209, 155, 36;
3506
+ --cui-btn-hover-color: #080a0c;
3507
+ --cui-btn-hover-bg: #f0b942;
3508
+ --cui-btn-hover-border-color: #efb537;
3509
+ --cui-btn-focus-shadow-rgb: 203, 149, 30;
3494
3510
  --cui-btn-active-color: #080a0c;
3495
- --cui-btn-active-bg: #be8a1a;
3496
- --cui-btn-active-border-color: #b28219;
3511
+ --cui-btn-active-bg: #f1bd4d;
3512
+ --cui-btn-active-border-color: #efb537;
3497
3513
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3498
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3514
+ --cui-btn-disabled-color: #080a0c;
3499
3515
  --cui-btn-disabled-bg: #edad21;
3500
3516
  --cui-btn-disabled-border-color: #edad21;
3501
3517
  }
@@ -3503,11 +3519,11 @@ textarea.form-control-lg {
3503
3519
  --cui-btn-color: #080a0c;
3504
3520
  --cui-btn-bg: #3d99f5;
3505
3521
  --cui-btn-border-color: #3d99f5;
3506
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3522
+ --cui-btn-hover-color: #080a0c;
3507
3523
  --cui-btn-hover-bg: #5aa8f7;
3508
3524
  --cui-btn-hover-border-color: #50a3f6;
3509
3525
  --cui-btn-focus-shadow-rgb: 53, 132, 210;
3510
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3526
+ --cui-btn-active-color: #080a0c;
3511
3527
  --cui-btn-active-bg: #64adf7;
3512
3528
  --cui-btn-active-border-color: #50a3f6;
3513
3529
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3516,17 +3532,17 @@ textarea.form-control-lg {
3516
3532
  --cui-btn-disabled-border-color: #3d99f5;
3517
3533
  }
3518
3534
  [data-coreui-theme=dark] .btn-outline-primary {
3519
- --cui-btn-color: #6b60ce;
3520
- --cui-btn-border-color: #6b60ce;
3521
- --cui-btn-hover-color: #080a0c;
3522
- --cui-btn-hover-bg: #8980d8;
3523
- --cui-btn-hover-border-color: #7a70d3;
3524
- --cui-btn-focus-shadow-rgb: 107, 96, 206;
3525
- --cui-btn-active-color: #080a0c;
3526
- --cui-btn-active-bg: #8980d8;
3527
- --cui-btn-active-border-color: #7a70d3;
3535
+ --cui-btn-color: #6261cc;
3536
+ --cui-btn-border-color: #6261cc;
3537
+ --cui-btn-hover-color: #fff;
3538
+ --cui-btn-hover-bg: #4e4ea3;
3539
+ --cui-btn-hover-border-color: #4a4999;
3540
+ --cui-btn-focus-shadow-rgb: 98, 97, 204;
3541
+ --cui-btn-active-color: #fff;
3542
+ --cui-btn-active-bg: #4e4ea3;
3543
+ --cui-btn-active-border-color: #4a4999;
3528
3544
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3529
- --cui-btn-disabled-color: #6b60ce;
3545
+ --cui-btn-disabled-color: #6261cc;
3530
3546
  --cui-btn-disabled-bg: transparent;
3531
3547
  --cui-gradient: none;
3532
3548
  }
@@ -3534,12 +3550,12 @@ textarea.form-control-lg {
3534
3550
  --cui-btn-color: #a6a7a8;
3535
3551
  --cui-btn-border-color: #a6a7a8;
3536
3552
  --cui-btn-hover-color: #080a0c;
3537
- --cui-btn-hover-bg: #858686;
3538
- --cui-btn-hover-border-color: #7d7d7e;
3553
+ --cui-btn-hover-bg: #b8b9b9;
3554
+ --cui-btn-hover-border-color: #afb0b1;
3539
3555
  --cui-btn-focus-shadow-rgb: 166, 167, 168;
3540
3556
  --cui-btn-active-color: #080a0c;
3541
- --cui-btn-active-bg: #858686;
3542
- --cui-btn-active-border-color: #7d7d7e;
3557
+ --cui-btn-active-bg: #b8b9b9;
3558
+ --cui-btn-active-border-color: #afb0b1;
3543
3559
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3544
3560
  --cui-btn-disabled-color: #a6a7a8;
3545
3561
  --cui-btn-disabled-bg: transparent;
@@ -3549,12 +3565,12 @@ textarea.form-control-lg {
3549
3565
  --cui-btn-color: #3aad60;
3550
3566
  --cui-btn-border-color: #3aad60;
3551
3567
  --cui-btn-hover-color: #080a0c;
3552
- --cui-btn-hover-bg: #2e8a4d;
3553
- --cui-btn-hover-border-color: #2c8248;
3568
+ --cui-btn-hover-bg: #61bd80;
3569
+ --cui-btn-hover-border-color: #4eb570;
3554
3570
  --cui-btn-focus-shadow-rgb: 58, 173, 96;
3555
- --cui-btn-active-color: #fff;
3556
- --cui-btn-active-bg: #2e8a4d;
3557
- --cui-btn-active-border-color: #2c8248;
3571
+ --cui-btn-active-color: #080a0c;
3572
+ --cui-btn-active-bg: #61bd80;
3573
+ --cui-btn-active-border-color: #4eb570;
3558
3574
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3559
3575
  --cui-btn-disabled-color: #3aad60;
3560
3576
  --cui-btn-disabled-bg: transparent;
@@ -3578,13 +3594,13 @@ textarea.form-control-lg {
3578
3594
  [data-coreui-theme=dark] .btn-outline-warning {
3579
3595
  --cui-btn-color: #edad21;
3580
3596
  --cui-btn-border-color: #edad21;
3581
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3582
- --cui-btn-hover-bg: #be8a1a;
3583
- --cui-btn-hover-border-color: #b28219;
3597
+ --cui-btn-hover-color: #080a0c;
3598
+ --cui-btn-hover-bg: #f1bd4d;
3599
+ --cui-btn-hover-border-color: #efb537;
3584
3600
  --cui-btn-focus-shadow-rgb: 237, 173, 33;
3585
3601
  --cui-btn-active-color: #080a0c;
3586
- --cui-btn-active-bg: #be8a1a;
3587
- --cui-btn-active-border-color: #b28219;
3602
+ --cui-btn-active-bg: #f1bd4d;
3603
+ --cui-btn-active-border-color: #efb537;
3588
3604
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3589
3605
  --cui-btn-disabled-color: #edad21;
3590
3606
  --cui-btn-disabled-bg: transparent;
@@ -3593,11 +3609,11 @@ textarea.form-control-lg {
3593
3609
  [data-coreui-theme=dark] .btn-outline-info {
3594
3610
  --cui-btn-color: #3d99f5;
3595
3611
  --cui-btn-border-color: #3d99f5;
3596
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3612
+ --cui-btn-hover-color: #080a0c;
3597
3613
  --cui-btn-hover-bg: #64adf7;
3598
3614
  --cui-btn-hover-border-color: #50a3f6;
3599
3615
  --cui-btn-focus-shadow-rgb: 61, 153, 245;
3600
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3616
+ --cui-btn-active-color: #080a0c;
3601
3617
  --cui-btn-active-bg: #64adf7;
3602
3618
  --cui-btn-active-border-color: #50a3f6;
3603
3619
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3606,35 +3622,35 @@ textarea.form-control-lg {
3606
3622
  --cui-gradient: none;
3607
3623
  }
3608
3624
  [data-coreui-theme=dark] .btn-ghost-primary {
3609
- --cui-btn-color: #6b60ce;
3610
- --cui-btn-hover-bg: #8178d5;
3611
- --cui-btn-hover-border-color: #7a70d3;
3612
- --cui-btn-hover-color: #080a0c;
3613
- --cui-btn-active-bg: #8980d8;
3614
- --cui-btn-active-border-color: #7a70d3;
3615
- --cui-btn-active-color: #080a0c;
3616
- --cui-btn-disabled-color: #6b60ce;
3617
- --cui-btn-shadow: rgba(107, 96, 206, 0.5);
3625
+ --cui-btn-color: #6261cc;
3626
+ --cui-btn-hover-bg: #5352ad;
3627
+ --cui-btn-hover-border-color: #4e4ea3;
3628
+ --cui-btn-hover-color: #fff;
3629
+ --cui-btn-active-bg: #4e4ea3;
3630
+ --cui-btn-active-border-color: #4a4999;
3631
+ --cui-btn-active-color: #fff;
3632
+ --cui-btn-disabled-color: #6261cc;
3633
+ --cui-btn-shadow: rgba(98, 97, 204, 0.5);
3618
3634
  }
3619
3635
  [data-coreui-theme=dark] .btn-ghost-secondary {
3620
3636
  --cui-btn-color: #a6a7a8;
3621
- --cui-btn-hover-bg: #8d8e8f;
3622
- --cui-btn-hover-border-color: #858686;
3637
+ --cui-btn-hover-bg: #b3b4b5;
3638
+ --cui-btn-hover-border-color: #afb0b1;
3623
3639
  --cui-btn-hover-color: #080a0c;
3624
- --cui-btn-active-bg: #858686;
3625
- --cui-btn-active-border-color: #7d7d7e;
3640
+ --cui-btn-active-bg: #b8b9b9;
3641
+ --cui-btn-active-border-color: #afb0b1;
3626
3642
  --cui-btn-active-color: #080a0c;
3627
3643
  --cui-btn-disabled-color: #a6a7a8;
3628
3644
  --cui-btn-shadow: rgba(166, 167, 168, 0.5);
3629
3645
  }
3630
3646
  [data-coreui-theme=dark] .btn-ghost-success {
3631
3647
  --cui-btn-color: #3aad60;
3632
- --cui-btn-hover-bg: #319352;
3633
- --cui-btn-hover-border-color: #2e8a4d;
3648
+ --cui-btn-hover-bg: #58b978;
3649
+ --cui-btn-hover-border-color: #4eb570;
3634
3650
  --cui-btn-hover-color: #080a0c;
3635
- --cui-btn-active-bg: #2e8a4d;
3636
- --cui-btn-active-border-color: #2c8248;
3637
- --cui-btn-active-color: #fff;
3651
+ --cui-btn-active-bg: #61bd80;
3652
+ --cui-btn-active-border-color: #4eb570;
3653
+ --cui-btn-active-color: #080a0c;
3638
3654
  --cui-btn-disabled-color: #3aad60;
3639
3655
  --cui-btn-shadow: rgba(58, 173, 96, 0.5);
3640
3656
  }
@@ -3651,11 +3667,11 @@ textarea.form-control-lg {
3651
3667
  }
3652
3668
  [data-coreui-theme=dark] .btn-ghost-warning {
3653
3669
  --cui-btn-color: #edad21;
3654
- --cui-btn-hover-bg: #c9931c;
3655
- --cui-btn-hover-border-color: #be8a1a;
3656
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3657
- --cui-btn-active-bg: #be8a1a;
3658
- --cui-btn-active-border-color: #b28219;
3670
+ --cui-btn-hover-bg: #f0b942;
3671
+ --cui-btn-hover-border-color: #efb537;
3672
+ --cui-btn-hover-color: #080a0c;
3673
+ --cui-btn-active-bg: #f1bd4d;
3674
+ --cui-btn-active-border-color: #efb537;
3659
3675
  --cui-btn-active-color: #080a0c;
3660
3676
  --cui-btn-disabled-color: #edad21;
3661
3677
  --cui-btn-shadow: rgba(237, 173, 33, 0.5);
@@ -3664,10 +3680,10 @@ textarea.form-control-lg {
3664
3680
  --cui-btn-color: #3d99f5;
3665
3681
  --cui-btn-hover-bg: #5aa8f7;
3666
3682
  --cui-btn-hover-border-color: #50a3f6;
3667
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3683
+ --cui-btn-hover-color: #080a0c;
3668
3684
  --cui-btn-active-bg: #64adf7;
3669
3685
  --cui-btn-active-border-color: #50a3f6;
3670
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3686
+ --cui-btn-active-color: #080a0c;
3671
3687
  --cui-btn-disabled-color: #3d99f5;
3672
3688
  --cui-btn-shadow: rgba(61, 153, 245, 0.5);
3673
3689
  }
@@ -3723,7 +3739,7 @@ textarea.form-control-lg {
3723
3739
  }
3724
3740
  .dropdown-toggle::after {
3725
3741
  display: inline-block;
3726
- margin-left: 0.255em;
3742
+ margin-right: 0.255em;
3727
3743
  vertical-align: 0.255em;
3728
3744
  content: "";
3729
3745
  border-top: 0.3em solid;
@@ -3732,7 +3748,7 @@ textarea.form-control-lg {
3732
3748
  border-left: 0.3em solid transparent;
3733
3749
  }
3734
3750
  .dropdown-toggle:empty::after {
3735
- margin-left: 0;
3751
+ margin-right: 0;
3736
3752
  }
3737
3753
 
3738
3754
  .dropdown-menu {
@@ -3750,12 +3766,12 @@ textarea.form-control-lg {
3750
3766
  --cui-dropdown-inner-border-radius: calc(var(--cui-border-radius) - var(--cui-border-width));
3751
3767
  --cui-dropdown-divider-bg: var(--cui-border-color-translucent);
3752
3768
  --cui-dropdown-divider-margin-y: 0.5rem;
3753
- --cui-dropdown-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
3769
+ --cui-dropdown-box-shadow: var(--cui-box-shadow);
3754
3770
  --cui-dropdown-link-color: var(--cui-body-color);
3755
3771
  --cui-dropdown-link-hover-color: var(--cui-body-color);
3756
3772
  --cui-dropdown-link-hover-bg: var(--cui-tertiary-bg);
3757
3773
  --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
3758
- --cui-dropdown-link-active-bg: #321fdb;
3774
+ --cui-dropdown-link-active-bg: var(--cui-primary);
3759
3775
  --cui-dropdown-link-disabled-color: var(--cui-tertiary-color);
3760
3776
  --cui-dropdown-item-padding-x: 1rem;
3761
3777
  --cui-dropdown-item-padding-y: 0.25rem;
@@ -3787,16 +3803,16 @@ textarea.form-control-lg {
3787
3803
  --cui-position: start;
3788
3804
  }
3789
3805
  .dropdown-menu-start[data-coreui-popper] {
3790
- right: auto;
3791
- left: 0;
3806
+ left: auto;
3807
+ right: 0;
3792
3808
  }
3793
3809
 
3794
3810
  .dropdown-menu-end {
3795
3811
  --cui-position: end;
3796
3812
  }
3797
3813
  .dropdown-menu-end[data-coreui-popper] {
3798
- right: 0;
3799
- left: auto;
3814
+ left: 0;
3815
+ right: auto;
3800
3816
  }
3801
3817
 
3802
3818
  @media (min-width: 576px) {
@@ -3804,15 +3820,15 @@ textarea.form-control-lg {
3804
3820
  --cui-position: start;
3805
3821
  }
3806
3822
  .dropdown-menu-sm-start[data-coreui-popper] {
3807
- right: auto;
3808
- left: 0;
3823
+ left: auto;
3824
+ right: 0;
3809
3825
  }
3810
3826
  .dropdown-menu-sm-end {
3811
3827
  --cui-position: end;
3812
3828
  }
3813
3829
  .dropdown-menu-sm-end[data-coreui-popper] {
3814
- right: 0;
3815
- left: auto;
3830
+ left: 0;
3831
+ right: auto;
3816
3832
  }
3817
3833
  }
3818
3834
  @media (min-width: 768px) {
@@ -3820,15 +3836,15 @@ textarea.form-control-lg {
3820
3836
  --cui-position: start;
3821
3837
  }
3822
3838
  .dropdown-menu-md-start[data-coreui-popper] {
3823
- right: auto;
3824
- left: 0;
3839
+ left: auto;
3840
+ right: 0;
3825
3841
  }
3826
3842
  .dropdown-menu-md-end {
3827
3843
  --cui-position: end;
3828
3844
  }
3829
3845
  .dropdown-menu-md-end[data-coreui-popper] {
3830
- right: 0;
3831
- left: auto;
3846
+ left: 0;
3847
+ right: auto;
3832
3848
  }
3833
3849
  }
3834
3850
  @media (min-width: 992px) {
@@ -3836,15 +3852,15 @@ textarea.form-control-lg {
3836
3852
  --cui-position: start;
3837
3853
  }
3838
3854
  .dropdown-menu-lg-start[data-coreui-popper] {
3839
- right: auto;
3840
- left: 0;
3855
+ left: auto;
3856
+ right: 0;
3841
3857
  }
3842
3858
  .dropdown-menu-lg-end {
3843
3859
  --cui-position: end;
3844
3860
  }
3845
3861
  .dropdown-menu-lg-end[data-coreui-popper] {
3846
- right: 0;
3847
- left: auto;
3862
+ left: 0;
3863
+ right: auto;
3848
3864
  }
3849
3865
  }
3850
3866
  @media (min-width: 1200px) {
@@ -3852,15 +3868,15 @@ textarea.form-control-lg {
3852
3868
  --cui-position: start;
3853
3869
  }
3854
3870
  .dropdown-menu-xl-start[data-coreui-popper] {
3855
- right: auto;
3856
- left: 0;
3871
+ left: auto;
3872
+ right: 0;
3857
3873
  }
3858
3874
  .dropdown-menu-xl-end {
3859
3875
  --cui-position: end;
3860
3876
  }
3861
3877
  .dropdown-menu-xl-end[data-coreui-popper] {
3862
- right: 0;
3863
- left: auto;
3878
+ left: 0;
3879
+ right: auto;
3864
3880
  }
3865
3881
  }
3866
3882
  @media (min-width: 1400px) {
@@ -3868,15 +3884,15 @@ textarea.form-control-lg {
3868
3884
  --cui-position: start;
3869
3885
  }
3870
3886
  .dropdown-menu-xxl-start[data-coreui-popper] {
3871
- right: auto;
3872
- left: 0;
3887
+ left: auto;
3888
+ right: 0;
3873
3889
  }
3874
3890
  .dropdown-menu-xxl-end {
3875
3891
  --cui-position: end;
3876
3892
  }
3877
3893
  .dropdown-menu-xxl-end[data-coreui-popper] {
3878
- right: 0;
3879
- left: auto;
3894
+ left: 0;
3895
+ right: auto;
3880
3896
  }
3881
3897
  }
3882
3898
  .dropup .dropdown-menu[data-coreui-popper] {
@@ -3887,7 +3903,7 @@ textarea.form-control-lg {
3887
3903
  }
3888
3904
  .dropup .dropdown-toggle::after {
3889
3905
  display: inline-block;
3890
- margin-left: 0.255em;
3906
+ margin-right: 0.255em;
3891
3907
  vertical-align: 0.255em;
3892
3908
  content: "";
3893
3909
  border-top: 0;
@@ -3896,7 +3912,7 @@ textarea.form-control-lg {
3896
3912
  border-left: 0.3em solid transparent;
3897
3913
  }
3898
3914
  .dropup .dropdown-toggle:empty::after {
3899
- margin-left: 0;
3915
+ margin-right: 0;
3900
3916
  }
3901
3917
 
3902
3918
  .dropend .dropdown-menu[data-coreui-popper] {
@@ -3908,7 +3924,7 @@ textarea.form-control-lg {
3908
3924
  }
3909
3925
  .dropend .dropdown-toggle::after {
3910
3926
  display: inline-block;
3911
- margin-left: 0.255em;
3927
+ margin-right: 0.255em;
3912
3928
  vertical-align: 0.255em;
3913
3929
  content: "";
3914
3930
  border-top: 0.3em solid transparent;
@@ -3917,7 +3933,7 @@ textarea.form-control-lg {
3917
3933
  border-left: 0.3em solid;
3918
3934
  }
3919
3935
  .dropend .dropdown-toggle:empty::after {
3920
- margin-left: 0;
3936
+ margin-right: 0;
3921
3937
  }
3922
3938
  .dropend .dropdown-toggle::after {
3923
3939
  vertical-align: 0;
@@ -3932,7 +3948,7 @@ textarea.form-control-lg {
3932
3948
  }
3933
3949
  .dropstart .dropdown-toggle::after {
3934
3950
  display: inline-block;
3935
- margin-left: 0.255em;
3951
+ margin-right: 0.255em;
3936
3952
  vertical-align: 0.255em;
3937
3953
  content: "";
3938
3954
  }
@@ -3941,7 +3957,7 @@ textarea.form-control-lg {
3941
3957
  }
3942
3958
  .dropstart .dropdown-toggle::before {
3943
3959
  display: inline-block;
3944
- margin-right: 0.255em;
3960
+ margin-left: 0.255em;
3945
3961
  vertical-align: 0.255em;
3946
3962
  content: "";
3947
3963
  border-top: 0.3em solid transparent;
@@ -3949,7 +3965,7 @@ textarea.form-control-lg {
3949
3965
  border-bottom: 0.3em solid transparent;
3950
3966
  }
3951
3967
  .dropstart .dropdown-toggle:empty::after {
3952
- margin-left: 0;
3968
+ margin-right: 0;
3953
3969
  }
3954
3970
  .dropstart .dropdown-toggle::before {
3955
3971
  vertical-align: 0;
@@ -4021,7 +4037,7 @@ textarea.form-control-lg {
4021
4037
  --cui-dropdown-divider-bg: var(--cui-border-color-translucent);
4022
4038
  --cui-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
4023
4039
  --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
4024
- --cui-dropdown-link-active-bg: #321fdb;
4040
+ --cui-dropdown-link-active-bg: var(--cui-primary);
4025
4041
  --cui-dropdown-link-disabled-color: #aab3c5;
4026
4042
  --cui-dropdown-header-color: #aab3c5;
4027
4043
  }
@@ -4066,7 +4082,7 @@ textarea.form-control-lg {
4066
4082
  }
4067
4083
  .btn-group > :not(.btn-check:first-child) + .btn,
4068
4084
  .btn-group > .btn-group:not(:first-child) {
4069
- margin-left: calc(var(--cui-border-width) * -1);
4085
+ margin-right: calc(var(--cui-border-width) * -1);
4070
4086
  }
4071
4087
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
4072
4088
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -4086,10 +4102,10 @@ textarea.form-control-lg {
4086
4102
  padding-left: 0.5625rem;
4087
4103
  }
4088
4104
  .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
4089
- margin-left: 0;
4105
+ margin-right: 0;
4090
4106
  }
4091
4107
  .dropstart .dropdown-toggle-split::before {
4092
- margin-right: 0;
4108
+ margin-left: 0;
4093
4109
  }
4094
4110
 
4095
4111
  .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
@@ -4161,9 +4177,9 @@ textarea.form-control-lg {
4161
4177
  }
4162
4178
  .nav-link:focus-visible {
4163
4179
  outline: 0;
4164
- box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
4180
+ box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
4165
4181
  }
4166
- .nav-link.disabled {
4182
+ .nav-link.disabled, .nav-link:disabled {
4167
4183
  color: var(--cui-nav-link-disabled-color);
4168
4184
  pointer-events: none;
4169
4185
  cursor: default;
@@ -4181,7 +4197,6 @@ textarea.form-control-lg {
4181
4197
  }
4182
4198
  .nav-tabs .nav-link {
4183
4199
  margin-bottom: calc(-1 * var(--cui-nav-tabs-border-width));
4184
- background: none;
4185
4200
  border: var(--cui-nav-tabs-border-width) solid transparent;
4186
4201
  border-top-left-radius: var(--cui-nav-tabs-border-radius);
4187
4202
  border-top-right-radius: var(--cui-nav-tabs-border-radius);
@@ -4190,11 +4205,6 @@ textarea.form-control-lg {
4190
4205
  isolation: isolate;
4191
4206
  border-color: var(--cui-nav-tabs-link-hover-border-color);
4192
4207
  }
4193
- .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
4194
- color: var(--cui-nav-link-disabled-color);
4195
- background-color: transparent;
4196
- border-color: transparent;
4197
- }
4198
4208
  .nav-tabs .nav-link.active,
4199
4209
  .nav-tabs .nav-item.show .nav-link {
4200
4210
  color: var(--cui-nav-tabs-link-active-color);
@@ -4210,24 +4220,67 @@ textarea.form-control-lg {
4210
4220
  .nav-pills {
4211
4221
  --cui-nav-pills-border-radius: var(--cui-border-radius);
4212
4222
  --cui-nav-pills-link-active-color: rgba(255, 255, 255, 0.87);
4213
- --cui-nav-pills-link-active-bg: #321fdb;
4223
+ --cui-nav-pills-link-active-bg: var(--cui-primary);
4214
4224
  }
4215
4225
  .nav-pills .nav-link {
4216
- background: none;
4217
- border: 0;
4218
4226
  border-radius: var(--cui-nav-pills-border-radius);
4219
4227
  }
4220
- .nav-pills .nav-link:disabled {
4221
- color: var(--cui-nav-link-disabled-color);
4222
- background-color: transparent;
4223
- border-color: transparent;
4224
- }
4225
4228
  .nav-pills .nav-link.active,
4226
4229
  .nav-pills .show > .nav-link {
4227
4230
  color: var(--cui-nav-pills-link-active-color);
4228
4231
  background-color: var(--cui-nav-pills-link-active-bg);
4229
4232
  }
4230
4233
 
4234
+ .nav-underline {
4235
+ --cui-nav-underline-gap: 1rem;
4236
+ --cui-nav-underline-border-width: 0.125rem;
4237
+ --cui-nav-underline-link-active-color: var(--cui-emphasis-color);
4238
+ gap: var(--cui-nav-underline-gap);
4239
+ }
4240
+ .nav-underline .nav-link {
4241
+ padding-right: 0;
4242
+ padding-left: 0;
4243
+ border-bottom: var(--cui-nav-underline-border-width) solid transparent;
4244
+ }
4245
+ .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
4246
+ border-bottom-color: currentcolor;
4247
+ }
4248
+ .nav-underline .nav-link.active,
4249
+ .nav-underline .show > .nav-link {
4250
+ font-weight: 700;
4251
+ color: var(--cui-nav-underline-link-active-color);
4252
+ border-bottom-color: currentcolor;
4253
+ }
4254
+
4255
+ .nav-underline-border {
4256
+ --cui-nav-underline-border-gap: 0.5rem;
4257
+ --cui-nav-underline-border-border-color: var(--cui-border-color);
4258
+ --cui-nav-underline-border-border-width: 0.125rem;
4259
+ --cui-nav-underline-border-link-padding-x: 0.5rem;
4260
+ --cui-nav-underline-border-link-padding-y: 0.5rem;
4261
+ --cui-nav-underline-border-link-color: var(--cui-secondary-color);
4262
+ --cui-nav-underline-border-link-active-color: var(--cui-primary);
4263
+ --cui-nav-underline-border-link-disabled-color: var(--cui-tertiary-color);
4264
+ --cui-nav-link-color: var(--cui-nav-underline-border-link-color);
4265
+ --cui-nav-link-disabled-color: var(--cui-nav-underline-border-link-disabled-color);
4266
+ gap: var(--cui-nav-underline-border-gap);
4267
+ border-bottom: var(--cui-nav-underline-border-border-width) solid var(--cui-nav-underline-border-border-color);
4268
+ }
4269
+ .nav-underline-border .nav-link {
4270
+ padding: var(--cui-nav-underline-border-link-padding-y) var(--cui-nav-underline-border-link-padding-x);
4271
+ margin-bottom: calc(-1 * var(--cui-nav-underline-border-border-width));
4272
+ border-bottom: var(--cui-nav-underline-border-border-width) solid transparent;
4273
+ }
4274
+ .nav-underline-border .nav-link:hover, .nav-underline-border .nav-link:focus {
4275
+ border-bottom-color: currentcolor;
4276
+ }
4277
+ .nav-underline-border .nav-link.active,
4278
+ .nav-underline-border .show > .nav-link {
4279
+ font-weight: 700;
4280
+ color: var(--cui-nav-underline-border-link-active-color);
4281
+ border-bottom-color: currentcolor;
4282
+ }
4283
+
4231
4284
  .nav-fill > .nav-link,
4232
4285
  .nav-fill .nav-item {
4233
4286
  flex: 1 1 auto;
@@ -4763,7 +4816,7 @@ textarea.form-control-lg {
4763
4816
  }
4764
4817
 
4765
4818
  .card-link + .card-link {
4766
- margin-left: var(--cui-card-spacer-x);
4819
+ margin-right: var(--cui-card-spacer-x);
4767
4820
  }
4768
4821
 
4769
4822
  .card-header {
@@ -4844,8 +4897,8 @@ textarea.form-control-lg {
4844
4897
  margin-bottom: 0;
4845
4898
  }
4846
4899
  .card-group > .card + .card {
4847
- margin-left: 0;
4848
- border-left: 0;
4900
+ margin-right: 0;
4901
+ border-right: 0;
4849
4902
  }
4850
4903
  .card-group > .card:not(:last-child) {
4851
4904
  border-top-left-radius: 0;
@@ -4889,9 +4942,9 @@ textarea.form-control-lg {
4889
4942
  --cui-accordion-btn-icon-width: 1.25rem;
4890
4943
  --cui-accordion-btn-icon-transform: rotate(-180deg);
4891
4944
  --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4892
- --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f1498'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4893
- --cui-accordion-btn-focus-border-color: #998fed;
4894
- --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
4945
+ --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233634a3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4946
+ --cui-accordion-btn-focus-border-color: #acabeb;
4947
+ --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
4895
4948
  --cui-accordion-body-padding-x: 1.25rem;
4896
4949
  --cui-accordion-body-padding-y: 1rem;
4897
4950
  --cui-accordion-active-color: var(--cui-primary-text-emphasis);
@@ -5009,8 +5062,8 @@ textarea.form-control-lg {
5009
5062
  }
5010
5063
 
5011
5064
  [data-coreui-theme=dark] .accordion-button::after {
5012
- --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aab3c5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
5013
- --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f1498'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
5065
+ --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.87%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
5066
+ --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23403f98'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
5014
5067
  }
5015
5068
 
5016
5069
  .breadcrumb {
@@ -5059,10 +5112,10 @@ textarea.form-control-lg {
5059
5112
  --cui-pagination-hover-border-color: var(--cui-border-color);
5060
5113
  --cui-pagination-focus-color: var(--cui-link-hover-color);
5061
5114
  --cui-pagination-focus-bg: var(--cui-secondary-bg);
5062
- --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
5115
+ --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
5063
5116
  --cui-pagination-active-color: rgba(255, 255, 255, 0.87);
5064
- --cui-pagination-active-bg: #321fdb;
5065
- --cui-pagination-active-border-color: #321fdb;
5117
+ --cui-pagination-active-bg: var(--cui-primary);
5118
+ --cui-pagination-active-border-color: var(--cui-primary);
5066
5119
  --cui-pagination-disabled-color: var(--cui-secondary-color);
5067
5120
  --cui-pagination-disabled-bg: var(--cui-secondary-bg);
5068
5121
  --cui-pagination-disabled-border-color: var(--cui-border-color);
@@ -5386,8 +5439,8 @@ textarea.form-control-lg {
5386
5439
  --cui-list-group-disabled-color: var(--cui-secondary-color);
5387
5440
  --cui-list-group-disabled-bg: var(--cui-body-bg);
5388
5441
  --cui-list-group-active-color: rgba(255, 255, 255, 0.87);
5389
- --cui-list-group-active-bg: #321fdb;
5390
- --cui-list-group-active-border-color: #321fdb;
5442
+ --cui-list-group-active-bg: var(--cui-primary);
5443
+ --cui-list-group-active-border-color: var(--cui-primary);
5391
5444
  display: flex;
5392
5445
  flex-direction: column;
5393
5446
  padding-right: 0;
@@ -5718,7 +5771,7 @@ textarea.form-control-lg {
5718
5771
  --cui-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23080a0c'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
5719
5772
  --cui-btn-close-opacity: 0.5;
5720
5773
  --cui-btn-close-hover-opacity: 0.75;
5721
- --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
5774
+ --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
5722
5775
  --cui-btn-close-focus-opacity: 1;
5723
5776
  --cui-btn-close-disabled-opacity: 0.25;
5724
5777
  --cui-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
@@ -5748,6 +5801,7 @@ textarea.form-control-lg {
5748
5801
  opacity: var(--cui-btn-close-disabled-opacity);
5749
5802
  }
5750
5803
 
5804
+ .btn-close[data-coreui-theme=dark],
5751
5805
  .btn-close-white {
5752
5806
  filter: var(--cui-btn-close-white-filter);
5753
5807
  }
@@ -5833,7 +5887,7 @@ textarea.form-control-lg {
5833
5887
  --cui-modal-border-color: var(--cui-border-color-translucent);
5834
5888
  --cui-modal-border-width: var(--cui-border-width);
5835
5889
  --cui-modal-border-radius: var(--cui-border-radius-lg);
5836
- --cui-modal-box-shadow: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075);
5890
+ --cui-modal-box-shadow: var(--cui-box-shadow-sm);
5837
5891
  --cui-modal-inner-border-radius: calc(var(--cui-border-radius-lg) - (var(--cui-border-width)));
5838
5892
  --cui-modal-header-padding-x: 1rem;
5839
5893
  --cui-modal-header-padding-y: 1rem;
@@ -5974,7 +6028,7 @@ textarea.form-control-lg {
5974
6028
  @media (min-width: 576px) {
5975
6029
  .modal {
5976
6030
  --cui-modal-margin: 1.75rem;
5977
- --cui-modal-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
6031
+ --cui-modal-box-shadow: var(--cui-box-shadow);
5978
6032
  }
5979
6033
  .modal-dialog {
5980
6034
  max-width: var(--cui-modal-width);
@@ -6226,7 +6280,7 @@ textarea.form-control-lg {
6226
6280
  --cui-popover-border-color: var(--cui-border-color-translucent);
6227
6281
  --cui-popover-border-radius: var(--cui-border-radius-lg);
6228
6282
  --cui-popover-inner-border-radius: calc(var(--cui-border-radius-lg) - var(--cui-border-width));
6229
- --cui-popover-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
6283
+ --cui-popover-box-shadow: var(--cui-box-shadow);
6230
6284
  --cui-popover-header-padding-x: 1rem;
6231
6285
  --cui-popover-header-padding-y: 0.5rem;
6232
6286
  --cui-popover-header-font-size: 1rem;
@@ -6660,7 +6714,7 @@ textarea.form-control-lg {
6660
6714
  --cui-offcanvas-bg: var(--cui-body-bg);
6661
6715
  --cui-offcanvas-border-width: var(--cui-border-width);
6662
6716
  --cui-offcanvas-border-color: var(--cui-border-color-translucent);
6663
- --cui-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075);
6717
+ --cui-offcanvas-box-shadow: var(--cui-box-shadow-sm);
6664
6718
  --cui-offcanvas-transition: transform 0.3s ease-in-out;
6665
6719
  --cui-offcanvas-title-line-height: 1.5;
6666
6720
  }
@@ -7314,7 +7368,7 @@ textarea.form-control-lg {
7314
7368
  }
7315
7369
 
7316
7370
  .callout-primary {
7317
- --cui-callout-border-left-color: #321fdb;
7371
+ --cui-callout-border-left-color: #5856d6;
7318
7372
  }
7319
7373
 
7320
7374
  .callout-secondary {
@@ -7389,6 +7443,7 @@ textarea.form-control-lg {
7389
7443
  --cui-header-hover-color: rgba(var(--cui-emphasis-color-rgb), 0.8);
7390
7444
  --cui-header-disabled-color: rgba(var(--cui-emphasis-color-rgb), 0.3);
7391
7445
  --cui-header-active-color: rgba(var(--cui-emphasis-color-rgb), 1);
7446
+ --cui-header-transition: box-shadow 0.15s ease-in-out;
7392
7447
  --cui-header-brand-padding-y: 0.3125rem;
7393
7448
  --cui-header-brand-color: #212631;
7394
7449
  --cui-header-brand-hover-color: #1e222c;
@@ -7404,16 +7459,20 @@ textarea.form-control-lg {
7404
7459
  --cui-header-nav-link-padding-y: 0.5rem;
7405
7460
  --cui-header-divider-border-color: var(--cui-border-color);
7406
7461
  --cui-header-divider-border: var(--cui-border-width) solid var(--cui-header-divider-border-color);
7407
- --cui-subheader-min-height: 3rem;
7408
7462
  position: relative;
7409
7463
  display: flex;
7410
7464
  flex-wrap: wrap;
7411
7465
  align-items: center;
7412
7466
  justify-content: space-between;
7413
- min-height: var(--cui-header-min-height);
7414
7467
  padding: var(--cui-header-padding-y) var(--cui-header-padding-x);
7415
7468
  background: var(--cui-header-bg);
7416
7469
  border-bottom: var(--cui-header-border);
7470
+ transition: var(--cui-header-transition);
7471
+ }
7472
+ @media (prefers-reduced-motion: reduce) {
7473
+ .header {
7474
+ transition: none;
7475
+ }
7417
7476
  }
7418
7477
  .header > .container,
7419
7478
  .header > .container-fluid,
@@ -7433,24 +7492,6 @@ textarea.form-control-lg {
7433
7492
  align-items: center;
7434
7493
  justify-content: space-between;
7435
7494
  }
7436
- .header .container:first-child,
7437
- .header .container-fluid:first-child,
7438
- .header .container-sm:first-child,
7439
- .header .container-md:first-child,
7440
- .header .container-lg:first-child,
7441
- .header .container-xl:first-child,
7442
- .header .container-xxl:first-child {
7443
- min-height: calc(var(--cui-header-min-height) - 2 * var(--cui-header-padding-y));
7444
- }
7445
- .header .container:nth-child(n+2),
7446
- .header .container-fluid:nth-child(n+2),
7447
- .header .container-sm:nth-child(n+2),
7448
- .header .container-md:nth-child(n+2),
7449
- .header .container-lg:nth-child(n+2),
7450
- .header .container-xl:nth-child(n+2),
7451
- .header .container-xxl:nth-child(n+2) {
7452
- min-height: calc(var(--cui-subheader-min-height) - 2 * var(--cui-header-padding-y));
7453
- }
7454
7495
  .header.header-sticky {
7455
7496
  position: sticky;
7456
7497
  top: 0;
@@ -7615,70 +7656,21 @@ textarea.form-control-lg {
7615
7656
 
7616
7657
  .sidebar {
7617
7658
  --cui-sidebar-width: 16rem;
7618
- --cui-sidebar-bg: #323a49;
7619
- --cui-sidebar-padding-x: 0;
7620
- --cui-sidebar-padding-y: 0;
7621
- --cui-sidebar-color: rgba(255, 255, 255, 0.87);
7622
- --cui-sidebar-border-width: 0;
7623
- --cui-sidebar-border-color: transparent;
7624
- --cui-sidebar-brand-color: rgba(255, 255, 255, 0.87);
7625
- --cui-sidebar-brand-height: 4rem;
7659
+ --cui-sidebar-bg: var(--cui-body-bg);
7660
+ --cui-sidebar-padding-x: 1rem;
7661
+ --cui-sidebar-padding-y: 1rem;
7662
+ --cui-sidebar-color: var(--cui-body-color);
7663
+ --cui-sidebar-brand-color: var(--cui-body-color);
7626
7664
  --cui-sidebar-brand-bg: rgba(8, 10, 12, 0.2);
7627
- --cui-sidebar-header-height: 4rem;
7628
- --cui-sidebar-header-bg: rgba(8, 10, 12, 0.2);
7629
- --cui-sidebar-header-padding-x: 1rem;
7630
- --cui-sidebar-header-padding-y: 0.75rem;
7631
- --cui-sidebar-footer-bg: rgba(8, 10, 12, 0.2);
7632
- --cui-sidebar-footer-height: auto;
7633
- --cui-sidebar-footer-padding-x: 1rem;
7634
- --cui-sidebar-footer-padding-y: 0.75rem;
7635
- --cui-sidebar-toggler-bg: rgba(8, 10, 12, 0.2);
7636
- --cui-sidebar-toggler-height: 3rem;
7637
- --cui-sidebar-toggler-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.38%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
7638
- --cui-sidebar-toggler-indicator-width: 4rem;
7639
- --cui-sidebar-toggler-indicator-height: 3rem;
7640
- --cui-sidebar-toggler-hover-bg: rgba(0, 0, 0, 0.3);
7641
- --cui-sidebar-toggler-indicator-hover: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.87%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
7642
- --cui-sidebar-narrow-width: 4rem;
7643
- --cui-sidebar-nav-title-padding-x: 1rem;
7644
- --cui-sidebar-nav-title-padding-y: 0.75rem;
7645
- --cui-sidebar-nav-title-margin-top: 1rem;
7646
- --cui-sidebar-nav-title-color: rgba(255, 255, 255, 0.6);
7647
- --cui-sidebar-nav-link-padding-x: 1rem;
7648
- --cui-sidebar-nav-link-padding-y: 0.8445rem;
7649
- --cui-sidebar-nav-link-color: rgba(255, 255, 255, 0.6);
7650
- --cui-sidebar-nav-link-bg: transparent;
7651
- --cui-sidebar-nav-link-border-color: transparent;
7652
- --cui-sidebar-nav-link-border: 0 solid var(--cui-sidebar-nav-link-border-color);
7653
- --cui-sidebar-nav-link-border-radius: 0;
7654
- --cui-sidebar-nav-link-active-color: rgba(255, 255, 255, 0.87);
7655
- --cui-sidebar-nav-link-active-bg: rgba(255, 255, 255, 0.05);
7656
- --cui-sidebar-nav-link-active-icon-color: rgba(255, 255, 255, 0.87);
7657
- --cui-sidebar-nav-link-disabled-color: rgba(255, 255, 255, 0.38);
7658
- --cui-sidebar-nav-link-disabled-icon-color: rgba(255, 255, 255, 0.6);
7659
- --cui-sidebar-nav-link-hover-color: rgba(255, 255, 255, 0.87);
7660
- --cui-sidebar-nav-link-hover-bg: rgba(255, 255, 255, 0.05);
7661
- --cui-sidebar-nav-link-hover-icon-color: rgba(255, 255, 255, 0.87);
7662
- --cui-sidebar-nav-icon-width: 4rem;
7663
- --cui-sidebar-nav-icon-height: 1.25rem;
7664
- --cui-sidebar-nav-icon-font-size: 1.25rem;
7665
- --cui-sidebar-nav-link-icon-color: rgba(255, 255, 255, 0.6);
7666
- --cui-sidebar-nav-group-bg: rgba(0, 0, 0, 0.2);
7667
- --cui-sidebar-nav-group-items-padding-y: 0;
7668
- --cui-sidebar-nav-group-items-padding-x: 0;
7669
- --cui-sidebar-nav-group-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
7670
- --cui-sidebar-nav-group-indicator-hover: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.87%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
7671
- --cui-sidebar-nav-group-toggle-show-color: rgba(255, 255, 255, 0.6);
7665
+ --cui-sidebar-overlaid-zindex: 1045;
7672
7666
  position: relative;
7673
7667
  display: flex;
7674
7668
  flex: 0 0 var(--cui-sidebar-width);
7675
7669
  flex-direction: column;
7676
7670
  order: -1;
7677
7671
  width: var(--cui-sidebar-width);
7678
- padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
7679
7672
  color: var(--cui-sidebar-color);
7680
7673
  background: var(--cui-sidebar-bg);
7681
- border-left: var(--cui-sidebar-border-width) solid var(--cui-sidebar-border-color);
7682
7674
  box-shadow: none;
7683
7675
  transition: margin-left 0.15s, margin-right 0.15s, box-shadow 0.075s, transform 0.15s, width 0.15s, z-index 0s ease 0.15s;
7684
7676
  }
@@ -7700,9 +7692,6 @@ textarea.form-control-lg {
7700
7692
  .sidebar.sidebar-end ~ * {
7701
7693
  --cui-sidebar-occupy-end: 16rem;
7702
7694
  }
7703
- .sidebar[class*=bg-] {
7704
- border-color: rgba(8, 10, 12, 0.1);
7705
- }
7706
7695
  .sidebar.sidebar-sm {
7707
7696
  --cui-sidebar-width: 12rem;
7708
7697
  }
@@ -7755,7 +7744,6 @@ textarea.form-control-lg {
7755
7744
  position: fixed;
7756
7745
  top: 0;
7757
7746
  bottom: 0;
7758
- z-index: 1030;
7759
7747
  }
7760
7748
  .sidebar.sidebar-fixed:not(.sidebar-end) {
7761
7749
  right: 0;
@@ -7775,19 +7763,22 @@ textarea.form-control-lg {
7775
7763
  position: fixed;
7776
7764
  top: 0;
7777
7765
  bottom: 0;
7778
- z-index: 1032;
7766
+ z-index: var(--cui-sidebar-overlaid-zindex);
7767
+ }
7768
+ .sidebar.sidebar-overlaid:not(.hide) {
7769
+ box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
7779
7770
  }
7780
7771
  .sidebar.sidebar-overlaid:not(.sidebar-end) {
7781
7772
  right: 0;
7782
7773
  }
7783
7774
  .sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
7784
- --cui-sidebar-occupy-start: 0;
7775
+ --cui-sidebar-occupy-start: 0 !important;
7785
7776
  }
7786
7777
  .sidebar.sidebar-overlaid.sidebar-end {
7787
7778
  left: 0;
7788
7779
  }
7789
7780
  .sidebar.sidebar-overlaid.sidebar-end ~ * {
7790
- --cui-sidebar-occupy-end: 0;
7781
+ --cui-sidebar-occupy-end: 0 !important;
7791
7782
  }
7792
7783
  @media (max-width: 767.98px) {
7793
7784
  .sidebar {
@@ -7795,7 +7786,7 @@ textarea.form-control-lg {
7795
7786
  position: fixed;
7796
7787
  top: 0;
7797
7788
  bottom: 0;
7798
- z-index: 1031;
7789
+ z-index: var(--cui-sidebar-overlaid-zindex);
7799
7790
  }
7800
7791
  .sidebar:not(.sidebar-end) {
7801
7792
  right: 0;
@@ -7817,117 +7808,94 @@ textarea.form-control-lg {
7817
7808
  }
7818
7809
  }
7819
7810
 
7820
- .sidebar-close {
7821
- position: absolute;
7822
- top: 0;
7823
- left: 0;
7824
- width: var(--cui-sidebar-width);
7825
- height: var(--cui-sidebar-header-height);
7826
- color: var(--cui-sidebar-color);
7827
- background: transparent;
7828
- border: 0;
7829
- }
7830
- .sidebar-close:hover {
7831
- text-decoration: none;
7832
- }
7833
- .sidebar-close:focus {
7834
- outline: 0;
7835
- }
7836
-
7837
7811
  .sidebar-brand {
7838
- display: flex;
7839
- flex: 0 0 var(--cui-sidebar-brand-height);
7840
- align-items: center;
7841
- justify-content: center;
7842
7812
  color: var(--cui-sidebar-brand-color);
7843
- background: var(--cui-sidebar-brand-bg);
7813
+ white-space: nowrap;
7844
7814
  }
7845
7815
  .sidebar-brand .sidebar-brand-narrow {
7846
7816
  display: none;
7847
7817
  }
7848
7818
 
7849
7819
  .sidebar-header {
7850
- flex: 0 0 var(--cui-sidebar-header-height);
7851
- padding: var(--cui-sidebar-header-padding-y) var(--cui-sidebar-header-padding-x);
7852
- text-align: center;
7853
- background: var(--cui-sidebar-header-bg);
7854
- transition: height 0.15s, padding 0.15s;
7855
- }
7856
- @media (prefers-reduced-motion: reduce) {
7857
- .sidebar-header {
7858
- transition: none;
7859
- }
7860
- }
7861
- .sidebar-header .nav-link {
7862
7820
  display: flex;
7863
7821
  align-items: center;
7864
- min-height: var(--cui-sidebar-header-height);
7822
+ justify-content: space-between;
7823
+ padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
7824
+ }
7825
+ .sidebar-header .btn-close {
7826
+ padding: calc(var(--cui-sidebar-padding-y) * 0.5) calc(var(--cui-sidebar-padding-x) * 0.5);
7827
+ margin-top: calc(-0.5 * var(--cui-sidebar-padding-y));
7828
+ margin-left: calc(-0.5 * var(--cui-sidebar-padding-x));
7829
+ margin-bottom: calc(-0.5 * var(--cui-sidebar-padding-y));
7865
7830
  }
7866
7831
 
7867
- .sidebar-footer {
7868
- flex: 0 0 var(--cui-sidebar-footer-height);
7869
- padding: var(--cui-sidebar-footer-padding-y) var(--cui-sidebar-footer-padding-x);
7870
- background: var(--cui-sidebar-footer-bg);
7871
- transition: height 0.15s, padding 0.15s;
7832
+ .sidebar-body {
7833
+ padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
7872
7834
  }
7873
- @media (prefers-reduced-motion: reduce) {
7874
- .sidebar-footer {
7875
- transition: none;
7876
- }
7835
+
7836
+ .sidebar-footer {
7837
+ display: flex;
7838
+ align-items: center;
7839
+ justify-content: space-between;
7840
+ padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
7877
7841
  }
7878
7842
 
7879
7843
  .sidebar-toggler {
7880
- display: flex;
7881
- flex: 0 0 var(--cui-sidebar-toggler-height);
7882
- justify-content: flex-end;
7883
- width: inherit;
7884
- padding: 0;
7885
- cursor: pointer;
7886
- background-color: var(--cui-sidebar-toggler-bg);
7844
+ --cui-sidebar-toggler-width: 0.5rem;
7845
+ --cui-sidebar-toggler-height: 0.5rem;
7846
+ --cui-sidebar-toggler-color: var(--cui-tertiary-color);
7847
+ --cui-sidebar-toggler-bg: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix%28-1 0 0 -1 512 512%29'%3E%3Cpath fill='%23000' d='M472,16H40A24.028,24.028,0,0,0,16,40V200H48V48H464V464H48V304H16V472a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V40A24.028,24.028,0,0,0,472,16Z'/%3E%3Cpolygon fill='%23000' points='209.377 363.306 232.004 385.933 366.627 251.31 232.004 116.687 209.377 139.313 305.374 235.311 16 235.311 16 267.311 305.372 267.311 209.377 363.306'/%3E%3C/g%3E%3C/svg%3E");
7848
+ --cui-sidebar-toggler-hover-color: var(--cui-secondary-color);
7849
+ --cui-sidebar-toggler-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
7850
+ --cui-sidebar-toggler-focus-color: var(--cui-secondary-color);
7851
+ --cui-sidebar-toggler-transition: transform 0.15s;
7852
+ position: relative;
7853
+ box-sizing: content-box;
7854
+ width: var(--cui-sidebar-toggler-width);
7855
+ height: var(--cui-sidebar-toggler-height);
7856
+ padding: 0.25rem 0.25rem;
7857
+ background-color: transparent;
7887
7858
  border: 0;
7859
+ border-radius: 0.375rem;
7860
+ transition: var(--cui-sidebar-toggler-transition);
7888
7861
  }
7889
- @media (max-width: 767.98px) {
7862
+ @media (prefers-reduced-motion: reduce) {
7890
7863
  .sidebar-toggler {
7891
- display: none;
7864
+ transition: none;
7892
7865
  }
7893
7866
  }
7894
7867
  .sidebar-toggler::before {
7895
- display: block;
7896
- width: var(--cui-sidebar-toggler-indicator-width);
7897
- height: var(--cui-sidebar-toggler-indicator-height);
7868
+ position: absolute;
7869
+ top: 0;
7870
+ left: 0;
7871
+ width: 100%;
7872
+ height: 100%;
7898
7873
  content: "";
7899
- background-image: var(--cui-sidebar-toggler-indicator);
7900
- background-repeat: no-repeat;
7901
- background-position: center;
7902
- background-size: calc(var(--cui-sidebar-toggler-indicator-height) * 0.25);
7903
- transition: transform 0.15s;
7874
+ background-color: var(--cui-sidebar-toggler-color);
7875
+ mask: var(--cui-sidebar-toggler-bg) no-repeat center;
7904
7876
  }
7905
- @media (prefers-reduced-motion: reduce) {
7906
- .sidebar-toggler::before {
7907
- transition: none;
7908
- }
7877
+ .sidebar-toggler:hover {
7878
+ text-decoration: none;
7909
7879
  }
7910
- *[dir=rtl] .sidebar-toggler::before {
7911
- transform: rotate(-180deg);
7880
+ .sidebar-toggler:hover::before {
7881
+ background-color: var(--cui-sidebar-toggler-hover-color);
7912
7882
  }
7913
7883
  .sidebar-toggler:focus {
7884
+ position: relative;
7914
7885
  outline: 0;
7886
+ box-shadow: var(--cui-sidebar-toggler-focus-shadow);
7915
7887
  }
7916
- .sidebar-toggler:hover {
7917
- background-color: var(--cui-sidebar-toggler-hover-bg);
7918
- }
7919
- .sidebar-toggler:hover::before {
7920
- background-image: var(--cui-sidebar-toggler-indicator-hover);
7888
+ .sidebar-toggler:focus::before {
7889
+ background-color: var(--cui-sidebar-toggler-focus-color);
7921
7890
  }
7922
- .sidebar-end .sidebar-toggler {
7923
- justify-content: flex-start;
7924
- }
7925
- .sidebar-end .sidebar-toggler::before {
7926
- transform: rotate(-180deg);
7891
+ @media (max-width: 767.98px) {
7892
+ .sidebar-toggler {
7893
+ display: none;
7894
+ }
7927
7895
  }
7928
7896
 
7929
7897
  .sidebar-backdrop {
7930
- --cui-backdrop-zindex: 1030;
7898
+ --cui-backdrop-zindex: 1040;
7931
7899
  --cui-backdrop-bg: #080a0c;
7932
7900
  --cui-backdrop-opacity: 0.5;
7933
7901
  }
@@ -7949,23 +7917,84 @@ textarea.form-control-lg {
7949
7917
  }
7950
7918
  }
7951
7919
 
7952
- [data-coreui-theme=dark] .sidebar {
7953
- --cui-sidebar-bg: #212631;
7954
- --cui-sidebar-border-width: var(--cui-border-width);
7955
- --cui-sidebar-border-color: var(--cui-border-color);
7920
+ .sidebar-dark {
7921
+ --cui-body-color: rgba(255, 255, 255, 0.87);
7922
+ --cui-body-bg: #212631;
7923
+ --cui-emphasis-color: #fff;
7924
+ --cui-secondary-color: rgba(255, 255, 255, 0.6);
7925
+ --cui-secondary-bg: #323a49;
7926
+ --cui-tertiary-color: rgba(255, 255, 255, 0.38);
7927
+ --cui-tertiary-bg: #2a303d;
7928
+ --cui-border-color: #323a49;
7929
+ }
7930
+ .sidebar-dark .sidebar-toggler {
7931
+ filter: var(--cui-sidebar-toggler-white-filter);
7956
7932
  }
7957
7933
 
7958
7934
  .sidebar-nav {
7935
+ --cui-sidebar-nav-padding-x: 0.5rem;
7936
+ --cui-sidebar-nav-padding-y: 0.5rem;
7937
+ --cui-sidebar-nav-title-padding-x: 1rem;
7938
+ --cui-sidebar-nav-title-padding-y: 0.75rem;
7939
+ --cui-sidebar-nav-title-margin-top: 1rem;
7940
+ --cui-sidebar-nav-title-color: var(--cui-tertiary-color);
7941
+ --cui-sidebar-nav-link-padding-x: 1rem;
7942
+ --cui-sidebar-nav-link-padding-y: 0.75rem;
7943
+ --cui-sidebar-nav-link-color: var(--cui-body-color);
7944
+ --cui-sidebar-nav-link-bg: transparent;
7945
+ --cui-sidebar-nav-link-border-color: transparent;
7946
+ --cui-sidebar-nav-link-border-radius: var(--cui-border-radius);
7947
+ --cui-sidebar-nav-link-border-width: 0;
7948
+ --cui-sidebar-nav-link-active-color: var(--cui-emphasis-color);
7949
+ --cui-sidebar-nav-link-active-bg: var(--cui-tertiary-bg);
7950
+ --cui-sidebar-nav-link-disabled-color: var(--cui-tertiary-color);
7951
+ --cui-sidebar-nav-link-hover-color: var(--cui-emphasis-color);
7952
+ --cui-sidebar-nav-link-hover-bg: var(--cui-tertiary-bg);
7953
+ --cui-sidebar-nav-link-icon-margin: 0.75rem;
7954
+ --cui-sidebar-nav-link-icon-color: var(--cui-tertiary-color);
7955
+ --cui-sidebar-nav-link-icon-width: 1.25rem;
7956
+ --cui-sidebar-nav-link-icon-height: 1.25rem;
7957
+ --cui-sidebar-nav-link-icon-font-size: 1.25rem;
7958
+ --cui-sidebar-nav-link-active-icon-color: var(--cui-primary);
7959
+ --cui-sidebar-nav-link-disabled-icon-color: var(--cui-tertiary-color);
7960
+ --cui-sidebar-nav-link-hover-icon-color: var(--cui-body-color);
7961
+ --cui-sidebar-nav-link-icon-bullet-size: 0.3125rem;
7962
+ --cui-sidebar-nav-link-icon-bullet-bg: transparent;
7963
+ --cui-sidebar-nav-link-icon-bullet-border-width: 1px;
7964
+ --cui-sidebar-nav-link-icon-bullet-border-radius: 50rem;
7965
+ --cui-sidebar-nav-link-icon-bullet-border-color: var(--cui-tertiary-color);
7966
+ --cui-sidebar-nav-link-active-icon-bullet-bg: transparent;
7967
+ --cui-sidebar-nav-link-active-icon-bullet-border-color: var(--cui-primary);
7968
+ --cui-sidebar-nav-link-disabled-icon-bullet-bg: transparent;
7969
+ --cui-sidebar-nav-link-disabled-icon-bullet-border-color: var(--cui-tertiary-color);
7970
+ --cui-sidebar-nav-link-hover-icon-bullet-bg: transparent;
7971
+ --cui-sidebar-nav-link-hover-icon-bullet-border-color: var(--cui-body-color);
7972
+ --cui-sidebar-nav-group-bg: transparent;
7973
+ --cui-sidebar-nav-group-border-width: 0;
7974
+ --cui-sidebar-nav-group-border-radius: var(--cui-border-radius);
7975
+ --cui-sidebar-nav-group-border-color: transparent;
7976
+ --cui-sidebar-nav-group-items-padding-y: 0;
7977
+ --cui-sidebar-nav-group-items-padding-x: 0;
7978
+ --cui-sidebar-nav-group-indicator-color: var(--cui-tertiary-color);
7979
+ --cui-sidebar-nav-group-indicator-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
7980
+ --cui-sidebar-nav-group-indicator-hover-color: var(--cui-emphasis-color);
7981
+ --cui-sidebar-nav-group-indicator-hover-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
7982
+ --cui-sidebar-nav-group-toggle-show-color: var(--cui-body-color);
7959
7983
  position: relative;
7960
7984
  display: flex;
7961
7985
  flex: 1;
7962
7986
  flex-direction: column;
7963
- padding: 0;
7987
+ padding: var(--cui-sidebar-nav-padding-y) var(--cui-sidebar-nav-padding-x);
7964
7988
  margin-bottom: 0;
7965
7989
  overflow-x: hidden;
7966
7990
  overflow-y: auto;
7967
7991
  list-style: none;
7968
7992
  }
7993
+ .sidebar-nav .nav-item + .nav-item,
7994
+ .sidebar-nav .nav-item + .nav-group,
7995
+ .sidebar-nav .nav-group + .nav-item {
7996
+ margin-top: 1px;
7997
+ }
7969
7998
  .sidebar-nav .nav-title {
7970
7999
  padding: var(--cui-sidebar-nav-title-padding-y) var(--cui-sidebar-nav-title-padding-x);
7971
8000
  margin-top: var(--cui-sidebar-nav-title-margin-top);
@@ -7989,9 +8018,9 @@ textarea.form-control-lg {
7989
8018
  text-decoration: none;
7990
8019
  white-space: nowrap;
7991
8020
  background: var(--cui-sidebar-nav-link-bg);
7992
- border: var(--cui-sidebar-nav-link-border);
8021
+ border: var(--cui-sidebar-nav-link-border-width) solid var(--cui-sidebar-nav-link-border-color);
7993
8022
  border-radius: var(--cui-sidebar-nav-link-border-radius);
7994
- transition: background 0.15s ease, color 0.15s ease;
8023
+ transition: background 0.15s ease, color 0.15s ease, gap 0.15s ease;
7995
8024
  }
7996
8025
  @media (prefers-reduced-motion: reduce) {
7997
8026
  .sidebar-nav .nav-link {
@@ -8005,6 +8034,10 @@ textarea.form-control-lg {
8005
8034
  .sidebar-nav .nav-link.active .nav-icon {
8006
8035
  color: var(--cui-sidebar-nav-link-active-icon-color);
8007
8036
  }
8037
+ .sidebar-nav .nav-link.active .nav-icon-bullet {
8038
+ background: var(--cui-sidebar-link-active-icon-bullet-bg);
8039
+ border-color: var(--cui-sidebar-link-active-icon-bullet-border-color);
8040
+ }
8008
8041
  .sidebar-nav .nav-link.disabled {
8009
8042
  color: var(--cui-sidebar-nav-link-disabled-color);
8010
8043
  pointer-events: none;
@@ -8014,14 +8047,23 @@ textarea.form-control-lg {
8014
8047
  .sidebar-nav .nav-link.disabled .nav-icon {
8015
8048
  color: var(--cui-sidebar-nav-link-disabled-icon-color);
8016
8049
  }
8050
+ .sidebar-nav .nav-link.disabled .nav-icon-bullet {
8051
+ background: var(--cui-sidebar-link-disabled-icon-bullet-bg);
8052
+ border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
8053
+ }
8017
8054
  .sidebar-nav .nav-link.disabled:hover {
8018
8055
  color: var(--cui-sidebar-nav-link-disabled-color);
8019
8056
  }
8020
8057
  .sidebar-nav .nav-link.disabled:hover .nav-icon {
8021
8058
  color: var(--cui-sidebar-nav-link-disabled-icon-color);
8022
8059
  }
8060
+ .sidebar-nav .nav-link.disabled:hover .nav-icon-bullet {
8061
+ background: var(--cui-sidebar-link-disabled-icon-bullet-bg);
8062
+ border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
8063
+ }
8023
8064
  .sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle::after {
8024
- background-image: var(--cui-sidebar-nav-group-indicator-hover);
8065
+ mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8066
+ background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
8025
8067
  }
8026
8068
  @media (hover: hover), (-ms-high-contrast: none) {
8027
8069
  .sidebar-nav .nav-link:hover {
@@ -8032,14 +8074,23 @@ textarea.form-control-lg {
8032
8074
  .sidebar-nav .nav-link:hover .nav-icon {
8033
8075
  color: var(--cui-sidebar-nav-link-hover-icon-color);
8034
8076
  }
8077
+ .sidebar-nav .nav-link:hover .nav-icon-bullet {
8078
+ background: var(--cui-sidebar-link-hover-icon-bullet-bg);
8079
+ border-color: var(--cui-sidebar-link-hover-icon-bullet-border-color);
8080
+ }
8035
8081
  .sidebar-nav .nav-link:hover.nav-group-toggle::after {
8036
- background-image: var(--cui-sidebar-nav-group-indicator-hover);
8082
+ mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8083
+ background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
8037
8084
  }
8038
8085
  }
8039
8086
  .sidebar-nav .nav-icon {
8040
- flex: 0 0 var(--cui-sidebar-nav-icon-width);
8041
- height: var(--cui-sidebar-nav-icon-height);
8042
- font-size: var(--cui-sidebar-nav-icon-font-size);
8087
+ display: flex;
8088
+ flex: 0 0 var(--cui-sidebar-nav-link-icon-width);
8089
+ align-items: center;
8090
+ justify-content: center;
8091
+ height: var(--cui-sidebar-nav-link-icon-height);
8092
+ margin-left: var(--cui-sidebar-nav-link-icon-margin);
8093
+ font-size: var(--cui-sidebar-nav-link-icon-font-size);
8043
8094
  color: var(--cui-sidebar-nav-link-icon-color);
8044
8095
  text-align: center;
8045
8096
  pointer-events: none;
@@ -8051,14 +8102,21 @@ textarea.form-control-lg {
8051
8102
  transition: none;
8052
8103
  }
8053
8104
  }
8054
- .sidebar-nav .nav-icon:first-child {
8055
- margin-right: calc(var(--cui-sidebar-nav-link-padding-x) * -1);
8105
+ .sidebar-nav .nav-icon-bullet {
8106
+ display: inline-block;
8107
+ width: var(--cui-sidebar-nav-link-icon-bullet-size);
8108
+ height: var(--cui-sidebar-nav-link-icon-bullet-size);
8109
+ background: var(--cui-sidebar-nav-link-icon-bullet-bg);
8110
+ border: var(--cui-sidebar-nav-link-icon-bullet-border-width) solid var(--cui-sidebar-nav-link-icon-bullet-border-color);
8111
+ border-radius: var(--cui-sidebar-nav-link-icon-bullet-border-radius);
8056
8112
  }
8057
8113
  .sidebar-nav svg.nav-icon {
8058
8114
  overflow: hidden;
8059
8115
  }
8060
8116
  .sidebar-nav .nav-group {
8061
8117
  position: relative;
8118
+ border: var(--cui-sidebar-nav-group-border-width) solid var(--cui-sidebar-nav-group-border-color);
8119
+ border-radius: var(--cui-sidebar-nav-group-border-radius);
8062
8120
  transition: background 0.15s ease-in-out;
8063
8121
  }
8064
8122
  @media (prefers-reduced-motion: reduce) {
@@ -8100,9 +8158,8 @@ textarea.form-control-lg {
8100
8158
  height: 12px;
8101
8159
  margin-right: auto;
8102
8160
  content: "";
8103
- background-image: var(--cui-sidebar-nav-group-indicator);
8104
- background-repeat: no-repeat;
8105
- background-position: center;
8161
+ mask-image: var(--cui-sidebar-nav-group-indicator-icon);
8162
+ background-color: var(--cui-sidebar-nav-group-indicator-color);
8106
8163
  transition: transform 0.15s;
8107
8164
  }
8108
8165
  @media (prefers-reduced-motion: reduce) {
@@ -8115,17 +8172,23 @@ textarea.form-control-lg {
8115
8172
  list-style: none;
8116
8173
  }
8117
8174
  .sidebar-nav .nav-group-items .nav-link {
8118
- padding-right: var(--cui-sidebar-nav-icon-width);
8175
+ padding-right: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin));
8119
8176
  }
8120
- .sidebar-nav .nav-group-items .nav-link .nav-icon {
8121
- margin-right: calc(var(--cui-sidebar-nav-icon-width) * -1);
8177
+ .sidebar-nav .nav-group-items .nav-icon {
8178
+ margin-right: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1);
8122
8179
  }
8123
8180
  .sidebar-nav.compact .nav-link,
8124
8181
  .sidebar-nav .compact .nav-link {
8125
- padding-top: calc(var(--cui-sidebar-nav-link-padding-y) * 0.5);
8126
- padding-bottom: calc(var(--cui-sidebar-nav-link-padding-y) * 0.5);
8182
+ --cui-sidebar-nav-link-padding-y: 0.5625rem;
8127
8183
  }
8128
8184
 
8185
+ .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
8186
+ --cui-sidebar-narrow-width: 4rem;
8187
+ }
8188
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
8189
+ --cui-sidebar-nav-link-padding-x: 0.5rem;
8190
+ --cui-sidebar-nav-link-padding-y: 0.75rem;
8191
+ }
8129
8192
  @media (min-width: 768px) {
8130
8193
  .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
8131
8194
  z-index: 1031;
@@ -8144,6 +8207,14 @@ textarea.form-control-lg {
8144
8207
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow, .sidebar-narrow .sidebar-brand-narrow {
8145
8208
  display: block;
8146
8209
  }
8210
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-header, .sidebar-narrow .sidebar-header {
8211
+ justify-content: center;
8212
+ padding-right: 0;
8213
+ padding-left: 0;
8214
+ }
8215
+ .sidebar-narrow-unfoldable:not(:hover) .nav-icon, .sidebar-narrow .nav-icon {
8216
+ flex: 0 0 calc(var(--cui-sidebar-narrow-width) - var(--cui-sidebar-nav-padding-x) * 2 - var(--cui-sidebar-nav-link-padding-x) * 2);
8217
+ }
8147
8218
  .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none, .sidebar-narrow .d-narrow-none,
8148
8219
  .sidebar-narrow-unfoldable:not(:hover) .nav-label,
8149
8220
  .sidebar-narrow .nav-label,
@@ -8151,12 +8222,8 @@ textarea.form-control-lg {
8151
8222
  .sidebar-narrow .nav-title,
8152
8223
  .sidebar-narrow-unfoldable:not(:hover) .nav-group-items,
8153
8224
  .sidebar-narrow .nav-group-items,
8154
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-footer,
8155
- .sidebar-narrow .sidebar-footer,
8156
8225
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
8157
- .sidebar-narrow .sidebar-form,
8158
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-header,
8159
- .sidebar-narrow .sidebar-header {
8226
+ .sidebar-narrow .sidebar-form {
8160
8227
  height: 0 !important;
8161
8228
  padding: 0;
8162
8229
  margin: 0;
@@ -8164,10 +8231,6 @@ textarea.form-control-lg {
8164
8231
  opacity: 0;
8165
8232
  }
8166
8233
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler, .sidebar-narrow .sidebar-toggler {
8167
- position: fixed;
8168
- bottom: 0;
8169
- }
8170
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-narrow .sidebar-toggler::before {
8171
8234
  transform: rotate(0deg);
8172
8235
  }
8173
8236
  .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before {
@@ -8181,6 +8244,9 @@ textarea.form-control-lg {
8181
8244
  .sidebar-narrow.sidebar-end ~ * {
8182
8245
  --cui-sidebar-occupy-end: 4rem;
8183
8246
  }
8247
+ .sidebar-narrow .nav-link {
8248
+ overflow: hidden;
8249
+ }
8184
8250
 
8185
8251
  .sidebar-narrow-unfoldable {
8186
8252
  position: fixed;
@@ -8192,12 +8258,18 @@ textarea.form-control-lg {
8192
8258
  .sidebar-narrow-unfoldable.sidebar-end ~ * {
8193
8259
  --cui-sidebar-occupy-end: 4rem;
8194
8260
  }
8195
- .sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
8261
+ .sidebar-narrow-unfoldable:hover {
8262
+ box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
8263
+ }
8264
+ .sidebar-narrow-unfoldable:hover .sidebar-toggler {
8196
8265
  transform: rotate(0deg);
8197
8266
  }
8198
- .sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before {
8267
+ .sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler {
8199
8268
  transform: rotate(0deg);
8200
8269
  }
8270
+ .sidebar-narrow-unfoldable .nav-link {
8271
+ overflow: hidden;
8272
+ }
8201
8273
 
8202
8274
  .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end) {
8203
8275
  margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
@@ -8246,62 +8318,6 @@ textarea.form-control-lg {
8246
8318
  margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
8247
8319
  }
8248
8320
  }
8249
- .subheader {
8250
- position: relative;
8251
- display: flex;
8252
- flex-wrap: wrap;
8253
- align-items: center;
8254
- justify-content: space-between;
8255
- min-height: 3rem;
8256
- padding: 0.5rem 1rem;
8257
- background: var(--cui-subheader-bg, #fff);
8258
- border-bottom: var(--cui-subheader-border-width, 1px) solid var(--cui-subheader-border-color, var(--cui-border-color));
8259
- }
8260
-
8261
- .subheader-sticky {
8262
- position: sticky;
8263
- top: 0;
8264
- z-index: 1029;
8265
- }
8266
-
8267
- .subheader-nav {
8268
- display: flex;
8269
- flex-direction: row;
8270
- padding-right: 0;
8271
- margin-bottom: 0;
8272
- list-style: none;
8273
- }
8274
- .subheader-nav .nav-link {
8275
- padding-right: 0.5rem;
8276
- padding-left: 0.5rem;
8277
- color: var(--cui-subheader-color, var(--cui-secondary-color));
8278
- }
8279
- .subheader-nav .nav-link:hover, .subheader-nav .nav-link:focus {
8280
- color: var(--cui-subheader-hover-color, var(--cui-body-color));
8281
- }
8282
- .subheader-nav .nav-link.disabled {
8283
- color: var(--cui-subheader-disabled-color, rgba(37, 43, 54, 0.38));
8284
- }
8285
- .subheader-nav .show > .nav-link,
8286
- .subheader-nav .nav-link.active {
8287
- color: var(--cui-subheader-active-color, var(--cui-body-color));
8288
- }
8289
- .subheader-nav .dropdown-menu {
8290
- position: absolute;
8291
- }
8292
-
8293
- .subheader-text {
8294
- padding-top: 0.5rem;
8295
- padding-bottom: 0.5rem;
8296
- color: var(--cui-subheader-color, var(--cui-secondary-color));
8297
- }
8298
- .subheader-text a {
8299
- color: var(--cui-subheader-active-color, var(--cui-body-color));
8300
- }
8301
- .subheader-text a:hover, .subheader-text a:focus {
8302
- color: var(--cui-subheader-active-color, var(--cui-body-color));
8303
- }
8304
-
8305
8321
  .clearfix::after {
8306
8322
  display: block;
8307
8323
  clear: both;
@@ -8309,55 +8325,55 @@ textarea.form-control-lg {
8309
8325
  }
8310
8326
 
8311
8327
  .text-bg-primary {
8312
- color: rgba(255, 255, 255, 0.87) !important;
8313
- background-color: RGBA(50, 31, 219, var(--cui-bg-opacity, 1)) !important;
8328
+ color: #fff !important;
8329
+ background-color: RGBA(var(--cui-primary-rgb), var(--cui-bg-opacity, 1)) !important;
8314
8330
  }
8315
8331
 
8316
8332
  .text-bg-secondary {
8317
- color: rgba(37, 43, 54, 0.95) !important;
8318
- background-color: RGBA(157, 165, 177, var(--cui-bg-opacity, 1)) !important;
8333
+ color: #080a0c !important;
8334
+ background-color: RGBA(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important;
8319
8335
  }
8320
8336
 
8321
8337
  .text-bg-success {
8322
- color: rgba(37, 43, 54, 0.95) !important;
8323
- background-color: RGBA(46, 184, 92, var(--cui-bg-opacity, 1)) !important;
8338
+ color: #080a0c !important;
8339
+ background-color: RGBA(var(--cui-success-rgb), var(--cui-bg-opacity, 1)) !important;
8324
8340
  }
8325
8341
 
8326
8342
  .text-bg-info {
8327
8343
  color: #080a0c !important;
8328
- background-color: RGBA(51, 153, 255, var(--cui-bg-opacity, 1)) !important;
8344
+ background-color: RGBA(var(--cui-info-rgb), var(--cui-bg-opacity, 1)) !important;
8329
8345
  }
8330
8346
 
8331
8347
  .text-bg-warning {
8332
- color: rgba(37, 43, 54, 0.95) !important;
8333
- background-color: RGBA(249, 177, 21, var(--cui-bg-opacity, 1)) !important;
8348
+ color: #080a0c !important;
8349
+ background-color: RGBA(var(--cui-warning-rgb), var(--cui-bg-opacity, 1)) !important;
8334
8350
  }
8335
8351
 
8336
8352
  .text-bg-danger {
8337
8353
  color: #080a0c !important;
8338
- background-color: RGBA(229, 83, 83, var(--cui-bg-opacity, 1)) !important;
8354
+ background-color: RGBA(var(--cui-danger-rgb), var(--cui-bg-opacity, 1)) !important;
8339
8355
  }
8340
8356
 
8341
8357
  .text-bg-light {
8342
- color: rgba(37, 43, 54, 0.95) !important;
8343
- background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
8358
+ color: #080a0c !important;
8359
+ background-color: RGBA(var(--cui-light-rgb), var(--cui-bg-opacity, 1)) !important;
8344
8360
  }
8345
8361
 
8346
8362
  .text-bg-dark {
8347
- color: rgba(255, 255, 255, 0.87) !important;
8348
- background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
8363
+ color: #fff !important;
8364
+ background-color: RGBA(var(--cui-dark-rgb), var(--cui-bg-opacity, 1)) !important;
8349
8365
  }
8350
8366
 
8351
8367
  [data-coreui-theme=dark] .text-bg-primary {
8352
8368
  color: #fff !important;
8353
- background-color: RGBA(107, 96, 206, var(--cui-bg-opacity, 1)) !important;
8369
+ background-color: RGBA(98, 97, 204, var(--cui-bg-opacity, 1)) !important;
8354
8370
  }
8355
8371
  [data-coreui-theme=dark] .text-bg-secondary {
8356
- color: rgba(37, 43, 54, 0.95) !important;
8372
+ color: #080a0c !important;
8357
8373
  background-color: RGBA(166, 167, 168, var(--cui-bg-opacity, 1)) !important;
8358
8374
  }
8359
8375
  [data-coreui-theme=dark] .text-bg-success {
8360
- color: rgba(37, 43, 54, 0.95) !important;
8376
+ color: #080a0c !important;
8361
8377
  background-color: RGBA(58, 173, 96, var(--cui-bg-opacity, 1)) !important;
8362
8378
  }
8363
8379
  [data-coreui-theme=dark] .text-bg-info {
@@ -8365,7 +8381,7 @@ textarea.form-control-lg {
8365
8381
  background-color: RGBA(61, 153, 245, var(--cui-bg-opacity, 1)) !important;
8366
8382
  }
8367
8383
  [data-coreui-theme=dark] .text-bg-warning {
8368
- color: rgba(37, 43, 54, 0.95) !important;
8384
+ color: #080a0c !important;
8369
8385
  background-color: RGBA(237, 173, 33, var(--cui-bg-opacity, 1)) !important;
8370
8386
  }
8371
8387
  [data-coreui-theme=dark] .text-bg-danger {
@@ -8373,12 +8389,12 @@ textarea.form-control-lg {
8373
8389
  background-color: RGBA(219, 93, 93, var(--cui-bg-opacity, 1)) !important;
8374
8390
  }
8375
8391
  [data-coreui-theme=dark] .text-bg-light {
8376
- color: rgba(37, 43, 54, 0.95) !important;
8377
- background-color: RGBA(244, 245, 246, var(--cui-bg-opacity, 1)) !important;
8392
+ color: #080a0c !important;
8393
+ background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
8378
8394
  }
8379
8395
  [data-coreui-theme=dark] .text-bg-dark {
8380
- color: rgba(255, 255, 255, 0.87) !important;
8381
- background-color: RGBA(37, 40, 45, var(--cui-bg-opacity, 1)) !important;
8396
+ color: #fff !important;
8397
+ background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
8382
8398
  }
8383
8399
 
8384
8400
  .link-primary {
@@ -8386,8 +8402,8 @@ textarea.form-control-lg {
8386
8402
  text-decoration-color: RGBA(var(--cui-primary-rgb), var(--cui-link-underline-opacity, 1)) !important;
8387
8403
  }
8388
8404
  .link-primary:hover, .link-primary:focus {
8389
- color: RGBA(91, 76, 226, var(--cui-link-opacity, 1)) !important;
8390
- text-decoration-color: RGBA(91, 76, 226, var(--cui-link-underline-opacity, 1)) !important;
8405
+ color: RGBA(70, 69, 171, var(--cui-link-opacity, 1)) !important;
8406
+ text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important;
8391
8407
  }
8392
8408
 
8393
8409
  .link-secondary {
@@ -8395,8 +8411,8 @@ textarea.form-control-lg {
8395
8411
  text-decoration-color: RGBA(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important;
8396
8412
  }
8397
8413
  .link-secondary:hover, .link-secondary:focus {
8398
- color: RGBA(126, 132, 142, var(--cui-link-opacity, 1)) !important;
8399
- text-decoration-color: RGBA(126, 132, 142, var(--cui-link-underline-opacity, 1)) !important;
8414
+ color: RGBA(177, 183, 193, var(--cui-link-opacity, 1)) !important;
8415
+ text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
8400
8416
  }
8401
8417
 
8402
8418
  .link-success {
@@ -8404,8 +8420,8 @@ textarea.form-control-lg {
8404
8420
  text-decoration-color: RGBA(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important;
8405
8421
  }
8406
8422
  .link-success:hover, .link-success:focus {
8407
- color: RGBA(37, 147, 74, var(--cui-link-opacity, 1)) !important;
8408
- text-decoration-color: RGBA(37, 147, 74, var(--cui-link-underline-opacity, 1)) !important;
8423
+ color: RGBA(88, 198, 125, var(--cui-link-opacity, 1)) !important;
8424
+ text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
8409
8425
  }
8410
8426
 
8411
8427
  .link-info {
@@ -8422,8 +8438,8 @@ textarea.form-control-lg {
8422
8438
  text-decoration-color: RGBA(var(--cui-warning-rgb), var(--cui-link-underline-opacity, 1)) !important;
8423
8439
  }
8424
8440
  .link-warning:hover, .link-warning:focus {
8425
- color: RGBA(199, 142, 17, var(--cui-link-opacity, 1)) !important;
8426
- text-decoration-color: RGBA(199, 142, 17, var(--cui-link-underline-opacity, 1)) !important;
8441
+ color: RGBA(250, 193, 68, var(--cui-link-opacity, 1)) !important;
8442
+ text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important;
8427
8443
  }
8428
8444
 
8429
8445
  .link-danger {
@@ -8440,8 +8456,8 @@ textarea.form-control-lg {
8440
8456
  text-decoration-color: RGBA(var(--cui-light-rgb), var(--cui-link-underline-opacity, 1)) !important;
8441
8457
  }
8442
8458
  .link-light:hover, .link-light:focus {
8443
- color: RGBA(194, 195, 198, var(--cui-link-opacity, 1)) !important;
8444
- text-decoration-color: RGBA(194, 195, 198, var(--cui-link-underline-opacity, 1)) !important;
8459
+ color: RGBA(245, 246, 249, var(--cui-link-opacity, 1)) !important;
8460
+ text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important;
8445
8461
  }
8446
8462
 
8447
8463
  .link-dark {
@@ -8449,8 +8465,8 @@ textarea.form-control-lg {
8449
8465
  text-decoration-color: RGBA(var(--cui-dark-rgb), var(--cui-link-underline-opacity, 1)) !important;
8450
8466
  }
8451
8467
  .link-dark:hover, .link-dark:focus {
8452
- color: RGBA(77, 81, 90, var(--cui-link-opacity, 1)) !important;
8453
- text-decoration-color: RGBA(77, 81, 90, var(--cui-link-underline-opacity, 1)) !important;
8468
+ color: RGBA(26, 30, 39, var(--cui-link-opacity, 1)) !important;
8469
+ text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important;
8454
8470
  }
8455
8471
 
8456
8472
  .link-body-emphasis {
@@ -8662,7 +8678,7 @@ textarea.form-control-lg {
8662
8678
  .vr {
8663
8679
  display: inline-block;
8664
8680
  align-self: stretch;
8665
- width: 1px;
8681
+ width: var(--cui-border-width);
8666
8682
  min-height: 1em;
8667
8683
  padding: 0;
8668
8684
  background-color: currentcolor;
@@ -8838,15 +8854,15 @@ textarea.form-control-lg {
8838
8854
  }
8839
8855
 
8840
8856
  .shadow {
8841
- box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15) !important;
8857
+ box-shadow: var(--cui-box-shadow) !important;
8842
8858
  }
8843
8859
 
8844
8860
  .shadow-sm {
8845
- box-shadow: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075) !important;
8861
+ box-shadow: var(--cui-box-shadow-sm) !important;
8846
8862
  }
8847
8863
 
8848
8864
  .shadow-lg {
8849
- box-shadow: 0 1rem 3rem rgba(8, 10, 12, 0.175) !important;
8865
+ box-shadow: var(--cui-box-shadow-lg) !important;
8850
8866
  }
8851
8867
 
8852
8868
  .shadow-none {
@@ -9056,7 +9072,7 @@ textarea.form-control-lg {
9056
9072
  }
9057
9073
 
9058
9074
  .border-top-primary {
9059
- border-top-color: #321fdb !important;
9075
+ border-top-color: #5856d6 !important;
9060
9076
  }
9061
9077
 
9062
9078
  .border-top-secondary {
@@ -9092,7 +9108,7 @@ textarea.form-control-lg {
9092
9108
  }
9093
9109
 
9094
9110
  .border-end-primary {
9095
- border-left-color: #321fdb !important;
9111
+ border-left-color: #5856d6 !important;
9096
9112
  }
9097
9113
 
9098
9114
  .border-end-secondary {
@@ -9128,7 +9144,7 @@ textarea.form-control-lg {
9128
9144
  }
9129
9145
 
9130
9146
  .border-bottom-primary {
9131
- border-bottom-color: #321fdb !important;
9147
+ border-bottom-color: #5856d6 !important;
9132
9148
  }
9133
9149
 
9134
9150
  .border-bottom-secondary {
@@ -9164,7 +9180,7 @@ textarea.form-control-lg {
9164
9180
  }
9165
9181
 
9166
9182
  .border-start-primary {
9167
- border-right-color: #321fdb !important;
9183
+ border-right-color: #5856d6 !important;
9168
9184
  }
9169
9185
 
9170
9186
  .border-start-secondary {