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

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 (108) hide show
  1. package/README.md +1 -1
  2. package/dist/css/coreui-grid.css +1 -1
  3. package/dist/css/coreui-grid.css.map +1 -1
  4. package/dist/css/coreui-grid.min.css +1 -1
  5. package/dist/css/coreui-grid.min.css.map +1 -1
  6. package/dist/css/coreui-grid.rtl.css +1 -6
  7. package/dist/css/coreui-grid.rtl.css.map +1 -1
  8. package/dist/css/coreui-grid.rtl.min.css +1 -5
  9. package/dist/css/coreui-grid.rtl.min.css.map +1 -1
  10. package/dist/css/coreui-reboot.css +45 -40
  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 +45 -45
  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 +87 -82
  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 +81 -81
  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 +659 -675
  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 +690 -717
  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 +13 -5
  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 +13 -5
  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 +13 -5
  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 +1 -1
  56. package/js/dist/dropdown.js +1 -1
  57. package/js/dist/modal.js +1 -1
  58. package/js/dist/navigation.js +1 -1
  59. package/js/dist/offcanvas.js +1 -1
  60. package/js/dist/popover.js +1 -1
  61. package/js/dist/scrollspy.js +1 -1
  62. package/js/dist/sidebar.js +1 -1
  63. package/js/dist/tab.js +12 -4
  64. package/js/dist/tab.js.map +1 -1
  65. package/js/dist/toast.js +1 -1
  66. package/js/dist/tooltip.js +1 -1
  67. package/js/dist/util/backdrop.js +1 -1
  68. package/js/dist/util/component-functions.js +1 -1
  69. package/js/dist/util/config.js +1 -1
  70. package/js/dist/util/focustrap.js +1 -1
  71. package/js/dist/util/index.js +1 -1
  72. package/js/dist/util/sanitizer.js +1 -1
  73. package/js/dist/util/scrollbar.js +1 -1
  74. package/js/dist/util/swipe.js +1 -1
  75. package/js/dist/util/template-factory.js +1 -1
  76. package/js/src/base-component.js +1 -1
  77. package/js/src/tab.js +13 -3
  78. package/package.json +20 -20
  79. package/scss/_button-group.scss +3 -3
  80. package/scss/_card.scss +3 -3
  81. package/scss/_close.scss +1 -0
  82. package/scss/_dropdown.scss +4 -4
  83. package/scss/_header.scss +3 -12
  84. package/scss/_nav.scss +35 -17
  85. package/scss/_reboot.scss +4 -4
  86. package/scss/_root.scss +18 -12
  87. package/scss/_tooltip.scss +1 -1
  88. package/scss/_type.scss +1 -1
  89. package/scss/_variables-dark.scss +8 -17
  90. package/scss/_variables.scss +119 -139
  91. package/scss/coreui-grid.rtl.scss +0 -3
  92. package/scss/coreui-reboot.rtl.scss +0 -3
  93. package/scss/coreui-utilities.rtl.scss +0 -3
  94. package/scss/coreui.rtl.scss +0 -3
  95. package/scss/coreui.scss +0 -1
  96. package/scss/forms/_floating-labels.scss +3 -2
  97. package/scss/forms/_form-check.scss +12 -12
  98. package/scss/forms/_form-control.scss +1 -1
  99. package/scss/forms/_form-range.scss +3 -3
  100. package/scss/forms/_form-select.scss +1 -1
  101. package/scss/helpers/_color-bg.scss +1 -2
  102. package/scss/helpers/_vr.scss +1 -1
  103. package/scss/mixins/_banner.scss +1 -1
  104. package/scss/mixins/_caret.scss +3 -3
  105. package/scss/sidebar/_sidebar-narrow.scss +33 -13
  106. package/scss/sidebar/_sidebar-nav.scss +114 -19
  107. package/scss/sidebar/_sidebar.scss +82 -131
  108. package/scss/_subheader.scss +0 -72
package/dist/css/coreui.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * CoreUI v5.0.0-alpha.1 (https://coreui.io)
3
+ * CoreUI v5.0.0-alpha.2 (https://coreui.io)
4
4
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
5
5
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
6
6
  */
@@ -29,7 +29,7 @@
29
29
  --cui-gray-700: #4a566d;
30
30
  --cui-gray-800: #323a49;
31
31
  --cui-gray-900: #212631;
32
- --cui-primary: #321fdb;
32
+ --cui-primary: #5856d6;
33
33
  --cui-secondary: #9da5b1;
34
34
  --cui-success: #2eb85c;
35
35
  --cui-info: #39f;
@@ -37,7 +37,7 @@
37
37
  --cui-danger: #e55353;
38
38
  --cui-light: #f3f4f7;
39
39
  --cui-dark: #212631;
40
- --cui-primary-rgb: 50, 31, 219;
40
+ --cui-primary-rgb: 88, 86, 214;
41
41
  --cui-secondary-rgb: 157, 165, 177;
42
42
  --cui-success-rgb: 46, 184, 92;
43
43
  --cui-info-rgb: 51, 153, 255;
@@ -45,7 +45,7 @@
45
45
  --cui-danger-rgb: 229, 83, 83;
46
46
  --cui-light-rgb: 243, 244, 247;
47
47
  --cui-dark-rgb: 33, 38, 49;
48
- --cui-primary-text-emphasis: #1f1498;
48
+ --cui-primary-text-emphasis: #3634a3;
49
49
  --cui-secondary-text-emphasis: #212233;
50
50
  --cui-success-text-emphasis: #0f5722;
51
51
  --cui-info-text-emphasis: #184c77;
@@ -53,7 +53,7 @@
53
53
  --cui-danger-text-emphasis: #671414;
54
54
  --cui-light-text-emphasis: #4a566d;
55
55
  --cui-dark-text-emphasis: #323a49;
56
- --cui-primary-bg-subtle: #ccc7f6;
56
+ --cui-primary-bg-subtle: #cfc7f3;
57
57
  --cui-secondary-bg-subtle: #ced2d8;
58
58
  --cui-success-bg-subtle: #cbedd6;
59
59
  --cui-info-bg-subtle: #c0e6ff;
@@ -61,7 +61,7 @@
61
61
  --cui-danger-bg-subtle: #f9d4d4;
62
62
  --cui-light-bg-subtle: #f9fafb;
63
63
  --cui-dark-bg-subtle: #cfd4de;
64
- --cui-primary-border-subtle: #988fed;
64
+ --cui-primary-border-subtle: #9d92e6;
65
65
  --cui-secondary-border-subtle: #9da5b1;
66
66
  --cui-success-border-subtle: #96dbad;
67
67
  --cui-info-border-subtle: #80c6ff;
@@ -92,18 +92,26 @@
92
92
  --cui-tertiary-color-rgb: 37, 43, 54;
93
93
  --cui-tertiary-bg: #f3f4f7;
94
94
  --cui-tertiary-bg-rgb: 243, 244, 247;
95
- --cui-high-emphasis: rgba(37, 43, 54, 0.95);
96
- --cui-medium-emphasis: rgba(37, 43, 54, 0.681);
97
- --cui-disabled: rgba(37, 43, 54, 0.38);
98
- --cui-high-emphasis-inverse: rgba(255, 255, 255, 0.87);
99
- --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6);
100
- --cui-disabled-inverse: rgba(255, 255, 255, 0.38);
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;
101
109
  --cui-heading-color: inherit;
102
- --cui-link-color: #321fdb;
103
- --cui-link-color-rgb: 50, 31, 219;
110
+ --cui-link-color: #5856d6;
111
+ --cui-link-color-rgb: 88, 86, 214;
104
112
  --cui-link-decoration: underline;
105
- --cui-link-hover-color: #2819af;
106
- --cui-link-hover-color-rgb: 40, 25, 175;
113
+ --cui-link-hover-color: #4645ab;
114
+ --cui-link-hover-color-rgb: 70, 69, 171;
107
115
  --cui-code-color: #d63384;
108
116
  --cui-highlight-bg: #fff3cd;
109
117
  --cui-border-width: 1px;
@@ -123,7 +131,7 @@
123
131
  --cui-box-shadow-inset: inset 0 1px 2px rgba(8, 10, 12, 0.075);
124
132
  --cui-focus-ring-width: 0.25rem;
125
133
  --cui-focus-ring-opacity: 0.25;
126
- --cui-focus-ring-color: rgba(50, 31, 219, 0.25);
134
+ --cui-focus-ring-color: rgba(88, 86, 214, 0.25);
127
135
  --cui-form-valid-color: #2eb85c;
128
136
  --cui-form-valid-border-color: #2eb85c;
129
137
  --cui-form-invalid-color: #e55353;
@@ -132,24 +140,21 @@
132
140
 
133
141
  [data-coreui-theme=dark] {
134
142
  color-scheme: dark;
135
- --cui-body-color: #aab3c5;
136
- --cui-body-color-rgb: 170, 179, 197;
143
+ --cui-body-color: rgba(255, 255, 255, 0.87);
144
+ --cui-body-color-rgb: 255, 255, 255;
137
145
  --cui-body-bg: #212631;
138
146
  --cui-body-bg-rgb: 33, 38, 49;
139
147
  --cui-emphasis-color: #fff;
140
148
  --cui-emphasis-color-rgb: 255, 255, 255;
141
- --cui-secondary-color: rgba(170, 179, 197, 0.75);
142
- --cui-secondary-color-rgb: 170, 179, 197;
149
+ --cui-secondary-color: rgba(255, 255, 255, 0.6);
150
+ --cui-secondary-color-rgb: 255, 255, 255;
143
151
  --cui-secondary-bg: #323a49;
144
152
  --cui-secondary-bg-rgb: 50, 58, 73;
145
- --cui-tertiary-color: rgba(170, 179, 197, 0.5);
146
- --cui-tertiary-color-rgb: 170, 179, 197;
147
- --cui-tertiary-bg: #252a37;
148
- --cui-tertiary-bg-rgb: 37, 42, 55;
149
- --cui-high-emphasis: #aab3c5;
150
- --cui-medium-emphasis: rgba(170, 179, 197, 0.75);
151
- --cui-disabled: rgba(170, 179, 197, 0.5);
152
- --cui-primary: #6b60ce;
153
+ --cui-tertiary-color: rgba(255, 255, 255, 0.38);
154
+ --cui-tertiary-color-rgb: 255, 255, 255;
155
+ --cui-tertiary-bg: #2a303d;
156
+ --cui-tertiary-bg-rgb: 42, 48, 61;
157
+ --cui-primary: #6261cc;
153
158
  --cui-secondary: #a6a7a8;
154
159
  --cui-success: #3aad60;
155
160
  --cui-info: #3d99f5;
@@ -166,7 +171,7 @@
166
171
  --cui-gray-700: #4a566d;
167
172
  --cui-gray-800: #323a49;
168
173
  --cui-gray-900: #212631;
169
- --cui-primary-rgb: 107, 96, 206;
174
+ --cui-primary-rgb: 98, 97, 204;
170
175
  --cui-secondary-rgb: 166, 167, 168;
171
176
  --cui-success-rgb: 58, 173, 96;
172
177
  --cui-info-rgb: 61, 153, 245;
@@ -174,7 +179,7 @@
174
179
  --cui-danger-rgb: 219, 93, 93;
175
180
  --cui-light-rgb: 244, 245, 246;
176
181
  --cui-dark-rgb: 37, 40, 45;
177
- --cui-primary-text-emphasis: #1f1498;
182
+ --cui-primary-text-emphasis: #3634a3;
178
183
  --cui-secondary-text-emphasis: #212233;
179
184
  --cui-success-text-emphasis: #0f5722;
180
185
  --cui-info-text-emphasis: #184c77;
@@ -182,7 +187,7 @@
182
187
  --cui-danger-text-emphasis: #671414;
183
188
  --cui-light-text-emphasis: #f3f4f7;
184
189
  --cui-dark-text-emphasis: #dbdfe6;
185
- --cui-primary-bg-subtle: #ccc7f6;
190
+ --cui-primary-bg-subtle: #cfc7f3;
186
191
  --cui-secondary-bg-subtle: #ced2d8;
187
192
  --cui-success-bg-subtle: #cbedd6;
188
193
  --cui-info-bg-subtle: #c0e6ff;
@@ -190,7 +195,7 @@
190
195
  --cui-danger-bg-subtle: #f9d4d4;
191
196
  --cui-light-bg-subtle: #323a49;
192
197
  --cui-dark-bg-subtle: #1d222b;
193
- --cui-primary-border-subtle: #988fed;
198
+ --cui-primary-border-subtle: #9d92e6;
194
199
  --cui-secondary-border-subtle: #9da5b1;
195
200
  --cui-success-border-subtle: #96dbad;
196
201
  --cui-info-border-subtle: #80c6ff;
@@ -199,13 +204,13 @@
199
204
  --cui-light-border-subtle: #4a566d;
200
205
  --cui-dark-border-subtle: #323a49;
201
206
  --cui-heading-color: inherit;
202
- --cui-link-color: #8479e9;
203
- --cui-link-hover-color: #9d94ed;
204
- --cui-link-color-rgb: 132, 121, 233;
205
- --cui-link-hover-color-rgb: 157, 148, 237;
207
+ --cui-link-color: #6261cc;
208
+ --cui-link-hover-color: #8181d6;
209
+ --cui-link-color-rgb: 98, 97, 204;
210
+ --cui-link-hover-color-rgb: 129, 129, 214;
206
211
  --cui-code-color: #e685b5;
207
- --cui-border-color: #4a566d;
208
- --cui-border-color-translucent: rgba(255, 255, 255, 0.15);
212
+ --cui-border-color: #323a49;
213
+ --cui-border-color-translucent: rgba(255, 255, 255, 0.1);
209
214
  --cui-form-valid-color: #75b798;
210
215
  --cui-form-valid-border-color: #75b798;
211
216
  --cui-form-invalid-color: #ea868f;
@@ -570,8 +575,8 @@ legend + * {
570
575
  }
571
576
 
572
577
  [type=search] {
573
- outline-offset: -2px;
574
578
  -webkit-appearance: textfield;
579
+ outline-offset: -2px;
575
580
  }
576
581
 
577
582
  *[dir=rtl] [type=tel],
@@ -1962,113 +1967,113 @@ progress {
1962
1967
  }
1963
1968
 
1964
1969
  .table-primary {
1965
- --cui-table-color: rgba(37, 43, 54, 0.95);
1966
- --cui-table-bg: #d6d2f8;
1967
- --cui-table-border-color: rgba(198, 195, 230, 0.995);
1968
- --cui-table-striped-bg: rgba(206, 202, 239, 0.9975);
1969
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
1970
- --cui-table-active-bg: rgba(198, 195, 230, 0.995);
1971
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
1972
- --cui-table-hover-bg: rgba(202, 199, 235, 0.99625);
1973
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
1970
+ --cui-table-color: #080a0c;
1971
+ --cui-table-bg: #deddf7;
1972
+ --cui-table-border-color: #c9c8e0;
1973
+ --cui-table-striped-bg: #d3d2eb;
1974
+ --cui-table-striped-color: #080a0c;
1975
+ --cui-table-active-bg: #c9c8e0;
1976
+ --cui-table-active-color: #080a0c;
1977
+ --cui-table-hover-bg: #cecde5;
1978
+ --cui-table-hover-color: #080a0c;
1974
1979
  color: var(--cui-table-color);
1975
1980
  border-color: var(--cui-table-border-color);
1976
1981
  }
1977
1982
 
1978
1983
  .table-secondary {
1979
- --cui-table-color: rgba(37, 43, 54, 0.95);
1984
+ --cui-table-color: #080a0c;
1980
1985
  --cui-table-bg: #ebedef;
1981
- --cui-table-border-color: rgba(217, 219, 222, 0.995);
1982
- --cui-table-striped-bg: rgba(226, 228, 231, 0.9975);
1983
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
1984
- --cui-table-active-bg: rgba(217, 219, 222, 0.995);
1985
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
1986
- --cui-table-hover-bg: rgba(221, 224, 226, 0.99625);
1987
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
1986
+ --cui-table-border-color: #d4d6d8;
1987
+ --cui-table-striped-bg: #e0e2e4;
1988
+ --cui-table-striped-color: #080a0c;
1989
+ --cui-table-active-bg: #d4d6d8;
1990
+ --cui-table-active-color: #080a0c;
1991
+ --cui-table-hover-bg: #dadcde;
1992
+ --cui-table-hover-color: #080a0c;
1988
1993
  color: var(--cui-table-color);
1989
1994
  border-color: var(--cui-table-border-color);
1990
1995
  }
1991
1996
 
1992
1997
  .table-success {
1993
- --cui-table-color: rgba(37, 43, 54, 0.95);
1998
+ --cui-table-color: #080a0c;
1994
1999
  --cui-table-bg: #d5f1de;
1995
- --cui-table-border-color: rgba(197, 223, 207, 0.995);
1996
- --cui-table-striped-bg: rgba(205, 232, 214, 0.9975);
1997
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
1998
- --cui-table-active-bg: rgba(197, 223, 207, 0.995);
1999
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2000
- --cui-table-hover-bg: rgba(201, 227, 211, 0.99625);
2001
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2000
+ --cui-table-border-color: #c1dac9;
2001
+ --cui-table-striped-bg: #cbe5d4;
2002
+ --cui-table-striped-color: #080a0c;
2003
+ --cui-table-active-bg: #c1dac9;
2004
+ --cui-table-active-color: #080a0c;
2005
+ --cui-table-hover-bg: #c6e0ce;
2006
+ --cui-table-hover-color: #080a0c;
2002
2007
  color: var(--cui-table-color);
2003
2008
  border-color: var(--cui-table-border-color);
2004
2009
  }
2005
2010
 
2006
2011
  .table-info {
2007
- --cui-table-color: rgba(37, 43, 54, 0.95);
2012
+ --cui-table-color: #080a0c;
2008
2013
  --cui-table-bg: #d6ebff;
2009
- --cui-table-border-color: rgba(198, 217, 237, 0.995);
2010
- --cui-table-striped-bg: rgba(206, 226, 246, 0.9975);
2011
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
2012
- --cui-table-active-bg: rgba(198, 217, 237, 0.995);
2013
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2014
- --cui-table-hover-bg: rgba(202, 222, 241, 0.99625);
2015
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2014
+ --cui-table-border-color: #c1d5e7;
2015
+ --cui-table-striped-bg: #cce0f3;
2016
+ --cui-table-striped-color: #080a0c;
2017
+ --cui-table-active-bg: #c1d5e7;
2018
+ --cui-table-active-color: #080a0c;
2019
+ --cui-table-hover-bg: #c7daed;
2020
+ --cui-table-hover-color: #080a0c;
2016
2021
  color: var(--cui-table-color);
2017
2022
  border-color: var(--cui-table-border-color);
2018
2023
  }
2019
2024
 
2020
2025
  .table-warning {
2021
- --cui-table-color: rgba(37, 43, 54, 0.95);
2026
+ --cui-table-color: #080a0c;
2022
2027
  --cui-table-bg: #feefd0;
2023
- --cui-table-border-color: rgba(234, 221, 194, 0.995);
2024
- --cui-table-striped-bg: rgba(244, 230, 201, 0.9975);
2025
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
2026
- --cui-table-active-bg: rgba(234, 221, 194, 0.995);
2027
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2028
- --cui-table-hover-bg: rgba(239, 226, 197, 0.99625);
2029
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2028
+ --cui-table-border-color: #e5d8bc;
2029
+ --cui-table-striped-bg: #f2e4c6;
2030
+ --cui-table-striped-color: #080a0c;
2031
+ --cui-table-active-bg: #e5d8bc;
2032
+ --cui-table-active-color: #080a0c;
2033
+ --cui-table-hover-bg: #ecdec1;
2034
+ --cui-table-hover-color: #080a0c;
2030
2035
  color: var(--cui-table-color);
2031
2036
  border-color: var(--cui-table-border-color);
2032
2037
  }
2033
2038
 
2034
2039
  .table-danger {
2035
- --cui-table-color: rgba(37, 43, 54, 0.95);
2040
+ --cui-table-color: #080a0c;
2036
2041
  --cui-table-bg: #fadddd;
2037
- --cui-table-border-color: rgba(231, 205, 206, 0.995);
2038
- --cui-table-striped-bg: rgba(240, 213, 213, 0.9975);
2039
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
2040
- --cui-table-active-bg: rgba(231, 205, 206, 0.995);
2041
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2042
- --cui-table-hover-bg: rgba(235, 209, 210, 0.99625);
2043
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2042
+ --cui-table-border-color: #e2c8c8;
2043
+ --cui-table-striped-bg: #eed2d3;
2044
+ --cui-table-striped-color: #080a0c;
2045
+ --cui-table-active-bg: #e2c8c8;
2046
+ --cui-table-active-color: #080a0c;
2047
+ --cui-table-hover-bg: #e8cdcd;
2048
+ --cui-table-hover-color: #080a0c;
2044
2049
  color: var(--cui-table-color);
2045
2050
  border-color: var(--cui-table-border-color);
2046
2051
  }
2047
2052
 
2048
2053
  .table-light {
2049
- --cui-table-color: rgba(37, 43, 54, 0.95);
2054
+ --cui-table-color: #080a0c;
2050
2055
  --cui-table-bg: #f3f4f7;
2051
- --cui-table-border-color: rgba(224, 226, 229, 0.995);
2052
- --cui-table-striped-bg: rgba(234, 235, 238, 0.9975);
2053
- --cui-table-striped-color: rgba(37, 43, 54, 0.95);
2054
- --cui-table-active-bg: rgba(224, 226, 229, 0.995);
2055
- --cui-table-active-color: rgba(37, 43, 54, 0.95);
2056
- --cui-table-hover-bg: rgba(229, 230, 234, 0.99625);
2057
- --cui-table-hover-color: rgba(37, 43, 54, 0.95);
2056
+ --cui-table-border-color: #dcdde0;
2057
+ --cui-table-striped-bg: #e7e8eb;
2058
+ --cui-table-striped-color: #080a0c;
2059
+ --cui-table-active-bg: #dcdde0;
2060
+ --cui-table-active-color: #080a0c;
2061
+ --cui-table-hover-bg: #e1e2e5;
2062
+ --cui-table-hover-color: #080a0c;
2058
2063
  color: var(--cui-table-color);
2059
2064
  border-color: var(--cui-table-border-color);
2060
2065
  }
2061
2066
 
2062
2067
  .table-dark {
2063
- --cui-table-color: rgba(255, 255, 255, 0.87);
2068
+ --cui-table-color: #fff;
2064
2069
  --cui-table-bg: #212631;
2065
- --cui-table-border-color: rgba(50, 55, 65, 0.987);
2066
- --cui-table-striped-bg: rgba(42, 46, 57, 0.9935);
2067
- --cui-table-striped-color: rgba(255, 255, 255, 0.87);
2068
- --cui-table-active-bg: rgba(50, 55, 65, 0.987);
2069
- --cui-table-active-color: rgba(255, 255, 255, 0.87);
2070
- --cui-table-hover-bg: rgba(46, 51, 61, 0.99025);
2071
- --cui-table-hover-color: rgba(255, 255, 255, 0.87);
2070
+ --cui-table-border-color: #373c46;
2071
+ --cui-table-striped-bg: #2c313b;
2072
+ --cui-table-striped-color: #fff;
2073
+ --cui-table-active-bg: #373c46;
2074
+ --cui-table-active-color: #fff;
2075
+ --cui-table-hover-bg: #323640;
2076
+ --cui-table-hover-color: #fff;
2072
2077
  color: var(--cui-table-color);
2073
2078
  border-color: var(--cui-table-border-color);
2074
2079
  }
@@ -2146,12 +2151,12 @@ progress {
2146
2151
  font-weight: 400;
2147
2152
  line-height: 1.5;
2148
2153
  color: var(--cui-body-color);
2149
- background-color: var(--cui-body-bg);
2150
- background-clip: padding-box;
2151
- border: var(--cui-border-width) solid var(--cui-border-color);
2152
2154
  -webkit-appearance: none;
2153
2155
  -moz-appearance: none;
2154
2156
  appearance: none;
2157
+ background-color: var(--cui-body-bg);
2158
+ background-clip: padding-box;
2159
+ border: var(--cui-border-width) solid var(--cui-border-color);
2155
2160
  border-radius: var(--cui-border-radius);
2156
2161
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2157
2162
  }
@@ -2169,9 +2174,9 @@ progress {
2169
2174
  .form-control:focus {
2170
2175
  color: var(--cui-body-color);
2171
2176
  background-color: var(--cui-body-bg);
2172
- border-color: #998fed;
2177
+ border-color: #acabeb;
2173
2178
  outline: 0;
2174
- box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2179
+ box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2175
2180
  }
2176
2181
  .form-control::-webkit-date-and-time-value {
2177
2182
  min-width: 85px;
@@ -2340,6 +2345,9 @@ textarea.form-control-lg {
2340
2345
  font-weight: 400;
2341
2346
  line-height: 1.5;
2342
2347
  color: var(--cui-body-color);
2348
+ -webkit-appearance: none;
2349
+ -moz-appearance: none;
2350
+ appearance: none;
2343
2351
  background-color: var(--cui-body-bg);
2344
2352
  background-image: var(--cui-form-select-bg-img), var(--cui-form-select-bg-icon, none);
2345
2353
  background-repeat: no-repeat;
@@ -2348,9 +2356,6 @@ textarea.form-control-lg {
2348
2356
  border: var(--cui-border-width) solid var(--cui-border-color);
2349
2357
  border-radius: var(--cui-border-radius);
2350
2358
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2351
- -webkit-appearance: none;
2352
- -moz-appearance: none;
2353
- appearance: none;
2354
2359
  }
2355
2360
  @media (prefers-reduced-motion: reduce) {
2356
2361
  .form-select {
@@ -2358,9 +2363,9 @@ textarea.form-control-lg {
2358
2363
  }
2359
2364
  }
2360
2365
  .form-select:focus {
2361
- border-color: var(#998fed);
2366
+ border-color: var(#acabeb);
2362
2367
  outline: 0;
2363
- box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2368
+ box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2364
2369
  }
2365
2370
  .form-select[multiple], .form-select[size]:not([size="1"]) {
2366
2371
  padding-right: 0.75rem;
@@ -2391,7 +2396,7 @@ textarea.form-control-lg {
2391
2396
  }
2392
2397
 
2393
2398
  [data-coreui-theme=dark] .form-select {
2394
- --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");
2399
+ --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");
2395
2400
  }
2396
2401
 
2397
2402
  .form-check {
@@ -2422,15 +2427,15 @@ textarea.form-control-lg {
2422
2427
  height: 1em;
2423
2428
  margin-top: 0.25em;
2424
2429
  vertical-align: top;
2430
+ -webkit-appearance: none;
2431
+ -moz-appearance: none;
2432
+ appearance: none;
2425
2433
  background-color: var(--cui-form-check-bg);
2426
2434
  background-image: var(--cui-form-check-bg-image);
2427
2435
  background-repeat: no-repeat;
2428
2436
  background-position: center;
2429
2437
  background-size: contain;
2430
2438
  border: var(--cui-border-width) solid var(--cui-border-color);
2431
- -webkit-appearance: none;
2432
- -moz-appearance: none;
2433
- appearance: none;
2434
2439
  -webkit-print-color-adjust: exact;
2435
2440
  color-adjust: exact;
2436
2441
  print-color-adjust: exact;
@@ -2445,13 +2450,13 @@ textarea.form-control-lg {
2445
2450
  filter: brightness(90%);
2446
2451
  }
2447
2452
  .form-check-input:focus {
2448
- border-color: #998fed;
2453
+ border-color: #acabeb;
2449
2454
  outline: 0;
2450
- box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2455
+ box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2451
2456
  }
2452
2457
  .form-check-input:checked {
2453
- background-color: var(--cui-form-check-input-checked-bg-color, #321fdb);
2454
- border-color: var(--cui-form-check-input-checked-border-color, #321fdb);
2458
+ background-color: var(--cui-form-check-input-checked-bg-color, var(--cui-primary));
2459
+ border-color: var(--cui-form-check-input-checked-border-color, var(--cui-primary));
2455
2460
  }
2456
2461
  .form-check-input:checked[type=checkbox] {
2457
2462
  --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");
@@ -2460,8 +2465,8 @@ textarea.form-control-lg {
2460
2465
  --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");
2461
2466
  }
2462
2467
  .form-check-input[type=checkbox]:indeterminate {
2463
- background-color: #321fdb;
2464
- border-color: #321fdb;
2468
+ background-color: var(--cui-primary);
2469
+ border-color: var(--cui-primary);
2465
2470
  --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");
2466
2471
  }
2467
2472
  .form-check-input:disabled {
@@ -2496,18 +2501,18 @@ textarea.form-control-lg {
2496
2501
  }
2497
2502
  }
2498
2503
  .form-switch .form-check-input:focus {
2499
- --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");
2504
+ --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");
2500
2505
  }
2501
2506
  .form-switch .form-check-input:checked {
2502
2507
  background-position: right center;
2503
2508
  --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");
2504
2509
  }
2505
2510
  .form-switch.form-check-reverse {
2506
- padding-right: 2.5em;
2511
+ padding-right: 1.5em;
2507
2512
  padding-left: 0;
2508
2513
  }
2509
2514
  .form-switch.form-check-reverse .form-check-input {
2510
- margin-right: -2.5em;
2515
+ margin-right: -1.5em;
2511
2516
  margin-left: 0;
2512
2517
  }
2513
2518
 
@@ -2561,19 +2566,19 @@ textarea.form-control-lg {
2561
2566
  width: 100%;
2562
2567
  height: 1.5rem;
2563
2568
  padding: 0;
2564
- background-color: transparent;
2565
2569
  -webkit-appearance: none;
2566
2570
  -moz-appearance: none;
2567
2571
  appearance: none;
2572
+ background-color: transparent;
2568
2573
  }
2569
2574
  .form-range:focus {
2570
2575
  outline: 0;
2571
2576
  }
2572
2577
  .form-range:focus::-webkit-slider-thumb {
2573
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2578
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2574
2579
  }
2575
2580
  .form-range:focus::-moz-range-thumb {
2576
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
2581
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
2577
2582
  }
2578
2583
  .form-range::-moz-focus-outer {
2579
2584
  border: 0;
@@ -2582,13 +2587,13 @@ textarea.form-control-lg {
2582
2587
  width: 1rem;
2583
2588
  height: 1rem;
2584
2589
  margin-top: -0.25rem;
2585
- background-color: #321fdb;
2590
+ -webkit-appearance: none;
2591
+ appearance: none;
2592
+ background-color: var(--cui-primary);
2586
2593
  border: 0;
2587
2594
  border-radius: 1rem;
2588
2595
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2589
2596
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2590
- -webkit-appearance: none;
2591
- appearance: none;
2592
2597
  }
2593
2598
  @media (prefers-reduced-motion: reduce) {
2594
2599
  .form-range::-webkit-slider-thumb {
@@ -2597,7 +2602,7 @@ textarea.form-control-lg {
2597
2602
  }
2598
2603
  }
2599
2604
  .form-range::-webkit-slider-thumb:active {
2600
- background-color: #c2bcf4;
2605
+ background-color: #cdccf3;
2601
2606
  }
2602
2607
  .form-range::-webkit-slider-runnable-track {
2603
2608
  width: 100%;
@@ -2611,13 +2616,13 @@ textarea.form-control-lg {
2611
2616
  .form-range::-moz-range-thumb {
2612
2617
  width: 1rem;
2613
2618
  height: 1rem;
2614
- background-color: #321fdb;
2619
+ -moz-appearance: none;
2620
+ appearance: none;
2621
+ background-color: var(--cui-primary);
2615
2622
  border: 0;
2616
2623
  border-radius: 1rem;
2617
2624
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2618
2625
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2619
- -moz-appearance: none;
2620
- appearance: none;
2621
2626
  }
2622
2627
  @media (prefers-reduced-motion: reduce) {
2623
2628
  .form-range::-moz-range-thumb {
@@ -2626,7 +2631,7 @@ textarea.form-control-lg {
2626
2631
  }
2627
2632
  }
2628
2633
  .form-range::-moz-range-thumb:active {
2629
- background-color: #c2bcf4;
2634
+ background-color: #cdccf3;
2630
2635
  }
2631
2636
  .form-range::-moz-range-track {
2632
2637
  width: 100%;
@@ -2747,10 +2752,12 @@ textarea.form-control-lg {
2747
2752
  .form-floating > .form-control-plaintext ~ label {
2748
2753
  border-width: var(--cui-border-width) 0;
2749
2754
  }
2750
- .form-floating > :disabled ~ label {
2755
+ .form-floating > :disabled ~ label,
2756
+ .form-floating > .form-control:disabled ~ label {
2751
2757
  color: #6d7d9c;
2752
2758
  }
2753
- .form-floating > :disabled ~ label::after {
2759
+ .form-floating > :disabled ~ label::after,
2760
+ .form-floating > .form-control:disabled ~ label::after {
2754
2761
  background-color: var(--cui-secondary-bg);
2755
2762
  }
2756
2763
 
@@ -3110,52 +3117,52 @@ textarea.form-control-lg {
3110
3117
  }
3111
3118
 
3112
3119
  .btn-primary {
3113
- --cui-btn-color: rgba(255, 255, 255, 0.87);
3114
- --cui-btn-bg: #321fdb;
3115
- --cui-btn-border-color: #321fdb;
3116
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3117
- --cui-btn-hover-bg: #5141e0;
3118
- --cui-btn-hover-border-color: #4735df;
3119
- --cui-btn-focus-shadow-rgb: 75, 58, 223;
3120
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3121
- --cui-btn-active-bg: #5b4ce2;
3122
- --cui-btn-active-border-color: #4735df;
3120
+ --cui-btn-color: #fff;
3121
+ --cui-btn-bg: #5856d6;
3122
+ --cui-btn-border-color: #5856d6;
3123
+ --cui-btn-hover-color: #fff;
3124
+ --cui-btn-hover-bg: #4b49b6;
3125
+ --cui-btn-hover-border-color: #4645ab;
3126
+ --cui-btn-focus-shadow-rgb: 113, 111, 220;
3127
+ --cui-btn-active-color: #fff;
3128
+ --cui-btn-active-bg: #4645ab;
3129
+ --cui-btn-active-border-color: #4241a1;
3123
3130
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3124
- --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
3125
- --cui-btn-disabled-bg: #321fdb;
3126
- --cui-btn-disabled-border-color: #321fdb;
3131
+ --cui-btn-disabled-color: #fff;
3132
+ --cui-btn-disabled-bg: #5856d6;
3133
+ --cui-btn-disabled-border-color: #5856d6;
3127
3134
  }
3128
3135
 
3129
3136
  .btn-secondary {
3130
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3137
+ --cui-btn-color: #080a0c;
3131
3138
  --cui-btn-bg: #9da5b1;
3132
3139
  --cui-btn-border-color: #9da5b1;
3133
3140
  --cui-btn-hover-color: #080a0c;
3134
- --cui-btn-hover-bg: #858c96;
3135
- --cui-btn-hover-border-color: #7e848e;
3136
- --cui-btn-focus-shadow-rgb: 140, 148, 160;
3141
+ --cui-btn-hover-bg: #acb3bd;
3142
+ --cui-btn-hover-border-color: #a7aeb9;
3143
+ --cui-btn-focus-shadow-rgb: 135, 142, 152;
3137
3144
  --cui-btn-active-color: #080a0c;
3138
- --cui-btn-active-bg: #7e848e;
3139
- --cui-btn-active-border-color: #767c85;
3145
+ --cui-btn-active-bg: #b1b7c1;
3146
+ --cui-btn-active-border-color: #a7aeb9;
3140
3147
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3141
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3148
+ --cui-btn-disabled-color: #080a0c;
3142
3149
  --cui-btn-disabled-bg: #9da5b1;
3143
3150
  --cui-btn-disabled-border-color: #9da5b1;
3144
3151
  }
3145
3152
 
3146
3153
  .btn-success {
3147
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3154
+ --cui-btn-color: #080a0c;
3148
3155
  --cui-btn-bg: #2eb85c;
3149
3156
  --cui-btn-border-color: #2eb85c;
3150
3157
  --cui-btn-hover-color: #080a0c;
3151
- --cui-btn-hover-bg: #279c4e;
3152
- --cui-btn-hover-border-color: #25934a;
3153
- --cui-btn-focus-shadow-rgb: 45, 165, 87;
3158
+ --cui-btn-hover-bg: #4dc374;
3159
+ --cui-btn-hover-border-color: #43bf6c;
3160
+ --cui-btn-focus-shadow-rgb: 40, 158, 80;
3154
3161
  --cui-btn-active-color: #080a0c;
3155
- --cui-btn-active-bg: #25934a;
3156
- --cui-btn-active-border-color: #238a45;
3162
+ --cui-btn-active-bg: #58c67d;
3163
+ --cui-btn-active-border-color: #43bf6c;
3157
3164
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3158
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3165
+ --cui-btn-disabled-color: #080a0c;
3159
3166
  --cui-btn-disabled-bg: #2eb85c;
3160
3167
  --cui-btn-disabled-border-color: #2eb85c;
3161
3168
  }
@@ -3178,18 +3185,18 @@ textarea.form-control-lg {
3178
3185
  }
3179
3186
 
3180
3187
  .btn-warning {
3181
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3188
+ --cui-btn-color: #080a0c;
3182
3189
  --cui-btn-bg: #f9b115;
3183
3190
  --cui-btn-border-color: #f9b115;
3184
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3185
- --cui-btn-hover-bg: #d49612;
3186
- --cui-btn-hover-border-color: #c78e11;
3187
- --cui-btn-focus-shadow-rgb: 220, 159, 26;
3191
+ --cui-btn-hover-color: #080a0c;
3192
+ --cui-btn-hover-bg: #fabd38;
3193
+ --cui-btn-hover-border-color: #fab92c;
3194
+ --cui-btn-focus-shadow-rgb: 213, 152, 20;
3188
3195
  --cui-btn-active-color: #080a0c;
3189
- --cui-btn-active-bg: #c78e11;
3190
- --cui-btn-active-border-color: #bb8510;
3196
+ --cui-btn-active-bg: #fac144;
3197
+ --cui-btn-active-border-color: #fab92c;
3191
3198
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3192
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3199
+ --cui-btn-disabled-color: #080a0c;
3193
3200
  --cui-btn-disabled-bg: #f9b115;
3194
3201
  --cui-btn-disabled-border-color: #f9b115;
3195
3202
  }
@@ -3198,11 +3205,11 @@ textarea.form-control-lg {
3198
3205
  --cui-btn-color: #080a0c;
3199
3206
  --cui-btn-bg: #39f;
3200
3207
  --cui-btn-border-color: #39f;
3201
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3208
+ --cui-btn-hover-color: #080a0c;
3202
3209
  --cui-btn-hover-bg: #52a8ff;
3203
3210
  --cui-btn-hover-border-color: #47a3ff;
3204
3211
  --cui-btn-focus-shadow-rgb: 45, 132, 219;
3205
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3212
+ --cui-btn-active-color: #080a0c;
3206
3213
  --cui-btn-active-bg: #5cadff;
3207
3214
  --cui-btn-active-border-color: #47a3ff;
3208
3215
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3212,51 +3219,51 @@ textarea.form-control-lg {
3212
3219
  }
3213
3220
 
3214
3221
  .btn-light {
3215
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3222
+ --cui-btn-color: #080a0c;
3216
3223
  --cui-btn-bg: #f3f4f7;
3217
3224
  --cui-btn-border-color: #f3f4f7;
3218
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3219
- --cui-btn-hover-bg: #cfcfd2;
3220
- --cui-btn-hover-border-color: #c2c3c6;
3221
- --cui-btn-focus-shadow-rgb: 215, 216, 220;
3222
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3223
- --cui-btn-active-bg: #c2c3c6;
3224
- --cui-btn-active-border-color: #b6b7b9;
3225
+ --cui-btn-hover-color: #080a0c;
3226
+ --cui-btn-hover-bg: #f5f6f8;
3227
+ --cui-btn-hover-border-color: #f4f5f8;
3228
+ --cui-btn-focus-shadow-rgb: 208, 209, 212;
3229
+ --cui-btn-active-color: #080a0c;
3230
+ --cui-btn-active-bg: #f5f6f9;
3231
+ --cui-btn-active-border-color: #f4f5f8;
3225
3232
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3226
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3233
+ --cui-btn-disabled-color: #080a0c;
3227
3234
  --cui-btn-disabled-bg: #f3f4f7;
3228
3235
  --cui-btn-disabled-border-color: #f3f4f7;
3229
3236
  }
3230
3237
 
3231
3238
  .btn-dark {
3232
- --cui-btn-color: rgba(255, 255, 255, 0.87);
3239
+ --cui-btn-color: #fff;
3233
3240
  --cui-btn-bg: #212631;
3234
3241
  --cui-btn-border-color: #212631;
3235
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3236
- --cui-btn-hover-bg: #424750;
3237
- --cui-btn-hover-border-color: #373c46;
3238
- --cui-btn-focus-shadow-rgb: 60, 64, 74;
3239
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3240
- --cui-btn-active-bg: #4d515a;
3241
- --cui-btn-active-border-color: #373c46;
3242
+ --cui-btn-hover-color: #fff;
3243
+ --cui-btn-hover-bg: #1c202a;
3244
+ --cui-btn-hover-border-color: #1a1e27;
3245
+ --cui-btn-focus-shadow-rgb: 66, 71, 80;
3246
+ --cui-btn-active-color: #fff;
3247
+ --cui-btn-active-bg: #1a1e27;
3248
+ --cui-btn-active-border-color: #191d25;
3242
3249
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3243
- --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
3250
+ --cui-btn-disabled-color: #fff;
3244
3251
  --cui-btn-disabled-bg: #212631;
3245
3252
  --cui-btn-disabled-border-color: #212631;
3246
3253
  }
3247
3254
 
3248
3255
  .btn-outline-primary {
3249
- --cui-btn-color: #321fdb;
3250
- --cui-btn-border-color: #321fdb;
3251
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3252
- --cui-btn-hover-bg: #5b4ce2;
3253
- --cui-btn-hover-border-color: #4735df;
3254
- --cui-btn-focus-shadow-rgb: 50, 31, 219;
3255
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3256
- --cui-btn-active-bg: #5b4ce2;
3257
- --cui-btn-active-border-color: #4735df;
3256
+ --cui-btn-color: #5856d6;
3257
+ --cui-btn-border-color: #5856d6;
3258
+ --cui-btn-hover-color: #fff;
3259
+ --cui-btn-hover-bg: #4645ab;
3260
+ --cui-btn-hover-border-color: #4241a1;
3261
+ --cui-btn-focus-shadow-rgb: 88, 86, 214;
3262
+ --cui-btn-active-color: #fff;
3263
+ --cui-btn-active-bg: #4645ab;
3264
+ --cui-btn-active-border-color: #4241a1;
3258
3265
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3259
- --cui-btn-disabled-color: #321fdb;
3266
+ --cui-btn-disabled-color: #5856d6;
3260
3267
  --cui-btn-disabled-bg: transparent;
3261
3268
  --cui-gradient: none;
3262
3269
  }
@@ -3265,12 +3272,12 @@ textarea.form-control-lg {
3265
3272
  --cui-btn-color: #9da5b1;
3266
3273
  --cui-btn-border-color: #9da5b1;
3267
3274
  --cui-btn-hover-color: #080a0c;
3268
- --cui-btn-hover-bg: #7e848e;
3269
- --cui-btn-hover-border-color: #767c85;
3275
+ --cui-btn-hover-bg: #b1b7c1;
3276
+ --cui-btn-hover-border-color: #a7aeb9;
3270
3277
  --cui-btn-focus-shadow-rgb: 157, 165, 177;
3271
3278
  --cui-btn-active-color: #080a0c;
3272
- --cui-btn-active-bg: #7e848e;
3273
- --cui-btn-active-border-color: #767c85;
3279
+ --cui-btn-active-bg: #b1b7c1;
3280
+ --cui-btn-active-border-color: #a7aeb9;
3274
3281
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3275
3282
  --cui-btn-disabled-color: #9da5b1;
3276
3283
  --cui-btn-disabled-bg: transparent;
@@ -3281,12 +3288,12 @@ textarea.form-control-lg {
3281
3288
  --cui-btn-color: #2eb85c;
3282
3289
  --cui-btn-border-color: #2eb85c;
3283
3290
  --cui-btn-hover-color: #080a0c;
3284
- --cui-btn-hover-bg: #25934a;
3285
- --cui-btn-hover-border-color: #238a45;
3291
+ --cui-btn-hover-bg: #58c67d;
3292
+ --cui-btn-hover-border-color: #43bf6c;
3286
3293
  --cui-btn-focus-shadow-rgb: 46, 184, 92;
3287
3294
  --cui-btn-active-color: #080a0c;
3288
- --cui-btn-active-bg: #25934a;
3289
- --cui-btn-active-border-color: #238a45;
3295
+ --cui-btn-active-bg: #58c67d;
3296
+ --cui-btn-active-border-color: #43bf6c;
3290
3297
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3291
3298
  --cui-btn-disabled-color: #2eb85c;
3292
3299
  --cui-btn-disabled-bg: transparent;
@@ -3312,13 +3319,13 @@ textarea.form-control-lg {
3312
3319
  .btn-outline-warning {
3313
3320
  --cui-btn-color: #f9b115;
3314
3321
  --cui-btn-border-color: #f9b115;
3315
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3316
- --cui-btn-hover-bg: #c78e11;
3317
- --cui-btn-hover-border-color: #bb8510;
3322
+ --cui-btn-hover-color: #080a0c;
3323
+ --cui-btn-hover-bg: #fac144;
3324
+ --cui-btn-hover-border-color: #fab92c;
3318
3325
  --cui-btn-focus-shadow-rgb: 249, 177, 21;
3319
3326
  --cui-btn-active-color: #080a0c;
3320
- --cui-btn-active-bg: #c78e11;
3321
- --cui-btn-active-border-color: #bb8510;
3327
+ --cui-btn-active-bg: #fac144;
3328
+ --cui-btn-active-border-color: #fab92c;
3322
3329
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3323
3330
  --cui-btn-disabled-color: #f9b115;
3324
3331
  --cui-btn-disabled-bg: transparent;
@@ -3328,11 +3335,11 @@ textarea.form-control-lg {
3328
3335
  .btn-outline-info {
3329
3336
  --cui-btn-color: #39f;
3330
3337
  --cui-btn-border-color: #39f;
3331
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3338
+ --cui-btn-hover-color: #080a0c;
3332
3339
  --cui-btn-hover-bg: #5cadff;
3333
3340
  --cui-btn-hover-border-color: #47a3ff;
3334
3341
  --cui-btn-focus-shadow-rgb: 51, 153, 255;
3335
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3342
+ --cui-btn-active-color: #080a0c;
3336
3343
  --cui-btn-active-bg: #5cadff;
3337
3344
  --cui-btn-active-border-color: #47a3ff;
3338
3345
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3344,13 +3351,13 @@ textarea.form-control-lg {
3344
3351
  .btn-outline-light {
3345
3352
  --cui-btn-color: #f3f4f7;
3346
3353
  --cui-btn-border-color: #f3f4f7;
3347
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3348
- --cui-btn-hover-bg: #c2c3c6;
3349
- --cui-btn-hover-border-color: #b6b7b9;
3354
+ --cui-btn-hover-color: #080a0c;
3355
+ --cui-btn-hover-bg: #f5f6f9;
3356
+ --cui-btn-hover-border-color: #f4f5f8;
3350
3357
  --cui-btn-focus-shadow-rgb: 243, 244, 247;
3351
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3352
- --cui-btn-active-bg: #c2c3c6;
3353
- --cui-btn-active-border-color: #b6b7b9;
3358
+ --cui-btn-active-color: #080a0c;
3359
+ --cui-btn-active-bg: #f5f6f9;
3360
+ --cui-btn-active-border-color: #f4f5f8;
3354
3361
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3355
3362
  --cui-btn-disabled-color: #f3f4f7;
3356
3363
  --cui-btn-disabled-bg: transparent;
@@ -3360,13 +3367,13 @@ textarea.form-control-lg {
3360
3367
  .btn-outline-dark {
3361
3368
  --cui-btn-color: #212631;
3362
3369
  --cui-btn-border-color: #212631;
3363
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3364
- --cui-btn-hover-bg: #4d515a;
3365
- --cui-btn-hover-border-color: #373c46;
3370
+ --cui-btn-hover-color: #fff;
3371
+ --cui-btn-hover-bg: #1a1e27;
3372
+ --cui-btn-hover-border-color: #191d25;
3366
3373
  --cui-btn-focus-shadow-rgb: 33, 38, 49;
3367
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3368
- --cui-btn-active-bg: #4d515a;
3369
- --cui-btn-active-border-color: #373c46;
3374
+ --cui-btn-active-color: #fff;
3375
+ --cui-btn-active-bg: #1a1e27;
3376
+ --cui-btn-active-border-color: #191d25;
3370
3377
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3371
3378
  --cui-btn-disabled-color: #212631;
3372
3379
  --cui-btn-disabled-bg: transparent;
@@ -3374,24 +3381,24 @@ textarea.form-control-lg {
3374
3381
  }
3375
3382
 
3376
3383
  .btn-ghost-primary {
3377
- --cui-btn-color: #321fdb;
3378
- --cui-btn-hover-bg: #5141e0;
3379
- --cui-btn-hover-border-color: #4735df;
3380
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3381
- --cui-btn-active-bg: #5b4ce2;
3382
- --cui-btn-active-border-color: #4735df;
3383
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3384
- --cui-btn-disabled-color: #321fdb;
3385
- --cui-btn-shadow: rgba(50, 31, 219, 0.5);
3384
+ --cui-btn-color: #5856d6;
3385
+ --cui-btn-hover-bg: #4b49b6;
3386
+ --cui-btn-hover-border-color: #4645ab;
3387
+ --cui-btn-hover-color: #fff;
3388
+ --cui-btn-active-bg: #4645ab;
3389
+ --cui-btn-active-border-color: #4241a1;
3390
+ --cui-btn-active-color: #fff;
3391
+ --cui-btn-disabled-color: #5856d6;
3392
+ --cui-btn-shadow: rgba(88, 86, 214, 0.5);
3386
3393
  }
3387
3394
 
3388
3395
  .btn-ghost-secondary {
3389
3396
  --cui-btn-color: #9da5b1;
3390
- --cui-btn-hover-bg: #858c96;
3391
- --cui-btn-hover-border-color: #7e848e;
3397
+ --cui-btn-hover-bg: #acb3bd;
3398
+ --cui-btn-hover-border-color: #a7aeb9;
3392
3399
  --cui-btn-hover-color: #080a0c;
3393
- --cui-btn-active-bg: #7e848e;
3394
- --cui-btn-active-border-color: #767c85;
3400
+ --cui-btn-active-bg: #b1b7c1;
3401
+ --cui-btn-active-border-color: #a7aeb9;
3395
3402
  --cui-btn-active-color: #080a0c;
3396
3403
  --cui-btn-disabled-color: #9da5b1;
3397
3404
  --cui-btn-shadow: rgba(157, 165, 177, 0.5);
@@ -3399,11 +3406,11 @@ textarea.form-control-lg {
3399
3406
 
3400
3407
  .btn-ghost-success {
3401
3408
  --cui-btn-color: #2eb85c;
3402
- --cui-btn-hover-bg: #279c4e;
3403
- --cui-btn-hover-border-color: #25934a;
3409
+ --cui-btn-hover-bg: #4dc374;
3410
+ --cui-btn-hover-border-color: #43bf6c;
3404
3411
  --cui-btn-hover-color: #080a0c;
3405
- --cui-btn-active-bg: #25934a;
3406
- --cui-btn-active-border-color: #238a45;
3412
+ --cui-btn-active-bg: #58c67d;
3413
+ --cui-btn-active-border-color: #43bf6c;
3407
3414
  --cui-btn-active-color: #080a0c;
3408
3415
  --cui-btn-disabled-color: #2eb85c;
3409
3416
  --cui-btn-shadow: rgba(46, 184, 92, 0.5);
@@ -3423,11 +3430,11 @@ textarea.form-control-lg {
3423
3430
 
3424
3431
  .btn-ghost-warning {
3425
3432
  --cui-btn-color: #f9b115;
3426
- --cui-btn-hover-bg: #d49612;
3427
- --cui-btn-hover-border-color: #c78e11;
3428
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3429
- --cui-btn-active-bg: #c78e11;
3430
- --cui-btn-active-border-color: #bb8510;
3433
+ --cui-btn-hover-bg: #fabd38;
3434
+ --cui-btn-hover-border-color: #fab92c;
3435
+ --cui-btn-hover-color: #080a0c;
3436
+ --cui-btn-active-bg: #fac144;
3437
+ --cui-btn-active-border-color: #fab92c;
3431
3438
  --cui-btn-active-color: #080a0c;
3432
3439
  --cui-btn-disabled-color: #f9b115;
3433
3440
  --cui-btn-shadow: rgba(249, 177, 21, 0.5);
@@ -3437,34 +3444,34 @@ textarea.form-control-lg {
3437
3444
  --cui-btn-color: #39f;
3438
3445
  --cui-btn-hover-bg: #52a8ff;
3439
3446
  --cui-btn-hover-border-color: #47a3ff;
3440
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3447
+ --cui-btn-hover-color: #080a0c;
3441
3448
  --cui-btn-active-bg: #5cadff;
3442
3449
  --cui-btn-active-border-color: #47a3ff;
3443
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3450
+ --cui-btn-active-color: #080a0c;
3444
3451
  --cui-btn-disabled-color: #39f;
3445
3452
  --cui-btn-shadow: rgba(51, 153, 255, 0.5);
3446
3453
  }
3447
3454
 
3448
3455
  .btn-ghost-light {
3449
3456
  --cui-btn-color: #f3f4f7;
3450
- --cui-btn-hover-bg: #cfcfd2;
3451
- --cui-btn-hover-border-color: #c2c3c6;
3452
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3453
- --cui-btn-active-bg: #c2c3c6;
3454
- --cui-btn-active-border-color: #b6b7b9;
3455
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3457
+ --cui-btn-hover-bg: #f5f6f8;
3458
+ --cui-btn-hover-border-color: #f4f5f8;
3459
+ --cui-btn-hover-color: #080a0c;
3460
+ --cui-btn-active-bg: #f5f6f9;
3461
+ --cui-btn-active-border-color: #f4f5f8;
3462
+ --cui-btn-active-color: #080a0c;
3456
3463
  --cui-btn-disabled-color: #f3f4f7;
3457
3464
  --cui-btn-shadow: rgba(243, 244, 247, 0.5);
3458
3465
  }
3459
3466
 
3460
3467
  .btn-ghost-dark {
3461
3468
  --cui-btn-color: #212631;
3462
- --cui-btn-hover-bg: #424750;
3463
- --cui-btn-hover-border-color: #373c46;
3464
- --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
3465
- --cui-btn-active-bg: #4d515a;
3466
- --cui-btn-active-border-color: #373c46;
3467
- --cui-btn-active-color: rgba(255, 255, 255, 0.87);
3469
+ --cui-btn-hover-bg: #1c202a;
3470
+ --cui-btn-hover-border-color: #1a1e27;
3471
+ --cui-btn-hover-color: #fff;
3472
+ --cui-btn-active-bg: #1a1e27;
3473
+ --cui-btn-active-border-color: #191d25;
3474
+ --cui-btn-active-color: #fff;
3468
3475
  --cui-btn-disabled-color: #212631;
3469
3476
  --cui-btn-shadow: rgba(33, 38, 49, 0.5);
3470
3477
  }
@@ -3480,7 +3487,7 @@ textarea.form-control-lg {
3480
3487
  --cui-btn-disabled-color: #6d7d9c;
3481
3488
  --cui-btn-disabled-border-color: transparent;
3482
3489
  --cui-btn-box-shadow: none;
3483
- --cui-btn-focus-shadow-rgb: 75, 58, 223;
3490
+ --cui-btn-focus-shadow-rgb: 113, 111, 220;
3484
3491
  text-decoration: underline;
3485
3492
  }
3486
3493
  .btn-link:focus-visible {
@@ -3503,49 +3510,49 @@ textarea.form-control-lg {
3503
3510
 
3504
3511
  [data-coreui-theme=dark] .btn-primary {
3505
3512
  --cui-btn-color: #fff;
3506
- --cui-btn-bg: #6b60ce;
3507
- --cui-btn-border-color: #6b60ce;
3508
- --cui-btn-hover-color: #080a0c;
3509
- --cui-btn-hover-bg: #8178d5;
3510
- --cui-btn-hover-border-color: #7a70d3;
3511
- --cui-btn-focus-shadow-rgb: 129, 120, 213;
3512
- --cui-btn-active-color: #080a0c;
3513
- --cui-btn-active-bg: #8980d8;
3514
- --cui-btn-active-border-color: #7a70d3;
3513
+ --cui-btn-bg: #6261cc;
3514
+ --cui-btn-border-color: #6261cc;
3515
+ --cui-btn-hover-color: #fff;
3516
+ --cui-btn-hover-bg: #5352ad;
3517
+ --cui-btn-hover-border-color: #4e4ea3;
3518
+ --cui-btn-focus-shadow-rgb: 122, 121, 212;
3519
+ --cui-btn-active-color: #fff;
3520
+ --cui-btn-active-bg: #4e4ea3;
3521
+ --cui-btn-active-border-color: #4a4999;
3515
3522
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3516
3523
  --cui-btn-disabled-color: #fff;
3517
- --cui-btn-disabled-bg: #6b60ce;
3518
- --cui-btn-disabled-border-color: #6b60ce;
3524
+ --cui-btn-disabled-bg: #6261cc;
3525
+ --cui-btn-disabled-border-color: #6261cc;
3519
3526
  }
3520
3527
  [data-coreui-theme=dark] .btn-secondary {
3521
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3528
+ --cui-btn-color: #080a0c;
3522
3529
  --cui-btn-bg: #a6a7a8;
3523
3530
  --cui-btn-border-color: #a6a7a8;
3524
3531
  --cui-btn-hover-color: #080a0c;
3525
- --cui-btn-hover-bg: #8d8e8f;
3526
- --cui-btn-hover-border-color: #858686;
3527
- --cui-btn-focus-shadow-rgb: 148, 150, 152;
3532
+ --cui-btn-hover-bg: #b3b4b5;
3533
+ --cui-btn-hover-border-color: #afb0b1;
3534
+ --cui-btn-focus-shadow-rgb: 142, 143, 145;
3528
3535
  --cui-btn-active-color: #080a0c;
3529
- --cui-btn-active-bg: #858686;
3530
- --cui-btn-active-border-color: #7d7d7e;
3536
+ --cui-btn-active-bg: #b8b9b9;
3537
+ --cui-btn-active-border-color: #afb0b1;
3531
3538
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3532
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3539
+ --cui-btn-disabled-color: #080a0c;
3533
3540
  --cui-btn-disabled-bg: #a6a7a8;
3534
3541
  --cui-btn-disabled-border-color: #a6a7a8;
3535
3542
  }
3536
3543
  [data-coreui-theme=dark] .btn-success {
3537
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3544
+ --cui-btn-color: #080a0c;
3538
3545
  --cui-btn-bg: #3aad60;
3539
3546
  --cui-btn-border-color: #3aad60;
3540
3547
  --cui-btn-hover-color: #080a0c;
3541
- --cui-btn-hover-bg: #319352;
3542
- --cui-btn-hover-border-color: #2e8a4d;
3543
- --cui-btn-focus-shadow-rgb: 55, 155, 90;
3544
- --cui-btn-active-color: #fff;
3545
- --cui-btn-active-bg: #2e8a4d;
3546
- --cui-btn-active-border-color: #2c8248;
3548
+ --cui-btn-hover-bg: #58b978;
3549
+ --cui-btn-hover-border-color: #4eb570;
3550
+ --cui-btn-focus-shadow-rgb: 51, 149, 83;
3551
+ --cui-btn-active-color: #080a0c;
3552
+ --cui-btn-active-bg: #61bd80;
3553
+ --cui-btn-active-border-color: #4eb570;
3547
3554
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3548
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3555
+ --cui-btn-disabled-color: #080a0c;
3549
3556
  --cui-btn-disabled-bg: #3aad60;
3550
3557
  --cui-btn-disabled-border-color: #3aad60;
3551
3558
  }
@@ -3566,18 +3573,18 @@ textarea.form-control-lg {
3566
3573
  --cui-btn-disabled-border-color: #db5d5d;
3567
3574
  }
3568
3575
  [data-coreui-theme=dark] .btn-warning {
3569
- --cui-btn-color: rgba(37, 43, 54, 0.95);
3576
+ --cui-btn-color: #080a0c;
3570
3577
  --cui-btn-bg: #edad21;
3571
3578
  --cui-btn-border-color: #edad21;
3572
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3573
- --cui-btn-hover-bg: #c9931c;
3574
- --cui-btn-hover-border-color: #be8a1a;
3575
- --cui-btn-focus-shadow-rgb: 209, 155, 36;
3579
+ --cui-btn-hover-color: #080a0c;
3580
+ --cui-btn-hover-bg: #f0b942;
3581
+ --cui-btn-hover-border-color: #efb537;
3582
+ --cui-btn-focus-shadow-rgb: 203, 149, 30;
3576
3583
  --cui-btn-active-color: #080a0c;
3577
- --cui-btn-active-bg: #be8a1a;
3578
- --cui-btn-active-border-color: #b28219;
3584
+ --cui-btn-active-bg: #f1bd4d;
3585
+ --cui-btn-active-border-color: #efb537;
3579
3586
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3580
- --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
3587
+ --cui-btn-disabled-color: #080a0c;
3581
3588
  --cui-btn-disabled-bg: #edad21;
3582
3589
  --cui-btn-disabled-border-color: #edad21;
3583
3590
  }
@@ -3585,11 +3592,11 @@ textarea.form-control-lg {
3585
3592
  --cui-btn-color: #080a0c;
3586
3593
  --cui-btn-bg: #3d99f5;
3587
3594
  --cui-btn-border-color: #3d99f5;
3588
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3595
+ --cui-btn-hover-color: #080a0c;
3589
3596
  --cui-btn-hover-bg: #5aa8f7;
3590
3597
  --cui-btn-hover-border-color: #50a3f6;
3591
3598
  --cui-btn-focus-shadow-rgb: 53, 132, 210;
3592
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3599
+ --cui-btn-active-color: #080a0c;
3593
3600
  --cui-btn-active-bg: #64adf7;
3594
3601
  --cui-btn-active-border-color: #50a3f6;
3595
3602
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3598,17 +3605,17 @@ textarea.form-control-lg {
3598
3605
  --cui-btn-disabled-border-color: #3d99f5;
3599
3606
  }
3600
3607
  [data-coreui-theme=dark] .btn-outline-primary {
3601
- --cui-btn-color: #6b60ce;
3602
- --cui-btn-border-color: #6b60ce;
3603
- --cui-btn-hover-color: #080a0c;
3604
- --cui-btn-hover-bg: #8980d8;
3605
- --cui-btn-hover-border-color: #7a70d3;
3606
- --cui-btn-focus-shadow-rgb: 107, 96, 206;
3607
- --cui-btn-active-color: #080a0c;
3608
- --cui-btn-active-bg: #8980d8;
3609
- --cui-btn-active-border-color: #7a70d3;
3608
+ --cui-btn-color: #6261cc;
3609
+ --cui-btn-border-color: #6261cc;
3610
+ --cui-btn-hover-color: #fff;
3611
+ --cui-btn-hover-bg: #4e4ea3;
3612
+ --cui-btn-hover-border-color: #4a4999;
3613
+ --cui-btn-focus-shadow-rgb: 98, 97, 204;
3614
+ --cui-btn-active-color: #fff;
3615
+ --cui-btn-active-bg: #4e4ea3;
3616
+ --cui-btn-active-border-color: #4a4999;
3610
3617
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3611
- --cui-btn-disabled-color: #6b60ce;
3618
+ --cui-btn-disabled-color: #6261cc;
3612
3619
  --cui-btn-disabled-bg: transparent;
3613
3620
  --cui-gradient: none;
3614
3621
  }
@@ -3616,12 +3623,12 @@ textarea.form-control-lg {
3616
3623
  --cui-btn-color: #a6a7a8;
3617
3624
  --cui-btn-border-color: #a6a7a8;
3618
3625
  --cui-btn-hover-color: #080a0c;
3619
- --cui-btn-hover-bg: #858686;
3620
- --cui-btn-hover-border-color: #7d7d7e;
3626
+ --cui-btn-hover-bg: #b8b9b9;
3627
+ --cui-btn-hover-border-color: #afb0b1;
3621
3628
  --cui-btn-focus-shadow-rgb: 166, 167, 168;
3622
3629
  --cui-btn-active-color: #080a0c;
3623
- --cui-btn-active-bg: #858686;
3624
- --cui-btn-active-border-color: #7d7d7e;
3630
+ --cui-btn-active-bg: #b8b9b9;
3631
+ --cui-btn-active-border-color: #afb0b1;
3625
3632
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3626
3633
  --cui-btn-disabled-color: #a6a7a8;
3627
3634
  --cui-btn-disabled-bg: transparent;
@@ -3631,12 +3638,12 @@ textarea.form-control-lg {
3631
3638
  --cui-btn-color: #3aad60;
3632
3639
  --cui-btn-border-color: #3aad60;
3633
3640
  --cui-btn-hover-color: #080a0c;
3634
- --cui-btn-hover-bg: #2e8a4d;
3635
- --cui-btn-hover-border-color: #2c8248;
3641
+ --cui-btn-hover-bg: #61bd80;
3642
+ --cui-btn-hover-border-color: #4eb570;
3636
3643
  --cui-btn-focus-shadow-rgb: 58, 173, 96;
3637
- --cui-btn-active-color: #fff;
3638
- --cui-btn-active-bg: #2e8a4d;
3639
- --cui-btn-active-border-color: #2c8248;
3644
+ --cui-btn-active-color: #080a0c;
3645
+ --cui-btn-active-bg: #61bd80;
3646
+ --cui-btn-active-border-color: #4eb570;
3640
3647
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3641
3648
  --cui-btn-disabled-color: #3aad60;
3642
3649
  --cui-btn-disabled-bg: transparent;
@@ -3660,13 +3667,13 @@ textarea.form-control-lg {
3660
3667
  [data-coreui-theme=dark] .btn-outline-warning {
3661
3668
  --cui-btn-color: #edad21;
3662
3669
  --cui-btn-border-color: #edad21;
3663
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3664
- --cui-btn-hover-bg: #be8a1a;
3665
- --cui-btn-hover-border-color: #b28219;
3670
+ --cui-btn-hover-color: #080a0c;
3671
+ --cui-btn-hover-bg: #f1bd4d;
3672
+ --cui-btn-hover-border-color: #efb537;
3666
3673
  --cui-btn-focus-shadow-rgb: 237, 173, 33;
3667
3674
  --cui-btn-active-color: #080a0c;
3668
- --cui-btn-active-bg: #be8a1a;
3669
- --cui-btn-active-border-color: #b28219;
3675
+ --cui-btn-active-bg: #f1bd4d;
3676
+ --cui-btn-active-border-color: #efb537;
3670
3677
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3671
3678
  --cui-btn-disabled-color: #edad21;
3672
3679
  --cui-btn-disabled-bg: transparent;
@@ -3675,11 +3682,11 @@ textarea.form-control-lg {
3675
3682
  [data-coreui-theme=dark] .btn-outline-info {
3676
3683
  --cui-btn-color: #3d99f5;
3677
3684
  --cui-btn-border-color: #3d99f5;
3678
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3685
+ --cui-btn-hover-color: #080a0c;
3679
3686
  --cui-btn-hover-bg: #64adf7;
3680
3687
  --cui-btn-hover-border-color: #50a3f6;
3681
3688
  --cui-btn-focus-shadow-rgb: 61, 153, 245;
3682
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3689
+ --cui-btn-active-color: #080a0c;
3683
3690
  --cui-btn-active-bg: #64adf7;
3684
3691
  --cui-btn-active-border-color: #50a3f6;
3685
3692
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3688,35 +3695,35 @@ textarea.form-control-lg {
3688
3695
  --cui-gradient: none;
3689
3696
  }
3690
3697
  [data-coreui-theme=dark] .btn-ghost-primary {
3691
- --cui-btn-color: #6b60ce;
3692
- --cui-btn-hover-bg: #8178d5;
3693
- --cui-btn-hover-border-color: #7a70d3;
3694
- --cui-btn-hover-color: #080a0c;
3695
- --cui-btn-active-bg: #8980d8;
3696
- --cui-btn-active-border-color: #7a70d3;
3697
- --cui-btn-active-color: #080a0c;
3698
- --cui-btn-disabled-color: #6b60ce;
3699
- --cui-btn-shadow: rgba(107, 96, 206, 0.5);
3698
+ --cui-btn-color: #6261cc;
3699
+ --cui-btn-hover-bg: #5352ad;
3700
+ --cui-btn-hover-border-color: #4e4ea3;
3701
+ --cui-btn-hover-color: #fff;
3702
+ --cui-btn-active-bg: #4e4ea3;
3703
+ --cui-btn-active-border-color: #4a4999;
3704
+ --cui-btn-active-color: #fff;
3705
+ --cui-btn-disabled-color: #6261cc;
3706
+ --cui-btn-shadow: rgba(98, 97, 204, 0.5);
3700
3707
  }
3701
3708
  [data-coreui-theme=dark] .btn-ghost-secondary {
3702
3709
  --cui-btn-color: #a6a7a8;
3703
- --cui-btn-hover-bg: #8d8e8f;
3704
- --cui-btn-hover-border-color: #858686;
3710
+ --cui-btn-hover-bg: #b3b4b5;
3711
+ --cui-btn-hover-border-color: #afb0b1;
3705
3712
  --cui-btn-hover-color: #080a0c;
3706
- --cui-btn-active-bg: #858686;
3707
- --cui-btn-active-border-color: #7d7d7e;
3713
+ --cui-btn-active-bg: #b8b9b9;
3714
+ --cui-btn-active-border-color: #afb0b1;
3708
3715
  --cui-btn-active-color: #080a0c;
3709
3716
  --cui-btn-disabled-color: #a6a7a8;
3710
3717
  --cui-btn-shadow: rgba(166, 167, 168, 0.5);
3711
3718
  }
3712
3719
  [data-coreui-theme=dark] .btn-ghost-success {
3713
3720
  --cui-btn-color: #3aad60;
3714
- --cui-btn-hover-bg: #319352;
3715
- --cui-btn-hover-border-color: #2e8a4d;
3721
+ --cui-btn-hover-bg: #58b978;
3722
+ --cui-btn-hover-border-color: #4eb570;
3716
3723
  --cui-btn-hover-color: #080a0c;
3717
- --cui-btn-active-bg: #2e8a4d;
3718
- --cui-btn-active-border-color: #2c8248;
3719
- --cui-btn-active-color: #fff;
3724
+ --cui-btn-active-bg: #61bd80;
3725
+ --cui-btn-active-border-color: #4eb570;
3726
+ --cui-btn-active-color: #080a0c;
3720
3727
  --cui-btn-disabled-color: #3aad60;
3721
3728
  --cui-btn-shadow: rgba(58, 173, 96, 0.5);
3722
3729
  }
@@ -3733,11 +3740,11 @@ textarea.form-control-lg {
3733
3740
  }
3734
3741
  [data-coreui-theme=dark] .btn-ghost-warning {
3735
3742
  --cui-btn-color: #edad21;
3736
- --cui-btn-hover-bg: #c9931c;
3737
- --cui-btn-hover-border-color: #be8a1a;
3738
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3739
- --cui-btn-active-bg: #be8a1a;
3740
- --cui-btn-active-border-color: #b28219;
3743
+ --cui-btn-hover-bg: #f0b942;
3744
+ --cui-btn-hover-border-color: #efb537;
3745
+ --cui-btn-hover-color: #080a0c;
3746
+ --cui-btn-active-bg: #f1bd4d;
3747
+ --cui-btn-active-border-color: #efb537;
3741
3748
  --cui-btn-active-color: #080a0c;
3742
3749
  --cui-btn-disabled-color: #edad21;
3743
3750
  --cui-btn-shadow: rgba(237, 173, 33, 0.5);
@@ -3746,10 +3753,10 @@ textarea.form-control-lg {
3746
3753
  --cui-btn-color: #3d99f5;
3747
3754
  --cui-btn-hover-bg: #5aa8f7;
3748
3755
  --cui-btn-hover-border-color: #50a3f6;
3749
- --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
3756
+ --cui-btn-hover-color: #080a0c;
3750
3757
  --cui-btn-active-bg: #64adf7;
3751
3758
  --cui-btn-active-border-color: #50a3f6;
3752
- --cui-btn-active-color: rgba(37, 43, 54, 0.95);
3759
+ --cui-btn-active-color: #080a0c;
3753
3760
  --cui-btn-disabled-color: #3d99f5;
3754
3761
  --cui-btn-shadow: rgba(61, 153, 245, 0.5);
3755
3762
  }
@@ -3837,7 +3844,7 @@ textarea.form-control-lg {
3837
3844
  --cui-dropdown-link-hover-color: var(--cui-body-color);
3838
3845
  --cui-dropdown-link-hover-bg: var(--cui-tertiary-bg);
3839
3846
  --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
3840
- --cui-dropdown-link-active-bg: #321fdb;
3847
+ --cui-dropdown-link-active-bg: var(--cui-primary);
3841
3848
  --cui-dropdown-link-disabled-color: var(--cui-tertiary-color);
3842
3849
  --cui-dropdown-item-padding-x: 1rem;
3843
3850
  --cui-dropdown-item-padding-y: 0.25rem;
@@ -4097,7 +4104,7 @@ textarea.form-control-lg {
4097
4104
  --cui-dropdown-divider-bg: var(--cui-border-color-translucent);
4098
4105
  --cui-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
4099
4106
  --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
4100
- --cui-dropdown-link-active-bg: #321fdb;
4107
+ --cui-dropdown-link-active-bg: var(--cui-primary);
4101
4108
  --cui-dropdown-link-disabled-color: #aab3c5;
4102
4109
  --cui-dropdown-header-color: #aab3c5;
4103
4110
  }
@@ -4237,9 +4244,9 @@ textarea.form-control-lg {
4237
4244
  }
4238
4245
  .nav-link:focus-visible {
4239
4246
  outline: 0;
4240
- box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
4247
+ box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
4241
4248
  }
4242
- .nav-link.disabled {
4249
+ .nav-link.disabled, .nav-link:disabled {
4243
4250
  color: var(--cui-nav-link-disabled-color);
4244
4251
  pointer-events: none;
4245
4252
  cursor: default;
@@ -4257,7 +4264,6 @@ textarea.form-control-lg {
4257
4264
  }
4258
4265
  .nav-tabs .nav-link {
4259
4266
  margin-bottom: calc(-1 * var(--cui-nav-tabs-border-width));
4260
- background: none;
4261
4267
  border: var(--cui-nav-tabs-border-width) solid transparent;
4262
4268
  border-top-left-radius: var(--cui-nav-tabs-border-radius);
4263
4269
  border-top-right-radius: var(--cui-nav-tabs-border-radius);
@@ -4266,11 +4272,6 @@ textarea.form-control-lg {
4266
4272
  isolation: isolate;
4267
4273
  border-color: var(--cui-nav-tabs-link-hover-border-color);
4268
4274
  }
4269
- .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
4270
- color: var(--cui-nav-link-disabled-color);
4271
- background-color: transparent;
4272
- border-color: transparent;
4273
- }
4274
4275
  .nav-tabs .nav-link.active,
4275
4276
  .nav-tabs .nav-item.show .nav-link {
4276
4277
  color: var(--cui-nav-tabs-link-active-color);
@@ -4286,24 +4287,38 @@ textarea.form-control-lg {
4286
4287
  .nav-pills {
4287
4288
  --cui-nav-pills-border-radius: var(--cui-border-radius);
4288
4289
  --cui-nav-pills-link-active-color: rgba(255, 255, 255, 0.87);
4289
- --cui-nav-pills-link-active-bg: #321fdb;
4290
+ --cui-nav-pills-link-active-bg: var(--cui-primary);
4290
4291
  }
4291
4292
  .nav-pills .nav-link {
4292
- background: none;
4293
- border: 0;
4294
4293
  border-radius: var(--cui-nav-pills-border-radius);
4295
4294
  }
4296
- .nav-pills .nav-link:disabled {
4297
- color: var(--cui-nav-link-disabled-color);
4298
- background-color: transparent;
4299
- border-color: transparent;
4300
- }
4301
4295
  .nav-pills .nav-link.active,
4302
4296
  .nav-pills .show > .nav-link {
4303
4297
  color: var(--cui-nav-pills-link-active-color);
4304
4298
  background-color: var(--cui-nav-pills-link-active-bg);
4305
4299
  }
4306
4300
 
4301
+ .nav-underline {
4302
+ --cui-nav-underline-gap: 1rem;
4303
+ --cui-nav-underline-border-width: 0.125rem;
4304
+ --cui-nav-underline-link-active-color: var(--cui-emphasis-color);
4305
+ gap: var(--cui-nav-underline-gap);
4306
+ }
4307
+ .nav-underline .nav-link {
4308
+ padding-right: 0;
4309
+ padding-left: 0;
4310
+ border-bottom: var(--cui-nav-underline-border-width) solid transparent;
4311
+ }
4312
+ .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
4313
+ border-bottom-color: currentcolor;
4314
+ }
4315
+ .nav-underline .nav-link.active,
4316
+ .nav-underline .show > .nav-link {
4317
+ font-weight: 700;
4318
+ color: var(--cui-nav-underline-link-active-color);
4319
+ border-bottom-color: currentcolor;
4320
+ }
4321
+
4307
4322
  .nav-fill > .nav-link,
4308
4323
  .nav-fill .nav-item {
4309
4324
  flex: 1 1 auto;
@@ -4965,9 +4980,9 @@ textarea.form-control-lg {
4965
4980
  --cui-accordion-btn-icon-width: 1.25rem;
4966
4981
  --cui-accordion-btn-icon-transform: rotate(-180deg);
4967
4982
  --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4968
- --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");
4969
- --cui-accordion-btn-focus-border-color: #998fed;
4970
- --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
4983
+ --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");
4984
+ --cui-accordion-btn-focus-border-color: #acabeb;
4985
+ --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
4971
4986
  --cui-accordion-body-padding-x: 1.25rem;
4972
4987
  --cui-accordion-body-padding-y: 1rem;
4973
4988
  --cui-accordion-active-color: var(--cui-primary-text-emphasis);
@@ -5085,8 +5100,8 @@ textarea.form-control-lg {
5085
5100
  }
5086
5101
 
5087
5102
  [data-coreui-theme=dark] .accordion-button::after {
5088
- --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");
5089
- --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");
5103
+ --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");
5104
+ --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");
5090
5105
  }
5091
5106
 
5092
5107
  .breadcrumb {
@@ -5135,10 +5150,10 @@ textarea.form-control-lg {
5135
5150
  --cui-pagination-hover-border-color: var(--cui-border-color);
5136
5151
  --cui-pagination-focus-color: var(--cui-link-hover-color);
5137
5152
  --cui-pagination-focus-bg: var(--cui-secondary-bg);
5138
- --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
5153
+ --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
5139
5154
  --cui-pagination-active-color: rgba(255, 255, 255, 0.87);
5140
- --cui-pagination-active-bg: #321fdb;
5141
- --cui-pagination-active-border-color: #321fdb;
5155
+ --cui-pagination-active-bg: var(--cui-primary);
5156
+ --cui-pagination-active-border-color: var(--cui-primary);
5142
5157
  --cui-pagination-disabled-color: var(--cui-secondary-color);
5143
5158
  --cui-pagination-disabled-bg: var(--cui-secondary-bg);
5144
5159
  --cui-pagination-disabled-border-color: var(--cui-border-color);
@@ -5462,8 +5477,8 @@ textarea.form-control-lg {
5462
5477
  --cui-list-group-disabled-color: var(--cui-secondary-color);
5463
5478
  --cui-list-group-disabled-bg: var(--cui-body-bg);
5464
5479
  --cui-list-group-active-color: rgba(255, 255, 255, 0.87);
5465
- --cui-list-group-active-bg: #321fdb;
5466
- --cui-list-group-active-border-color: #321fdb;
5480
+ --cui-list-group-active-bg: var(--cui-primary);
5481
+ --cui-list-group-active-border-color: var(--cui-primary);
5467
5482
  display: flex;
5468
5483
  flex-direction: column;
5469
5484
  padding-left: 0;
@@ -5794,7 +5809,7 @@ textarea.form-control-lg {
5794
5809
  --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");
5795
5810
  --cui-btn-close-opacity: 0.5;
5796
5811
  --cui-btn-close-hover-opacity: 0.75;
5797
- --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
5812
+ --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
5798
5813
  --cui-btn-close-focus-opacity: 1;
5799
5814
  --cui-btn-close-disabled-opacity: 0.25;
5800
5815
  --cui-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
@@ -5826,6 +5841,7 @@ textarea.form-control-lg {
5826
5841
  opacity: var(--cui-btn-close-disabled-opacity);
5827
5842
  }
5828
5843
 
5844
+ .btn-close[data-coreui-theme=dark],
5829
5845
  .btn-close-white {
5830
5846
  filter: var(--cui-btn-close-white-filter);
5831
5847
  }
@@ -7398,7 +7414,7 @@ textarea.form-control-lg {
7398
7414
  }
7399
7415
 
7400
7416
  .callout-primary {
7401
- --cui-callout-border-left-color: #321fdb;
7417
+ --cui-callout-border-left-color: #5856d6;
7402
7418
  }
7403
7419
 
7404
7420
  .callout-secondary {
@@ -7474,6 +7490,7 @@ textarea.form-control-lg {
7474
7490
  --cui-header-hover-color: rgba(var(--cui-emphasis-color-rgb), 0.8);
7475
7491
  --cui-header-disabled-color: rgba(var(--cui-emphasis-color-rgb), 0.3);
7476
7492
  --cui-header-active-color: rgba(var(--cui-emphasis-color-rgb), 1);
7493
+ --cui-header-transition: box-shadow 0.15s ease-in-out;
7477
7494
  --cui-header-brand-padding-y: 0.3125rem;
7478
7495
  --cui-header-brand-color: #212631;
7479
7496
  --cui-header-brand-hover-color: #1e222c;
@@ -7489,16 +7506,20 @@ textarea.form-control-lg {
7489
7506
  --cui-header-nav-link-padding-y: 0.5rem;
7490
7507
  --cui-header-divider-border-color: var(--cui-border-color);
7491
7508
  --cui-header-divider-border: var(--cui-border-width) solid var(--cui-header-divider-border-color);
7492
- --cui-subheader-min-height: 3rem;
7493
7509
  position: relative;
7494
7510
  display: flex;
7495
7511
  flex-wrap: wrap;
7496
7512
  align-items: center;
7497
7513
  justify-content: space-between;
7498
- min-height: var(--cui-header-min-height);
7499
7514
  padding: var(--cui-header-padding-y) var(--cui-header-padding-x);
7500
7515
  background: var(--cui-header-bg);
7501
7516
  border-bottom: var(--cui-header-border);
7517
+ transition: var(--cui-header-transition);
7518
+ }
7519
+ @media (prefers-reduced-motion: reduce) {
7520
+ .header {
7521
+ transition: none;
7522
+ }
7502
7523
  }
7503
7524
  .header > .container,
7504
7525
  .header > .container-fluid,
@@ -7518,24 +7539,6 @@ textarea.form-control-lg {
7518
7539
  align-items: center;
7519
7540
  justify-content: space-between;
7520
7541
  }
7521
- .header .container:first-child,
7522
- .header .container-fluid:first-child,
7523
- .header .container-sm:first-child,
7524
- .header .container-md:first-child,
7525
- .header .container-lg:first-child,
7526
- .header .container-xl:first-child,
7527
- .header .container-xxl:first-child {
7528
- min-height: calc(var(--cui-header-min-height) - 2 * var(--cui-header-padding-y));
7529
- }
7530
- .header .container:nth-child(n+2),
7531
- .header .container-fluid:nth-child(n+2),
7532
- .header .container-sm:nth-child(n+2),
7533
- .header .container-md:nth-child(n+2),
7534
- .header .container-lg:nth-child(n+2),
7535
- .header .container-xl:nth-child(n+2),
7536
- .header .container-xxl:nth-child(n+2) {
7537
- min-height: calc(var(--cui-subheader-min-height) - 2 * var(--cui-header-padding-y));
7538
- }
7539
7542
  .header.header-sticky {
7540
7543
  position: -webkit-sticky;
7541
7544
  position: sticky;
@@ -7701,70 +7704,20 @@ textarea.form-control-lg {
7701
7704
 
7702
7705
  .sidebar {
7703
7706
  --cui-sidebar-width: 16rem;
7704
- --cui-sidebar-bg: #323a49;
7705
- --cui-sidebar-padding-x: 0;
7706
- --cui-sidebar-padding-y: 0;
7707
- --cui-sidebar-color: rgba(255, 255, 255, 0.87);
7708
- --cui-sidebar-border-width: 0;
7709
- --cui-sidebar-border-color: transparent;
7710
- --cui-sidebar-brand-color: rgba(255, 255, 255, 0.87);
7711
- --cui-sidebar-brand-height: 4rem;
7707
+ --cui-sidebar-bg: var(--cui-body-bg);
7708
+ --cui-sidebar-padding-x: 1rem;
7709
+ --cui-sidebar-padding-y: 1rem;
7710
+ --cui-sidebar-color: var(--cui-body-color);
7711
+ --cui-sidebar-brand-color: var(--cui-body-color);
7712
7712
  --cui-sidebar-brand-bg: rgba(8, 10, 12, 0.2);
7713
- --cui-sidebar-header-height: 4rem;
7714
- --cui-sidebar-header-bg: rgba(8, 10, 12, 0.2);
7715
- --cui-sidebar-header-padding-x: 1rem;
7716
- --cui-sidebar-header-padding-y: 0.75rem;
7717
- --cui-sidebar-footer-bg: rgba(8, 10, 12, 0.2);
7718
- --cui-sidebar-footer-height: auto;
7719
- --cui-sidebar-footer-padding-x: 1rem;
7720
- --cui-sidebar-footer-padding-y: 0.75rem;
7721
- --cui-sidebar-toggler-bg: rgba(8, 10, 12, 0.2);
7722
- --cui-sidebar-toggler-height: 3rem;
7723
- --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");
7724
- --cui-sidebar-toggler-indicator-width: 4rem;
7725
- --cui-sidebar-toggler-indicator-height: 3rem;
7726
- --cui-sidebar-toggler-hover-bg: rgba(0, 0, 0, 0.3);
7727
- --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");
7728
- --cui-sidebar-narrow-width: 4rem;
7729
- --cui-sidebar-nav-title-padding-x: 1rem;
7730
- --cui-sidebar-nav-title-padding-y: 0.75rem;
7731
- --cui-sidebar-nav-title-margin-top: 1rem;
7732
- --cui-sidebar-nav-title-color: rgba(255, 255, 255, 0.6);
7733
- --cui-sidebar-nav-link-padding-x: 1rem;
7734
- --cui-sidebar-nav-link-padding-y: 0.8445rem;
7735
- --cui-sidebar-nav-link-color: rgba(255, 255, 255, 0.6);
7736
- --cui-sidebar-nav-link-bg: transparent;
7737
- --cui-sidebar-nav-link-border-color: transparent;
7738
- --cui-sidebar-nav-link-border: 0 solid var(--cui-sidebar-nav-link-border-color);
7739
- --cui-sidebar-nav-link-border-radius: 0;
7740
- --cui-sidebar-nav-link-active-color: rgba(255, 255, 255, 0.87);
7741
- --cui-sidebar-nav-link-active-bg: rgba(255, 255, 255, 0.05);
7742
- --cui-sidebar-nav-link-active-icon-color: rgba(255, 255, 255, 0.87);
7743
- --cui-sidebar-nav-link-disabled-color: rgba(255, 255, 255, 0.38);
7744
- --cui-sidebar-nav-link-disabled-icon-color: rgba(255, 255, 255, 0.6);
7745
- --cui-sidebar-nav-link-hover-color: rgba(255, 255, 255, 0.87);
7746
- --cui-sidebar-nav-link-hover-bg: rgba(255, 255, 255, 0.05);
7747
- --cui-sidebar-nav-link-hover-icon-color: rgba(255, 255, 255, 0.87);
7748
- --cui-sidebar-nav-icon-width: 4rem;
7749
- --cui-sidebar-nav-icon-height: 1.25rem;
7750
- --cui-sidebar-nav-icon-font-size: 1.25rem;
7751
- --cui-sidebar-nav-link-icon-color: rgba(255, 255, 255, 0.6);
7752
- --cui-sidebar-nav-group-bg: rgba(0, 0, 0, 0.2);
7753
- --cui-sidebar-nav-group-items-padding-y: 0;
7754
- --cui-sidebar-nav-group-items-padding-x: 0;
7755
- --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");
7756
- --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");
7757
- --cui-sidebar-nav-group-toggle-show-color: rgba(255, 255, 255, 0.6);
7758
7713
  position: relative;
7759
7714
  display: flex;
7760
7715
  flex: 0 0 var(--cui-sidebar-width);
7761
7716
  flex-direction: column;
7762
7717
  order: -1;
7763
7718
  width: var(--cui-sidebar-width);
7764
- padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
7765
7719
  color: var(--cui-sidebar-color);
7766
7720
  background: var(--cui-sidebar-bg);
7767
- border-right: var(--cui-sidebar-border-width) solid var(--cui-sidebar-border-color);
7768
7721
  box-shadow: none;
7769
7722
  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;
7770
7723
  }
@@ -7786,9 +7739,6 @@ textarea.form-control-lg {
7786
7739
  .sidebar.sidebar-end ~ * {
7787
7740
  --cui-sidebar-occupy-end: 16rem;
7788
7741
  }
7789
- .sidebar[class*=bg-] {
7790
- border-color: rgba(8, 10, 12, 0.1);
7791
- }
7792
7742
  .sidebar.sidebar-sm {
7793
7743
  --cui-sidebar-width: 12rem;
7794
7744
  }
@@ -7864,17 +7814,20 @@ textarea.form-control-lg {
7864
7814
  bottom: 0;
7865
7815
  z-index: 1032;
7866
7816
  }
7817
+ .sidebar.sidebar-overlaid:not(.hide) {
7818
+ box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
7819
+ }
7867
7820
  .sidebar.sidebar-overlaid:not(.sidebar-end) {
7868
7821
  left: 0;
7869
7822
  }
7870
7823
  .sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
7871
- --cui-sidebar-occupy-start: 0;
7824
+ --cui-sidebar-occupy-start: 0 !important;
7872
7825
  }
7873
7826
  .sidebar.sidebar-overlaid.sidebar-end {
7874
7827
  right: 0;
7875
7828
  }
7876
7829
  .sidebar.sidebar-overlaid.sidebar-end ~ * {
7877
- --cui-sidebar-occupy-end: 0;
7830
+ --cui-sidebar-occupy-end: 0 !important;
7878
7831
  }
7879
7832
  @media (max-width: 767.98px) {
7880
7833
  .sidebar {
@@ -7904,110 +7857,91 @@ textarea.form-control-lg {
7904
7857
  }
7905
7858
  }
7906
7859
 
7907
- .sidebar-close {
7908
- position: absolute;
7909
- top: 0;
7910
- right: 0;
7911
- width: var(--cui-sidebar-width);
7912
- height: var(--cui-sidebar-header-height);
7913
- color: var(--cui-sidebar-color);
7914
- background: transparent;
7915
- border: 0;
7916
- }
7917
- .sidebar-close:hover {
7918
- text-decoration: none;
7919
- }
7920
- .sidebar-close:focus {
7921
- outline: 0;
7922
- }
7923
-
7924
7860
  .sidebar-brand {
7925
- display: flex;
7926
- flex: 0 0 var(--cui-sidebar-brand-height);
7927
- align-items: center;
7928
- justify-content: center;
7929
7861
  color: var(--cui-sidebar-brand-color);
7930
- background: var(--cui-sidebar-brand-bg);
7862
+ white-space: nowrap;
7931
7863
  }
7932
7864
  .sidebar-brand .sidebar-brand-narrow {
7933
7865
  display: none;
7934
7866
  }
7935
7867
 
7936
7868
  .sidebar-header {
7937
- flex: 0 0 var(--cui-sidebar-header-height);
7938
- padding: var(--cui-sidebar-header-padding-y) var(--cui-sidebar-header-padding-x);
7939
- text-align: center;
7940
- background: var(--cui-sidebar-header-bg);
7941
- transition: height 0.15s, padding 0.15s;
7942
- }
7943
- @media (prefers-reduced-motion: reduce) {
7944
- .sidebar-header {
7945
- transition: none;
7946
- }
7947
- }
7948
- .sidebar-header .nav-link {
7949
7869
  display: flex;
7950
7870
  align-items: center;
7951
- min-height: var(--cui-sidebar-header-height);
7871
+ justify-content: space-between;
7872
+ padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
7873
+ }
7874
+ .sidebar-header .btn-close {
7875
+ padding: calc(var(--cui-sidebar-padding-y) * 0.5) calc(var(--cui-sidebar-padding-x) * 0.5);
7876
+ margin-top: calc(-0.5 * var(--cui-sidebar-padding-y));
7877
+ margin-right: calc(-0.5 * var(--cui-sidebar-padding-x));
7878
+ margin-bottom: calc(-0.5 * var(--cui-sidebar-padding-y));
7952
7879
  }
7953
7880
 
7954
- .sidebar-footer {
7955
- flex: 0 0 var(--cui-sidebar-footer-height);
7956
- padding: var(--cui-sidebar-footer-padding-y) var(--cui-sidebar-footer-padding-x);
7957
- background: var(--cui-sidebar-footer-bg);
7958
- transition: height 0.15s, padding 0.15s;
7881
+ .sidebar-body {
7882
+ padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
7959
7883
  }
7960
- @media (prefers-reduced-motion: reduce) {
7961
- .sidebar-footer {
7962
- transition: none;
7963
- }
7884
+
7885
+ .sidebar-footer {
7886
+ display: flex;
7887
+ align-items: center;
7888
+ justify-content: space-between;
7889
+ padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
7964
7890
  }
7965
7891
 
7966
7892
  .sidebar-toggler {
7967
- display: flex;
7968
- flex: 0 0 var(--cui-sidebar-toggler-height);
7969
- justify-content: flex-end;
7970
- width: inherit;
7971
- padding: 0;
7972
- cursor: pointer;
7973
- background-color: var(--cui-sidebar-toggler-bg);
7893
+ --cui-sidebar-toggler-width: 0.5rem;
7894
+ --cui-sidebar-toggler-height: 0.5rem;
7895
+ --cui-sidebar-toggler-color: var(--cui-tertiary-color);
7896
+ --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");
7897
+ --cui-sidebar-toggler-hover-color: var(--cui-secondary-color);
7898
+ --cui-sidebar-toggler-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
7899
+ --cui-sidebar-toggler-focus-color: var(--cui-secondary-color);
7900
+ --cui-sidebar-toggler-transition: transform 0.15s;
7901
+ position: relative;
7902
+ box-sizing: content-box;
7903
+ width: var(--cui-sidebar-toggler-width);
7904
+ height: var(--cui-sidebar-toggler-height);
7905
+ padding: 0.25rem 0.25rem;
7906
+ background-color: transparent;
7974
7907
  border: 0;
7908
+ border-radius: 0.375rem;
7909
+ transition: var(--cui-sidebar-toggler-transition);
7975
7910
  }
7976
- @media (max-width: 767.98px) {
7911
+ @media (prefers-reduced-motion: reduce) {
7977
7912
  .sidebar-toggler {
7978
- display: none;
7913
+ transition: none;
7979
7914
  }
7980
7915
  }
7981
7916
  .sidebar-toggler::before {
7982
- display: block;
7983
- width: var(--cui-sidebar-toggler-indicator-width);
7984
- height: var(--cui-sidebar-toggler-indicator-height);
7917
+ position: absolute;
7918
+ top: 0;
7919
+ left: 0;
7920
+ width: 100%;
7921
+ height: 100%;
7985
7922
  content: "";
7986
- background-image: var(--cui-sidebar-toggler-indicator);
7987
- background-repeat: no-repeat;
7988
- background-position: center;
7989
- background-size: calc(var(--cui-sidebar-toggler-indicator-height) * 0.25);
7990
- transition: transform 0.15s;
7991
- }
7992
- @media (prefers-reduced-motion: reduce) {
7993
- .sidebar-toggler::before {
7994
- transition: none;
7995
- }
7996
- }
7997
- .sidebar-toggler:focus {
7998
- outline: 0;
7923
+ background-color: var(--cui-sidebar-toggler-color);
7924
+ -webkit-mask: var(--cui-sidebar-toggler-bg) no-repeat center;
7925
+ mask: var(--cui-sidebar-toggler-bg) no-repeat center;
7999
7926
  }
8000
7927
  .sidebar-toggler:hover {
8001
- background-color: var(--cui-sidebar-toggler-hover-bg);
7928
+ text-decoration: none;
8002
7929
  }
8003
7930
  .sidebar-toggler:hover::before {
8004
- background-image: var(--cui-sidebar-toggler-indicator-hover);
7931
+ background-color: var(--cui-sidebar-toggler-hover-color);
8005
7932
  }
8006
- .sidebar-end .sidebar-toggler {
8007
- justify-content: flex-start;
7933
+ .sidebar-toggler:focus {
7934
+ position: relative;
7935
+ outline: 0;
7936
+ box-shadow: var(--cui-sidebar-toggler-focus-shadow);
8008
7937
  }
8009
- .sidebar-end .sidebar-toggler::before {
8010
- transform: rotate(-180deg);
7938
+ .sidebar-toggler:focus::before {
7939
+ background-color: var(--cui-sidebar-toggler-focus-color);
7940
+ }
7941
+ @media (max-width: 767.98px) {
7942
+ .sidebar-toggler {
7943
+ display: none;
7944
+ }
8011
7945
  }
8012
7946
 
8013
7947
  .sidebar-backdrop {
@@ -8033,23 +7967,84 @@ textarea.form-control-lg {
8033
7967
  }
8034
7968
  }
8035
7969
 
8036
- [data-coreui-theme=dark] .sidebar {
8037
- --cui-sidebar-bg: #212631;
8038
- --cui-sidebar-border-width: var(--cui-border-width);
8039
- --cui-sidebar-border-color: var(--cui-border-color);
7970
+ .sidebar-dark {
7971
+ --cui-body-color: rgba(255, 255, 255, 0.87);
7972
+ --cui-body-bg: #212631;
7973
+ --cui-emphasis-color: #fff;
7974
+ --cui-secondary-color: rgba(255, 255, 255, 0.6);
7975
+ --cui-secondary-bg: #323a49;
7976
+ --cui-tertiary-color: rgba(255, 255, 255, 0.38);
7977
+ --cui-tertiary-bg: #2a303d;
7978
+ --cui-border-color: #323a49;
7979
+ }
7980
+ .sidebar-dark .sidebar-toggler {
7981
+ filter: var(--cui-sidebar-toggler-white-filter);
8040
7982
  }
8041
7983
 
8042
7984
  .sidebar-nav {
7985
+ --cui-sidebar-nav-padding-x: 0.5rem;
7986
+ --cui-sidebar-nav-padding-y: 0.5rem;
7987
+ --cui-sidebar-nav-title-padding-x: 1rem;
7988
+ --cui-sidebar-nav-title-padding-y: 0.75rem;
7989
+ --cui-sidebar-nav-title-margin-top: 1rem;
7990
+ --cui-sidebar-nav-title-color: var(--cui-tertiary-color);
7991
+ --cui-sidebar-nav-link-padding-x: 1rem;
7992
+ --cui-sidebar-nav-link-padding-y: 0.75rem;
7993
+ --cui-sidebar-nav-link-color: var(--cui-body-color);
7994
+ --cui-sidebar-nav-link-bg: transparent;
7995
+ --cui-sidebar-nav-link-border-color: transparent;
7996
+ --cui-sidebar-nav-link-border-radius: var(--cui-border-radius);
7997
+ --cui-sidebar-nav-link-border-width: 0;
7998
+ --cui-sidebar-nav-link-active-color: var(--cui-emphasis-color);
7999
+ --cui-sidebar-nav-link-active-bg: var(--cui-tertiary-bg);
8000
+ --cui-sidebar-nav-link-disabled-color: var(--cui-tertiary-color);
8001
+ --cui-sidebar-nav-link-hover-color: var(--cui-emphasis-color);
8002
+ --cui-sidebar-nav-link-hover-bg: var(--cui-tertiary-bg);
8003
+ --cui-sidebar-nav-link-icon-margin: 0.75rem;
8004
+ --cui-sidebar-nav-link-icon-color: var(--cui-tertiary-color);
8005
+ --cui-sidebar-nav-link-icon-width: 1.25rem;
8006
+ --cui-sidebar-nav-link-icon-height: 1.25rem;
8007
+ --cui-sidebar-nav-link-icon-font-size: 1.25rem;
8008
+ --cui-sidebar-nav-link-active-icon-color: var(--cui-primary);
8009
+ --cui-sidebar-nav-link-disabled-icon-color: var(--cui-tertiary-color);
8010
+ --cui-sidebar-nav-link-hover-icon-color: var(--cui-body-color);
8011
+ --cui-sidebar-nav-link-icon-bullet-size: 0.3125rem;
8012
+ --cui-sidebar-nav-link-icon-bullet-bg: transparent;
8013
+ --cui-sidebar-nav-link-icon-bullet-border-width: 1px;
8014
+ --cui-sidebar-nav-link-icon-bullet-border-radius: 50rem;
8015
+ --cui-sidebar-nav-link-icon-bullet-border-color: var(--cui-tertiary-color);
8016
+ --cui-sidebar-nav-link-active-icon-bullet-bg: transparent;
8017
+ --cui-sidebar-nav-link-active-icon-bullet-border-color: var(--cui-primary);
8018
+ --cui-sidebar-nav-link-disabled-icon-bullet-bg: transparent;
8019
+ --cui-sidebar-nav-link-disabled-icon-bullet-border-color: var(--cui-tertiary-color);
8020
+ --cui-sidebar-nav-link-hover-icon-bullet-bg: transparent;
8021
+ --cui-sidebar-nav-link-hover-icon-bullet-border-color: var(--cui-body-color);
8022
+ --cui-sidebar-nav-group-bg: transparent;
8023
+ --cui-sidebar-nav-group-border-width: 0;
8024
+ --cui-sidebar-nav-group-border-radius: var(--cui-border-radius);
8025
+ --cui-sidebar-nav-group-border-color: transparent;
8026
+ --cui-sidebar-nav-group-items-padding-y: 0;
8027
+ --cui-sidebar-nav-group-items-padding-x: 0;
8028
+ --cui-sidebar-nav-group-indicator-color: var(--cui-tertiary-color);
8029
+ --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");
8030
+ --cui-sidebar-nav-group-indicator-hover-color: var(--cui-emphasis-color);
8031
+ --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");
8032
+ --cui-sidebar-nav-group-toggle-show-color: var(--cui-body-color);
8043
8033
  position: relative;
8044
8034
  display: flex;
8045
8035
  flex: 1;
8046
8036
  flex-direction: column;
8047
- padding: 0;
8037
+ padding: var(--cui-sidebar-nav-padding-y) var(--cui-sidebar-nav-padding-x);
8048
8038
  margin-bottom: 0;
8049
8039
  overflow-x: hidden;
8050
8040
  overflow-y: auto;
8051
8041
  list-style: none;
8052
8042
  }
8043
+ .sidebar-nav .nav-item + .nav-item,
8044
+ .sidebar-nav .nav-item + .nav-group,
8045
+ .sidebar-nav .nav-group + .nav-item {
8046
+ margin-top: 1px;
8047
+ }
8053
8048
  .sidebar-nav .nav-title {
8054
8049
  padding: var(--cui-sidebar-nav-title-padding-y) var(--cui-sidebar-nav-title-padding-x);
8055
8050
  margin-top: var(--cui-sidebar-nav-title-margin-top);
@@ -8073,9 +8068,9 @@ textarea.form-control-lg {
8073
8068
  text-decoration: none;
8074
8069
  white-space: nowrap;
8075
8070
  background: var(--cui-sidebar-nav-link-bg);
8076
- border: var(--cui-sidebar-nav-link-border);
8071
+ border: var(--cui-sidebar-nav-link-border-width) solid var(--cui-sidebar-nav-link-border-color);
8077
8072
  border-radius: var(--cui-sidebar-nav-link-border-radius);
8078
- transition: background 0.15s ease, color 0.15s ease;
8073
+ transition: background 0.15s ease, color 0.15s ease, gap 0.15s ease;
8079
8074
  }
8080
8075
  @media (prefers-reduced-motion: reduce) {
8081
8076
  .sidebar-nav .nav-link {
@@ -8089,6 +8084,10 @@ textarea.form-control-lg {
8089
8084
  .sidebar-nav .nav-link.active .nav-icon {
8090
8085
  color: var(--cui-sidebar-nav-link-active-icon-color);
8091
8086
  }
8087
+ .sidebar-nav .nav-link.active .nav-icon-bullet {
8088
+ background: var(--cui-sidebar-link-active-icon-bullet-bg);
8089
+ border-color: var(--cui-sidebar-link-active-icon-bullet-border-color);
8090
+ }
8092
8091
  .sidebar-nav .nav-link.disabled {
8093
8092
  color: var(--cui-sidebar-nav-link-disabled-color);
8094
8093
  pointer-events: none;
@@ -8098,14 +8097,24 @@ textarea.form-control-lg {
8098
8097
  .sidebar-nav .nav-link.disabled .nav-icon {
8099
8098
  color: var(--cui-sidebar-nav-link-disabled-icon-color);
8100
8099
  }
8100
+ .sidebar-nav .nav-link.disabled .nav-icon-bullet {
8101
+ background: var(--cui-sidebar-link-disabled-icon-bullet-bg);
8102
+ border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
8103
+ }
8101
8104
  .sidebar-nav .nav-link.disabled:hover {
8102
8105
  color: var(--cui-sidebar-nav-link-disabled-color);
8103
8106
  }
8104
8107
  .sidebar-nav .nav-link.disabled:hover .nav-icon {
8105
8108
  color: var(--cui-sidebar-nav-link-disabled-icon-color);
8106
8109
  }
8110
+ .sidebar-nav .nav-link.disabled:hover .nav-icon-bullet {
8111
+ background: var(--cui-sidebar-link-disabled-icon-bullet-bg);
8112
+ border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
8113
+ }
8107
8114
  .sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle::after {
8108
- background-image: var(--cui-sidebar-nav-group-indicator-hover);
8115
+ -webkit-mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8116
+ mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8117
+ background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
8109
8118
  }
8110
8119
  @media (hover: hover), (-ms-high-contrast: none) {
8111
8120
  .sidebar-nav .nav-link:hover {
@@ -8116,14 +8125,24 @@ textarea.form-control-lg {
8116
8125
  .sidebar-nav .nav-link:hover .nav-icon {
8117
8126
  color: var(--cui-sidebar-nav-link-hover-icon-color);
8118
8127
  }
8128
+ .sidebar-nav .nav-link:hover .nav-icon-bullet {
8129
+ background: var(--cui-sidebar-link-hover-icon-bullet-bg);
8130
+ border-color: var(--cui-sidebar-link-hover-icon-bullet-border-color);
8131
+ }
8119
8132
  .sidebar-nav .nav-link:hover.nav-group-toggle::after {
8120
- background-image: var(--cui-sidebar-nav-group-indicator-hover);
8133
+ -webkit-mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8134
+ mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8135
+ background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
8121
8136
  }
8122
8137
  }
8123
8138
  .sidebar-nav .nav-icon {
8124
- flex: 0 0 var(--cui-sidebar-nav-icon-width);
8125
- height: var(--cui-sidebar-nav-icon-height);
8126
- font-size: var(--cui-sidebar-nav-icon-font-size);
8139
+ display: flex;
8140
+ flex: 0 0 var(--cui-sidebar-nav-link-icon-width);
8141
+ align-items: center;
8142
+ justify-content: center;
8143
+ height: var(--cui-sidebar-nav-link-icon-height);
8144
+ margin-right: var(--cui-sidebar-nav-link-icon-margin);
8145
+ font-size: var(--cui-sidebar-nav-link-icon-font-size);
8127
8146
  color: var(--cui-sidebar-nav-link-icon-color);
8128
8147
  text-align: center;
8129
8148
  pointer-events: none;
@@ -8135,14 +8154,21 @@ textarea.form-control-lg {
8135
8154
  transition: none;
8136
8155
  }
8137
8156
  }
8138
- .sidebar-nav .nav-icon:first-child {
8139
- margin-left: calc(var(--cui-sidebar-nav-link-padding-x) * -1);
8157
+ .sidebar-nav .nav-icon-bullet {
8158
+ display: inline-block;
8159
+ width: var(--cui-sidebar-nav-link-icon-bullet-size);
8160
+ height: var(--cui-sidebar-nav-link-icon-bullet-size);
8161
+ background: var(--cui-sidebar-nav-link-icon-bullet-bg);
8162
+ border: var(--cui-sidebar-nav-link-icon-bullet-border-width) solid var(--cui-sidebar-nav-link-icon-bullet-border-color);
8163
+ border-radius: var(--cui-sidebar-nav-link-icon-bullet-border-radius);
8140
8164
  }
8141
8165
  .sidebar-nav svg.nav-icon {
8142
8166
  overflow: hidden;
8143
8167
  }
8144
8168
  .sidebar-nav .nav-group {
8145
8169
  position: relative;
8170
+ border: var(--cui-sidebar-nav-group-border-width) solid var(--cui-sidebar-nav-group-border-color);
8171
+ border-radius: var(--cui-sidebar-nav-group-border-radius);
8146
8172
  transition: background 0.15s ease-in-out;
8147
8173
  }
8148
8174
  @media (prefers-reduced-motion: reduce) {
@@ -8184,9 +8210,9 @@ textarea.form-control-lg {
8184
8210
  height: 12px;
8185
8211
  margin-left: auto;
8186
8212
  content: "";
8187
- background-image: var(--cui-sidebar-nav-group-indicator);
8188
- background-repeat: no-repeat;
8189
- background-position: center;
8213
+ -webkit-mask-image: var(--cui-sidebar-nav-group-indicator-icon);
8214
+ mask-image: var(--cui-sidebar-nav-group-indicator-icon);
8215
+ background-color: var(--cui-sidebar-nav-group-indicator-color);
8190
8216
  transition: transform 0.15s;
8191
8217
  }
8192
8218
  @media (prefers-reduced-motion: reduce) {
@@ -8199,17 +8225,23 @@ textarea.form-control-lg {
8199
8225
  list-style: none;
8200
8226
  }
8201
8227
  .sidebar-nav .nav-group-items .nav-link {
8202
- padding-left: var(--cui-sidebar-nav-icon-width);
8228
+ padding-left: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin));
8203
8229
  }
8204
- .sidebar-nav .nav-group-items .nav-link .nav-icon {
8205
- margin-left: calc(var(--cui-sidebar-nav-icon-width) * -1);
8230
+ .sidebar-nav .nav-group-items .nav-icon {
8231
+ margin-left: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1);
8206
8232
  }
8207
8233
  .sidebar-nav.compact .nav-link,
8208
8234
  .sidebar-nav .compact .nav-link {
8209
- padding-top: calc(var(--cui-sidebar-nav-link-padding-y) * 0.5);
8210
- padding-bottom: calc(var(--cui-sidebar-nav-link-padding-y) * 0.5);
8235
+ --cui-sidebar-nav-link-padding-y: 0.5625rem;
8211
8236
  }
8212
8237
 
8238
+ .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
8239
+ --cui-sidebar-narrow-width: 4rem;
8240
+ }
8241
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
8242
+ --cui-sidebar-nav-link-padding-x: 0.5rem;
8243
+ --cui-sidebar-nav-link-padding-y: 0.75rem;
8244
+ }
8213
8245
  @media (min-width: 768px) {
8214
8246
  .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
8215
8247
  z-index: 1031;
@@ -8228,6 +8260,14 @@ textarea.form-control-lg {
8228
8260
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow, .sidebar-narrow .sidebar-brand-narrow {
8229
8261
  display: block;
8230
8262
  }
8263
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-header, .sidebar-narrow .sidebar-header {
8264
+ justify-content: center;
8265
+ padding-right: 0;
8266
+ padding-left: 0;
8267
+ }
8268
+ .sidebar-narrow-unfoldable:not(:hover) .nav-icon, .sidebar-narrow .nav-icon {
8269
+ flex: 0 0 calc(var(--cui-sidebar-narrow-width) - var(--cui-sidebar-nav-padding-x) * 2 - var(--cui-sidebar-nav-link-padding-x) * 2);
8270
+ }
8231
8271
  .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none, .sidebar-narrow .d-narrow-none,
8232
8272
  .sidebar-narrow-unfoldable:not(:hover) .nav-label,
8233
8273
  .sidebar-narrow .nav-label,
@@ -8235,12 +8275,8 @@ textarea.form-control-lg {
8235
8275
  .sidebar-narrow .nav-title,
8236
8276
  .sidebar-narrow-unfoldable:not(:hover) .nav-group-items,
8237
8277
  .sidebar-narrow .nav-group-items,
8238
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-footer,
8239
- .sidebar-narrow .sidebar-footer,
8240
8278
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
8241
- .sidebar-narrow .sidebar-form,
8242
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-header,
8243
- .sidebar-narrow .sidebar-header {
8279
+ .sidebar-narrow .sidebar-form {
8244
8280
  height: 0 !important;
8245
8281
  padding: 0;
8246
8282
  margin: 0;
@@ -8248,10 +8284,6 @@ textarea.form-control-lg {
8248
8284
  opacity: 0;
8249
8285
  }
8250
8286
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler, .sidebar-narrow .sidebar-toggler {
8251
- position: fixed;
8252
- bottom: 0;
8253
- }
8254
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-narrow .sidebar-toggler::before {
8255
8287
  transform: rotate(-180deg);
8256
8288
  }
8257
8289
  .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before {
@@ -8265,6 +8297,9 @@ textarea.form-control-lg {
8265
8297
  .sidebar-narrow.sidebar-end ~ * {
8266
8298
  --cui-sidebar-occupy-end: 4rem;
8267
8299
  }
8300
+ .sidebar-narrow .nav-link {
8301
+ overflow: hidden;
8302
+ }
8268
8303
 
8269
8304
  .sidebar-narrow-unfoldable {
8270
8305
  position: fixed;
@@ -8276,12 +8311,18 @@ textarea.form-control-lg {
8276
8311
  .sidebar-narrow-unfoldable.sidebar-end ~ * {
8277
8312
  --cui-sidebar-occupy-end: 4rem;
8278
8313
  }
8279
- .sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
8314
+ .sidebar-narrow-unfoldable:hover {
8315
+ box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
8316
+ }
8317
+ .sidebar-narrow-unfoldable:hover .sidebar-toggler {
8280
8318
  transform: rotate(-180deg);
8281
8319
  }
8282
- .sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before {
8320
+ .sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler {
8283
8321
  transform: rotate(0deg);
8284
8322
  }
8323
+ .sidebar-narrow-unfoldable .nav-link {
8324
+ overflow: hidden;
8325
+ }
8285
8326
 
8286
8327
  .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end) {
8287
8328
  margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
@@ -8330,63 +8371,6 @@ textarea.form-control-lg {
8330
8371
  margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
8331
8372
  }
8332
8373
  }
8333
- .subheader {
8334
- position: relative;
8335
- display: flex;
8336
- flex-wrap: wrap;
8337
- align-items: center;
8338
- justify-content: space-between;
8339
- min-height: 3rem;
8340
- padding: 0.5rem 1rem;
8341
- background: var(--cui-subheader-bg, #fff);
8342
- border-bottom: var(--cui-subheader-border-width, 1px) solid var(--cui-subheader-border-color, var(--cui-border-color));
8343
- }
8344
-
8345
- .subheader-sticky {
8346
- position: -webkit-sticky;
8347
- position: sticky;
8348
- top: 0;
8349
- z-index: 1029;
8350
- }
8351
-
8352
- .subheader-nav {
8353
- display: flex;
8354
- flex-direction: row;
8355
- padding-left: 0;
8356
- margin-bottom: 0;
8357
- list-style: none;
8358
- }
8359
- .subheader-nav .nav-link {
8360
- padding-right: 0.5rem;
8361
- padding-left: 0.5rem;
8362
- color: var(--cui-subheader-color, var(--cui-secondary-color));
8363
- }
8364
- .subheader-nav .nav-link:hover, .subheader-nav .nav-link:focus {
8365
- color: var(--cui-subheader-hover-color, var(--cui-body-color));
8366
- }
8367
- .subheader-nav .nav-link.disabled {
8368
- color: var(--cui-subheader-disabled-color, rgba(37, 43, 54, 0.38));
8369
- }
8370
- .subheader-nav .show > .nav-link,
8371
- .subheader-nav .nav-link.active {
8372
- color: var(--cui-subheader-active-color, var(--cui-body-color));
8373
- }
8374
- .subheader-nav .dropdown-menu {
8375
- position: absolute;
8376
- }
8377
-
8378
- .subheader-text {
8379
- padding-top: 0.5rem;
8380
- padding-bottom: 0.5rem;
8381
- color: var(--cui-subheader-color, var(--cui-secondary-color));
8382
- }
8383
- .subheader-text a {
8384
- color: var(--cui-subheader-active-color, var(--cui-body-color));
8385
- }
8386
- .subheader-text a:hover, .subheader-text a:focus {
8387
- color: var(--cui-subheader-active-color, var(--cui-body-color));
8388
- }
8389
-
8390
8374
  .clearfix::after {
8391
8375
  display: block;
8392
8376
  clear: both;
@@ -8394,55 +8378,55 @@ textarea.form-control-lg {
8394
8378
  }
8395
8379
 
8396
8380
  .text-bg-primary {
8397
- color: rgba(255, 255, 255, 0.87) !important;
8398
- background-color: RGBA(50, 31, 219, var(--cui-bg-opacity, 1)) !important;
8381
+ color: #fff !important;
8382
+ background-color: RGBA(var(--cui-primary-rgb), var(--cui-bg-opacity, 1)) !important;
8399
8383
  }
8400
8384
 
8401
8385
  .text-bg-secondary {
8402
- color: rgba(37, 43, 54, 0.95) !important;
8403
- background-color: RGBA(157, 165, 177, var(--cui-bg-opacity, 1)) !important;
8386
+ color: #080a0c !important;
8387
+ background-color: RGBA(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important;
8404
8388
  }
8405
8389
 
8406
8390
  .text-bg-success {
8407
- color: rgba(37, 43, 54, 0.95) !important;
8408
- background-color: RGBA(46, 184, 92, var(--cui-bg-opacity, 1)) !important;
8391
+ color: #080a0c !important;
8392
+ background-color: RGBA(var(--cui-success-rgb), var(--cui-bg-opacity, 1)) !important;
8409
8393
  }
8410
8394
 
8411
8395
  .text-bg-info {
8412
8396
  color: #080a0c !important;
8413
- background-color: RGBA(51, 153, 255, var(--cui-bg-opacity, 1)) !important;
8397
+ background-color: RGBA(var(--cui-info-rgb), var(--cui-bg-opacity, 1)) !important;
8414
8398
  }
8415
8399
 
8416
8400
  .text-bg-warning {
8417
- color: rgba(37, 43, 54, 0.95) !important;
8418
- background-color: RGBA(249, 177, 21, var(--cui-bg-opacity, 1)) !important;
8401
+ color: #080a0c !important;
8402
+ background-color: RGBA(var(--cui-warning-rgb), var(--cui-bg-opacity, 1)) !important;
8419
8403
  }
8420
8404
 
8421
8405
  .text-bg-danger {
8422
8406
  color: #080a0c !important;
8423
- background-color: RGBA(229, 83, 83, var(--cui-bg-opacity, 1)) !important;
8407
+ background-color: RGBA(var(--cui-danger-rgb), var(--cui-bg-opacity, 1)) !important;
8424
8408
  }
8425
8409
 
8426
8410
  .text-bg-light {
8427
- color: rgba(37, 43, 54, 0.95) !important;
8428
- background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
8411
+ color: #080a0c !important;
8412
+ background-color: RGBA(var(--cui-light-rgb), var(--cui-bg-opacity, 1)) !important;
8429
8413
  }
8430
8414
 
8431
8415
  .text-bg-dark {
8432
- color: rgba(255, 255, 255, 0.87) !important;
8433
- background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
8416
+ color: #fff !important;
8417
+ background-color: RGBA(var(--cui-dark-rgb), var(--cui-bg-opacity, 1)) !important;
8434
8418
  }
8435
8419
 
8436
8420
  [data-coreui-theme=dark] .text-bg-primary {
8437
8421
  color: #fff !important;
8438
- background-color: RGBA(107, 96, 206, var(--cui-bg-opacity, 1)) !important;
8422
+ background-color: RGBA(98, 97, 204, var(--cui-bg-opacity, 1)) !important;
8439
8423
  }
8440
8424
  [data-coreui-theme=dark] .text-bg-secondary {
8441
- color: rgba(37, 43, 54, 0.95) !important;
8425
+ color: #080a0c !important;
8442
8426
  background-color: RGBA(166, 167, 168, var(--cui-bg-opacity, 1)) !important;
8443
8427
  }
8444
8428
  [data-coreui-theme=dark] .text-bg-success {
8445
- color: rgba(37, 43, 54, 0.95) !important;
8429
+ color: #080a0c !important;
8446
8430
  background-color: RGBA(58, 173, 96, var(--cui-bg-opacity, 1)) !important;
8447
8431
  }
8448
8432
  [data-coreui-theme=dark] .text-bg-info {
@@ -8450,7 +8434,7 @@ textarea.form-control-lg {
8450
8434
  background-color: RGBA(61, 153, 245, var(--cui-bg-opacity, 1)) !important;
8451
8435
  }
8452
8436
  [data-coreui-theme=dark] .text-bg-warning {
8453
- color: rgba(37, 43, 54, 0.95) !important;
8437
+ color: #080a0c !important;
8454
8438
  background-color: RGBA(237, 173, 33, var(--cui-bg-opacity, 1)) !important;
8455
8439
  }
8456
8440
  [data-coreui-theme=dark] .text-bg-danger {
@@ -8458,11 +8442,11 @@ textarea.form-control-lg {
8458
8442
  background-color: RGBA(219, 93, 93, var(--cui-bg-opacity, 1)) !important;
8459
8443
  }
8460
8444
  [data-coreui-theme=dark] .text-bg-light {
8461
- color: rgba(37, 43, 54, 0.95) !important;
8445
+ color: #080a0c !important;
8462
8446
  background-color: RGBA(244, 245, 246, var(--cui-bg-opacity, 1)) !important;
8463
8447
  }
8464
8448
  [data-coreui-theme=dark] .text-bg-dark {
8465
- color: rgba(255, 255, 255, 0.87) !important;
8449
+ color: #fff !important;
8466
8450
  background-color: RGBA(37, 40, 45, var(--cui-bg-opacity, 1)) !important;
8467
8451
  }
8468
8452
 
@@ -8472,9 +8456,9 @@ textarea.form-control-lg {
8472
8456
  text-decoration-color: RGBA(var(--cui-primary-rgb), var(--cui-link-underline-opacity, 1)) !important;
8473
8457
  }
8474
8458
  .link-primary:hover, .link-primary:focus {
8475
- color: RGBA(91, 76, 226, var(--cui-link-opacity, 1)) !important;
8476
- -webkit-text-decoration-color: RGBA(91, 76, 226, var(--cui-link-underline-opacity, 1)) !important;
8477
- text-decoration-color: RGBA(91, 76, 226, var(--cui-link-underline-opacity, 1)) !important;
8459
+ color: RGBA(70, 69, 171, var(--cui-link-opacity, 1)) !important;
8460
+ -webkit-text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important;
8461
+ text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important;
8478
8462
  }
8479
8463
 
8480
8464
  .link-secondary {
@@ -8483,9 +8467,9 @@ textarea.form-control-lg {
8483
8467
  text-decoration-color: RGBA(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important;
8484
8468
  }
8485
8469
  .link-secondary:hover, .link-secondary:focus {
8486
- color: RGBA(126, 132, 142, var(--cui-link-opacity, 1)) !important;
8487
- -webkit-text-decoration-color: RGBA(126, 132, 142, var(--cui-link-underline-opacity, 1)) !important;
8488
- text-decoration-color: RGBA(126, 132, 142, var(--cui-link-underline-opacity, 1)) !important;
8470
+ color: RGBA(177, 183, 193, var(--cui-link-opacity, 1)) !important;
8471
+ -webkit-text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
8472
+ text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
8489
8473
  }
8490
8474
 
8491
8475
  .link-success {
@@ -8494,9 +8478,9 @@ textarea.form-control-lg {
8494
8478
  text-decoration-color: RGBA(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important;
8495
8479
  }
8496
8480
  .link-success:hover, .link-success:focus {
8497
- color: RGBA(37, 147, 74, var(--cui-link-opacity, 1)) !important;
8498
- -webkit-text-decoration-color: RGBA(37, 147, 74, var(--cui-link-underline-opacity, 1)) !important;
8499
- text-decoration-color: RGBA(37, 147, 74, var(--cui-link-underline-opacity, 1)) !important;
8481
+ color: RGBA(88, 198, 125, var(--cui-link-opacity, 1)) !important;
8482
+ -webkit-text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
8483
+ text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
8500
8484
  }
8501
8485
 
8502
8486
  .link-info {
@@ -8516,9 +8500,9 @@ textarea.form-control-lg {
8516
8500
  text-decoration-color: RGBA(var(--cui-warning-rgb), var(--cui-link-underline-opacity, 1)) !important;
8517
8501
  }
8518
8502
  .link-warning:hover, .link-warning:focus {
8519
- color: RGBA(199, 142, 17, var(--cui-link-opacity, 1)) !important;
8520
- -webkit-text-decoration-color: RGBA(199, 142, 17, var(--cui-link-underline-opacity, 1)) !important;
8521
- text-decoration-color: RGBA(199, 142, 17, var(--cui-link-underline-opacity, 1)) !important;
8503
+ color: RGBA(250, 193, 68, var(--cui-link-opacity, 1)) !important;
8504
+ -webkit-text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important;
8505
+ text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important;
8522
8506
  }
8523
8507
 
8524
8508
  .link-danger {
@@ -8538,9 +8522,9 @@ textarea.form-control-lg {
8538
8522
  text-decoration-color: RGBA(var(--cui-light-rgb), var(--cui-link-underline-opacity, 1)) !important;
8539
8523
  }
8540
8524
  .link-light:hover, .link-light:focus {
8541
- color: RGBA(194, 195, 198, var(--cui-link-opacity, 1)) !important;
8542
- -webkit-text-decoration-color: RGBA(194, 195, 198, var(--cui-link-underline-opacity, 1)) !important;
8543
- text-decoration-color: RGBA(194, 195, 198, var(--cui-link-underline-opacity, 1)) !important;
8525
+ color: RGBA(245, 246, 249, var(--cui-link-opacity, 1)) !important;
8526
+ -webkit-text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important;
8527
+ text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important;
8544
8528
  }
8545
8529
 
8546
8530
  .link-dark {
@@ -8549,9 +8533,9 @@ textarea.form-control-lg {
8549
8533
  text-decoration-color: RGBA(var(--cui-dark-rgb), var(--cui-link-underline-opacity, 1)) !important;
8550
8534
  }
8551
8535
  .link-dark:hover, .link-dark:focus {
8552
- color: RGBA(77, 81, 90, var(--cui-link-opacity, 1)) !important;
8553
- -webkit-text-decoration-color: RGBA(77, 81, 90, var(--cui-link-underline-opacity, 1)) !important;
8554
- text-decoration-color: RGBA(77, 81, 90, var(--cui-link-underline-opacity, 1)) !important;
8536
+ color: RGBA(26, 30, 39, var(--cui-link-opacity, 1)) !important;
8537
+ -webkit-text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important;
8538
+ text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important;
8555
8539
  }
8556
8540
 
8557
8541
  .link-body-emphasis {
@@ -8779,7 +8763,7 @@ textarea.form-control-lg {
8779
8763
  .vr {
8780
8764
  display: inline-block;
8781
8765
  align-self: stretch;
8782
- width: 1px;
8766
+ width: var(--cui-border-width);
8783
8767
  min-height: 1em;
8784
8768
  padding: 0;
8785
8769
  background-color: currentcolor;
@@ -9179,7 +9163,7 @@ textarea.form-control-lg {
9179
9163
  }
9180
9164
 
9181
9165
  .border-top-primary {
9182
- border-top-color: #321fdb !important;
9166
+ border-top-color: #5856d6 !important;
9183
9167
  }
9184
9168
 
9185
9169
  .border-top-secondary {
@@ -9215,7 +9199,7 @@ textarea.form-control-lg {
9215
9199
  }
9216
9200
 
9217
9201
  .border-end-primary {
9218
- border-right-color: #321fdb !important;
9202
+ border-right-color: #5856d6 !important;
9219
9203
  }
9220
9204
 
9221
9205
  .border-end-secondary {
@@ -9251,7 +9235,7 @@ textarea.form-control-lg {
9251
9235
  }
9252
9236
 
9253
9237
  .border-bottom-primary {
9254
- border-bottom-color: #321fdb !important;
9238
+ border-bottom-color: #5856d6 !important;
9255
9239
  }
9256
9240
 
9257
9241
  .border-bottom-secondary {
@@ -9287,7 +9271,7 @@ textarea.form-control-lg {
9287
9271
  }
9288
9272
 
9289
9273
  .border-start-primary {
9290
- border-left-color: #321fdb !important;
9274
+ border-left-color: #5856d6 !important;
9291
9275
  }
9292
9276
 
9293
9277
  .border-start-secondary {