admin-lte 4.4.0 → 4.8.1

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 (57) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/README.md +1 -1
  3. package/dist/css/adminlte-colors-v3.css +2457 -0
  4. package/dist/css/adminlte-colors-v3.css.map +1 -0
  5. package/dist/css/adminlte-colors-v3.min.css +20 -0
  6. package/dist/css/adminlte-colors-v3.min.css.map +1 -0
  7. package/dist/css/adminlte-colors-v3.rtl.css +2456 -0
  8. package/dist/css/adminlte-colors-v3.rtl.css.map +1 -0
  9. package/dist/css/adminlte-colors-v3.rtl.min.css +20 -0
  10. package/dist/css/adminlte-colors-v3.rtl.min.css.map +1 -0
  11. package/dist/css/adminlte-colors.css +732 -114
  12. package/dist/css/adminlte-colors.css.map +1 -1
  13. package/dist/css/adminlte-colors.min.css +5 -3
  14. package/dist/css/adminlte-colors.min.css.map +1 -1
  15. package/dist/css/adminlte-colors.rtl.css +732 -114
  16. package/dist/css/adminlte-colors.rtl.css.map +1 -1
  17. package/dist/css/adminlte-colors.rtl.min.css +5 -3
  18. package/dist/css/adminlte-colors.rtl.min.css.map +1 -1
  19. package/dist/css/adminlte-docs.css +1 -1
  20. package/dist/css/adminlte-docs.css.map +1 -1
  21. package/dist/css/adminlte-docs.min.css +1 -1
  22. package/dist/css/adminlte-docs.min.css.map +1 -1
  23. package/dist/css/adminlte-docs.rtl.css +1 -1
  24. package/dist/css/adminlte-docs.rtl.css.map +1 -1
  25. package/dist/css/adminlte-docs.rtl.min.css +1 -1
  26. package/dist/css/adminlte-docs.rtl.min.css.map +1 -1
  27. package/dist/css/adminlte-select2.css +1 -1
  28. package/dist/css/adminlte-select2.css.map +1 -1
  29. package/dist/css/adminlte-select2.min.css +1 -1
  30. package/dist/css/adminlte-select2.min.css.map +1 -1
  31. package/dist/css/adminlte-select2.rtl.css +1 -1
  32. package/dist/css/adminlte-select2.rtl.css.map +1 -1
  33. package/dist/css/adminlte-select2.rtl.min.css +1 -1
  34. package/dist/css/adminlte-select2.rtl.min.css.map +1 -1
  35. package/dist/css/adminlte.css +17 -6
  36. package/dist/css/adminlte.css.map +1 -1
  37. package/dist/css/adminlte.min.css +2 -2
  38. package/dist/css/adminlte.min.css.map +1 -1
  39. package/dist/css/adminlte.rtl.css +17 -6
  40. package/dist/css/adminlte.rtl.css.map +1 -1
  41. package/dist/css/adminlte.rtl.min.css +2 -2
  42. package/dist/css/adminlte.rtl.min.css.map +1 -1
  43. package/dist/js/adminlte.esm.js +1 -1
  44. package/dist/js/adminlte.esm.min.js +1 -1
  45. package/dist/js/adminlte.js +1 -1
  46. package/dist/js/adminlte.min.js +1 -1
  47. package/package.json +1 -1
  48. package/src/scss/_accessibility.scss +36 -5
  49. package/src/scss/adminlte-colors-v3.scss +61 -0
  50. package/src/scss/adminlte-colors.scss +5 -2
  51. package/src/scss/adminlte-docs.scss +1 -1
  52. package/src/scss/adminlte-select2.scss +1 -1
  53. package/src/scss/adminlte.scss +1 -1
  54. package/src/scss/colors/_colors.scss +42 -8
  55. package/src/scss/colors/_primary.scss +276 -0
  56. package/src/scss/colors/_variables.scss +65 -0
  57. package/src/ts/adminlte.ts +1 -1
@@ -1,13 +1,15 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * AdminLTE v4.4.0 — Extended color palette
3
+ * AdminLTE v4.8.1 — Extended color palette
4
4
  * Opt-in. Nothing here is in adminlte.css: load this sheet after it and you
5
5
  * get fourteen additional colours (orange, amber, olive, teal, sky, indigo,
6
6
  * violet, fuchsia, pink, navy, steel, slate, graphite, midnight) as `--bs-*`
7
7
  * tokens plus the
8
8
  * `.bg-*`, `.text-bg-*`, `.text-*`, `.border-*`, `.link-*`, `.bg-gradient-*`,
9
9
  * `.card-*`, `.callout-*` and `.direct-chat-*` families — with dark mode.
10
- * Every colour takes white text at ≥ 4.6:1. See docs/colors.html.
10
+ * `data-lte-primary="teal"` on <html> also makes that colour Bootstrap's
11
+ * `primary`, buttons and all. Every colour takes white text at ≥ 4.6:1.
12
+ * See docs/colors.html.
11
13
  *
12
14
  * Author: Colorlib
13
15
  * Website: AdminLTE.io <https://adminlte.io>
@@ -17,119 +19,119 @@
17
19
  [data-bs-theme=light] {
18
20
  --bs-orange: #c84e10;
19
21
  --bs-orange-rgb: 200, 78, 16;
20
- --bs-orange-text-emphasis: rgb(31.3725490196%, 12.2352941176%, 2.5098039216%);
21
- --bs-orange-bg-subtle: rgb(95.6862745098%, 86.1176470588%, 81.2549019608%);
22
- --bs-orange-border-subtle: rgb(91.3725490196%, 72.2352941176%, 62.5098039216%);
22
+ --bs-orange-text-emphasis: #501f06;
23
+ --bs-orange-bg-subtle: #f4dccf;
24
+ --bs-orange-border-subtle: #e9b89f;
23
25
  --bs-amber: #a56710;
24
26
  --bs-amber-rgb: 165, 103, 16;
25
- --bs-amber-text-emphasis: rgb(25.8823529412%, 16.1568627451%, 2.5098039216%);
26
- --bs-amber-bg-subtle: rgb(92.9411764706%, 88.0784313725%, 81.2549019608%);
27
- --bs-amber-border-subtle: rgb(85.8823529412%, 76.1568627451%, 62.5098039216%);
27
+ --bs-amber-text-emphasis: #422906;
28
+ --bs-amber-bg-subtle: #ede1cf;
29
+ --bs-amber-border-subtle: #dbc29f;
28
30
  --bs-olive: #5f7f0f;
29
31
  --bs-olive-rgb: 95, 127, 15;
30
- --bs-olive-text-emphasis: rgb(14.9019607843%, 19.9215686275%, 2.3529411765%);
31
- --bs-olive-bg-subtle: rgb(87.4509803922%, 89.9607843137%, 81.1764705882%);
32
- --bs-olive-border-subtle: rgb(74.9019607843%, 79.9215686275%, 62.3529411765%);
32
+ --bs-olive-text-emphasis: #263306;
33
+ --bs-olive-bg-subtle: #dfe5cf;
34
+ --bs-olive-border-subtle: #bfcc9f;
33
35
  --bs-teal: #12827d;
34
36
  --bs-teal-rgb: 18, 130, 125;
35
- --bs-teal-text-emphasis: rgb(2.8235294118%, 20.3921568627%, 19.6078431373%);
36
- --bs-teal-bg-subtle: rgb(81.4117647059%, 90.1960784314%, 89.8039215686%);
37
- --bs-teal-border-subtle: rgb(62.8235294118%, 80.3921568627%, 79.6078431373%);
37
+ --bs-teal-text-emphasis: #073432;
38
+ --bs-teal-bg-subtle: #d0e6e5;
39
+ --bs-teal-border-subtle: #a0cdcb;
38
40
  --bs-sky: #127caf;
39
41
  --bs-sky-rgb: 18, 124, 175;
40
- --bs-sky-text-emphasis: rgb(2.8235294118%, 19.4509803922%, 27.4509803922%);
41
- --bs-sky-bg-subtle: rgb(81.4117647059%, 89.7254901961%, 93.7254901961%);
42
- --bs-sky-border-subtle: rgb(62.8235294118%, 79.4509803922%, 87.4509803922%);
42
+ --bs-sky-text-emphasis: #073246;
43
+ --bs-sky-bg-subtle: #d0e5ef;
44
+ --bs-sky-border-subtle: #a0cbdf;
43
45
  --bs-indigo: #6f60ea;
44
46
  --bs-indigo-rgb: 111, 96, 234;
45
- --bs-indigo-text-emphasis: rgb(17.4117647059%, 15.0588235294%, 36.7058823529%);
46
- --bs-indigo-bg-subtle: rgb(88.7058823529%, 87.5294117647%, 98.3529411765%);
47
- --bs-indigo-border-subtle: rgb(77.4117647059%, 75.0588235294%, 96.7058823529%);
47
+ --bs-indigo-text-emphasis: #2c265e;
48
+ --bs-indigo-bg-subtle: #e2dffb;
49
+ --bs-indigo-border-subtle: #c5bff7;
48
50
  --bs-violet: #9553db;
49
51
  --bs-violet-rgb: 149, 83, 219;
50
- --bs-violet-text-emphasis: rgb(23.3725490196%, 13.0196078431%, 34.3529411765%);
51
- --bs-violet-bg-subtle: rgb(91.6862745098%, 86.5098039216%, 97.1764705882%);
52
- --bs-violet-border-subtle: rgb(83.3725490196%, 73.0196078431%, 94.3529411765%);
52
+ --bs-violet-text-emphasis: #3c2158;
53
+ --bs-violet-bg-subtle: #eaddf8;
54
+ --bs-violet-border-subtle: #d5baf1;
53
55
  --bs-fuchsia: #b347be;
54
56
  --bs-fuchsia-rgb: 179, 71, 190;
55
- --bs-fuchsia-text-emphasis: rgb(28.0784313725%, 11.137254902%, 29.8039215686%);
56
- --bs-fuchsia-bg-subtle: rgb(94.0392156863%, 85.568627451%, 94.9019607843%);
57
- --bs-fuchsia-border-subtle: rgb(88.0784313725%, 71.137254902%, 89.8039215686%);
57
+ --bs-fuchsia-text-emphasis: #481c4c;
58
+ --bs-fuchsia-bg-subtle: #f0daf2;
59
+ --bs-fuchsia-border-subtle: #e1b5e5;
58
60
  --bs-pink: #cd388d;
59
61
  --bs-pink-rgb: 205, 56, 141;
60
- --bs-pink-text-emphasis: rgb(32.1568627451%, 8.7843137255%, 22.1176470588%);
61
- --bs-pink-bg-subtle: rgb(96.0784313725%, 84.3921568627%, 91.0588235294%);
62
- --bs-pink-border-subtle: rgb(92.1568627451%, 68.7843137255%, 82.1176470588%);
62
+ --bs-pink-text-emphasis: #521638;
63
+ --bs-pink-bg-subtle: #f5d7e8;
64
+ --bs-pink-border-subtle: #ebafd1;
63
65
  --bs-navy: #1d2d4c;
64
66
  --bs-navy-rgb: 29, 45, 76;
65
- --bs-navy-text-emphasis: rgb(4.5490196078%, 7.0588235294%, 11.9215686275%);
66
- --bs-navy-bg-subtle: rgb(82.2745098039%, 83.5294117647%, 85.9607843137%);
67
- --bs-navy-border-subtle: rgb(64.5490196078%, 67.0588235294%, 71.9215686275%);
67
+ --bs-navy-text-emphasis: #0c121e;
68
+ --bs-navy-bg-subtle: #d2d5db;
69
+ --bs-navy-border-subtle: #a5abb7;
68
70
  --bs-steel: #3a4860;
69
71
  --bs-steel-rgb: 58, 72, 96;
70
- --bs-steel-text-emphasis: rgb(9.0980392157%, 11.2941176471%, 15.0588235294%);
71
- --bs-steel-bg-subtle: rgb(84.5490196078%, 85.6470588235%, 87.5294117647%);
72
- --bs-steel-border-subtle: rgb(69.0980392157%, 71.2941176471%, 75.0588235294%);
72
+ --bs-steel-text-emphasis: #171d26;
73
+ --bs-steel-bg-subtle: #d8dadf;
74
+ --bs-steel-border-subtle: #b0b6bf;
73
75
  --bs-slate: #566577;
74
76
  --bs-slate-rgb: 86, 101, 119;
75
- --bs-slate-text-emphasis: rgb(13.4901960784%, 15.8431372549%, 18.6666666667%);
76
- --bs-slate-bg-subtle: rgb(86.7450980392%, 87.9215686275%, 89.3333333333%);
77
- --bs-slate-border-subtle: rgb(73.4901960784%, 75.8431372549%, 78.6666666667%);
77
+ --bs-slate-text-emphasis: #222830;
78
+ --bs-slate-bg-subtle: #dde0e4;
79
+ --bs-slate-border-subtle: #bbc1c9;
78
80
  --bs-graphite: #32363c;
79
81
  --bs-graphite-rgb: 50, 54, 60;
80
- --bs-graphite-text-emphasis: rgb(7.8431372549%, 8.4705882353%, 9.4117647059%);
81
- --bs-graphite-bg-subtle: rgb(83.9215686275%, 84.2352941176%, 84.7058823529%);
82
- --bs-graphite-border-subtle: rgb(67.8431372549%, 68.4705882353%, 69.4117647059%);
82
+ --bs-graphite-text-emphasis: #141618;
83
+ --bs-graphite-bg-subtle: #d6d7d8;
84
+ --bs-graphite-border-subtle: #adafb1;
83
85
  --bs-midnight: #1e1d2d;
84
86
  --bs-midnight-rgb: 30, 29, 45;
85
- --bs-midnight-text-emphasis: rgb(4.7058823529%, 4.5490196078%, 7.0588235294%);
86
- --bs-midnight-bg-subtle: rgb(82.3529411765%, 82.2745098039%, 83.5294117647%);
87
- --bs-midnight-border-subtle: rgb(64.7058823529%, 64.5490196078%, 67.0588235294%);
87
+ --bs-midnight-text-emphasis: #0c0c12;
88
+ --bs-midnight-bg-subtle: #d2d2d5;
89
+ --bs-midnight-border-subtle: #a5a5ab;
88
90
  }
89
91
 
90
92
  [data-bs-theme=dark] {
91
- --bs-orange-text-emphasis: rgb(87.0588235294%, 58.3529411765%, 43.7647058824%);
92
- --bs-orange-bg-subtle: rgb(15.6862745098%, 6.1176470588%, 1.2549019608%);
93
- --bs-orange-border-subtle: rgb(47.0588235294%, 18.3529411765%, 3.7647058824%);
94
- --bs-amber-text-emphasis: rgb(78.8235294118%, 64.2352941176%, 43.7647058824%);
95
- --bs-amber-bg-subtle: rgb(12.9411764706%, 8.0784313725%, 1.2549019608%);
96
- --bs-amber-border-subtle: rgb(38.8235294118%, 24.2352941176%, 3.7647058824%);
97
- --bs-olive-text-emphasis: rgb(62.3529411765%, 69.8823529412%, 43.5294117647%);
98
- --bs-olive-bg-subtle: rgb(7.4509803922%, 9.9607843137%, 1.1764705882%);
99
- --bs-olive-border-subtle: rgb(22.3529411765%, 29.8823529412%, 3.5294117647%);
100
- --bs-teal-text-emphasis: rgb(44.2352941176%, 70.5882352941%, 69.4117647059%);
101
- --bs-teal-bg-subtle: rgb(1.4117647059%, 10.1960784314%, 9.8039215686%);
102
- --bs-teal-border-subtle: rgb(4.2352941176%, 30.5882352941%, 29.4117647059%);
103
- --bs-sky-text-emphasis: rgb(44.2352941176%, 69.1764705882%, 81.1764705882%);
104
- --bs-sky-bg-subtle: rgb(1.4117647059%, 9.7254901961%, 13.7254901961%);
105
- --bs-sky-border-subtle: rgb(4.2352941176%, 29.1764705882%, 41.1764705882%);
106
- --bs-indigo-text-emphasis: rgb(66.1176470588%, 62.5882352941%, 95.0588235294%);
107
- --bs-indigo-bg-subtle: rgb(8.7058823529%, 7.5294117647%, 18.3529411765%);
108
- --bs-indigo-border-subtle: rgb(26.1176470588%, 22.5882352941%, 55.0588235294%);
109
- --bs-violet-text-emphasis: rgb(75.0588235294%, 59.5294117647%, 91.5294117647%);
110
- --bs-violet-bg-subtle: rgb(11.6862745098%, 6.5098039216%, 17.1764705882%);
111
- --bs-violet-border-subtle: rgb(35.0588235294%, 19.5294117647%, 51.5294117647%);
112
- --bs-fuchsia-text-emphasis: rgb(82.1176470588%, 56.7058823529%, 84.7058823529%);
113
- --bs-fuchsia-bg-subtle: rgb(14.0392156863%, 5.568627451%, 14.9019607843%);
114
- --bs-fuchsia-border-subtle: rgb(42.1176470588%, 16.7058823529%, 44.7058823529%);
115
- --bs-pink-text-emphasis: rgb(88.2352941176%, 53.1764705882%, 73.1764705882%);
116
- --bs-pink-bg-subtle: rgb(16.0784313725%, 4.3921568627%, 11.0588235294%);
117
- --bs-pink-border-subtle: rgb(48.2352941176%, 13.1764705882%, 33.1764705882%);
118
- --bs-navy-text-emphasis: rgb(46.8235294118%, 50.5882352941%, 57.8823529412%);
119
- --bs-navy-bg-subtle: rgb(2.2745098039%, 3.5294117647%, 5.9607843137%);
120
- --bs-navy-border-subtle: rgb(6.8235294118%, 10.5882352941%, 17.8823529412%);
121
- --bs-steel-text-emphasis: rgb(53.6470588235%, 56.9411764706%, 62.5882352941%);
122
- --bs-steel-bg-subtle: rgb(4.5490196078%, 5.6470588235%, 7.5294117647%);
123
- --bs-steel-border-subtle: rgb(13.6470588235%, 16.9411764706%, 22.5882352941%);
124
- --bs-slate-text-emphasis: rgb(60.2352941176%, 63.7647058824%, 68%);
125
- --bs-slate-bg-subtle: rgb(6.7450980392%, 7.9215686275%, 9.3333333333%);
126
- --bs-slate-border-subtle: rgb(20.2352941176%, 23.7647058824%, 28%);
127
- --bs-graphite-text-emphasis: rgb(51.7647058824%, 52.7058823529%, 54.1176470588%);
128
- --bs-graphite-bg-subtle: rgb(3.9215686275%, 4.2352941176%, 4.7058823529%);
129
- --bs-graphite-border-subtle: rgb(11.7647058824%, 12.7058823529%, 14.1176470588%);
130
- --bs-midnight-text-emphasis: rgb(47.0588235294%, 46.8235294118%, 50.5882352941%);
131
- --bs-midnight-bg-subtle: rgb(2.3529411765%, 2.2745098039%, 3.5294117647%);
132
- --bs-midnight-border-subtle: rgb(7.0588235294%, 6.8235294118%, 10.5882352941%);
93
+ --bs-orange-text-emphasis: #de9570;
94
+ --bs-orange-bg-subtle: #281003;
95
+ --bs-orange-border-subtle: #782f0a;
96
+ --bs-amber-text-emphasis: #c9a470;
97
+ --bs-amber-bg-subtle: #211503;
98
+ --bs-amber-border-subtle: #633e0a;
99
+ --bs-olive-text-emphasis: #9fb26f;
100
+ --bs-olive-bg-subtle: #131903;
101
+ --bs-olive-border-subtle: #394c09;
102
+ --bs-teal-text-emphasis: #71b4b1;
103
+ --bs-teal-bg-subtle: #041a19;
104
+ --bs-teal-border-subtle: #0b4e4b;
105
+ --bs-sky-text-emphasis: #71b0cf;
106
+ --bs-sky-bg-subtle: #041923;
107
+ --bs-sky-border-subtle: #0b4a69;
108
+ --bs-indigo-text-emphasis: #a9a0f2;
109
+ --bs-indigo-bg-subtle: #16132f;
110
+ --bs-indigo-border-subtle: #433a8c;
111
+ --bs-violet-text-emphasis: #bf98e9;
112
+ --bs-violet-bg-subtle: #1e112c;
113
+ --bs-violet-border-subtle: #593283;
114
+ --bs-fuchsia-text-emphasis: #d191d8;
115
+ --bs-fuchsia-bg-subtle: #240e26;
116
+ --bs-fuchsia-border-subtle: #6b2b72;
117
+ --bs-pink-text-emphasis: #e188bb;
118
+ --bs-pink-bg-subtle: #290b1c;
119
+ --bs-pink-border-subtle: #7b2255;
120
+ --bs-navy-text-emphasis: #778194;
121
+ --bs-navy-bg-subtle: #06090f;
122
+ --bs-navy-border-subtle: #111b2e;
123
+ --bs-steel-text-emphasis: #8991a0;
124
+ --bs-steel-bg-subtle: #0c0e13;
125
+ --bs-steel-border-subtle: #232b3a;
126
+ --bs-slate-text-emphasis: #9aa3ad;
127
+ --bs-slate-bg-subtle: #111418;
128
+ --bs-slate-border-subtle: #343d47;
129
+ --bs-graphite-text-emphasis: #84868a;
130
+ --bs-graphite-bg-subtle: #0a0b0c;
131
+ --bs-graphite-border-subtle: #1e2024;
132
+ --bs-midnight-text-emphasis: #787781;
133
+ --bs-midnight-bg-subtle: #060609;
134
+ --bs-midnight-border-subtle: #12111b;
133
135
  }
134
136
 
135
137
  .bg-orange {
@@ -997,14 +999,14 @@
997
999
  .btn.text-bg-orange:focus-visible,
998
1000
  .btn.bg-gradient-orange:hover,
999
1001
  .btn.bg-gradient-orange:focus-visible {
1000
- background-color: rgb(70.5882352941%, 27.5294117647%, 5.6470588235%) !important;
1002
+ background-color: #b4460e !important;
1001
1003
  }
1002
1004
  .btn.bg-orange:active, .btn.bg-orange.active,
1003
1005
  .btn.text-bg-orange:active,
1004
1006
  .btn.text-bg-orange.active,
1005
1007
  .btn.bg-gradient-orange:active,
1006
1008
  .btn.bg-gradient-orange.active {
1007
- background-color: rgb(66.6666666667%, 26%, 5.3333333333%) !important;
1009
+ background-color: #aa420e !important;
1008
1010
  }
1009
1011
 
1010
1012
  .btn.bg-amber:hover, .btn.bg-amber:focus-visible,
@@ -1012,14 +1014,14 @@
1012
1014
  .btn.text-bg-amber:focus-visible,
1013
1015
  .btn.bg-gradient-amber:hover,
1014
1016
  .btn.bg-gradient-amber:focus-visible {
1015
- background-color: rgb(58.2352941176%, 36.3529411765%, 5.6470588235%) !important;
1017
+ background-color: #955d0e !important;
1016
1018
  }
1017
1019
  .btn.bg-amber:active, .btn.bg-amber.active,
1018
1020
  .btn.text-bg-amber:active,
1019
1021
  .btn.text-bg-amber.active,
1020
1022
  .btn.bg-gradient-amber:active,
1021
1023
  .btn.bg-gradient-amber.active {
1022
- background-color: rgb(55%, 34.3333333333%, 5.3333333333%) !important;
1024
+ background-color: #8c580e !important;
1023
1025
  }
1024
1026
 
1025
1027
  .btn.bg-olive:hover, .btn.bg-olive:focus-visible,
@@ -1027,14 +1029,14 @@
1027
1029
  .btn.text-bg-olive:focus-visible,
1028
1030
  .btn.bg-gradient-olive:hover,
1029
1031
  .btn.bg-gradient-olive:focus-visible {
1030
- background-color: rgb(33.5294117647%, 44.8235294118%, 5.2941176471%) !important;
1032
+ background-color: #56720e !important;
1031
1033
  }
1032
1034
  .btn.bg-olive:active, .btn.bg-olive.active,
1033
1035
  .btn.text-bg-olive:active,
1034
1036
  .btn.text-bg-olive.active,
1035
1037
  .btn.bg-gradient-olive:active,
1036
1038
  .btn.bg-gradient-olive.active {
1037
- background-color: rgb(31.6666666667%, 42.3333333333%, 5%) !important;
1039
+ background-color: #516c0d !important;
1038
1040
  }
1039
1041
 
1040
1042
  .btn.bg-teal:hover, .btn.bg-teal:focus-visible,
@@ -1042,14 +1044,14 @@
1042
1044
  .btn.text-bg-teal:focus-visible,
1043
1045
  .btn.bg-gradient-teal:hover,
1044
1046
  .btn.bg-gradient-teal:focus-visible {
1045
- background-color: rgb(6.3529411765%, 45.8823529412%, 44.1176470588%) !important;
1047
+ background-color: #107571 !important;
1046
1048
  }
1047
1049
  .btn.bg-teal:active, .btn.bg-teal.active,
1048
1050
  .btn.text-bg-teal:active,
1049
1051
  .btn.text-bg-teal.active,
1050
1052
  .btn.bg-gradient-teal:active,
1051
1053
  .btn.bg-gradient-teal.active {
1052
- background-color: rgb(6%, 43.3333333333%, 41.6666666667%) !important;
1054
+ background-color: #0f6f6a !important;
1053
1055
  }
1054
1056
 
1055
1057
  .btn.bg-sky:hover, .btn.bg-sky:focus-visible,
@@ -1057,14 +1059,14 @@
1057
1059
  .btn.text-bg-sky:focus-visible,
1058
1060
  .btn.bg-gradient-sky:hover,
1059
1061
  .btn.bg-gradient-sky:focus-visible {
1060
- background-color: rgb(6.3529411765%, 43.7647058824%, 61.7647058824%) !important;
1062
+ background-color: #10709e !important;
1061
1063
  }
1062
1064
  .btn.bg-sky:active, .btn.bg-sky.active,
1063
1065
  .btn.text-bg-sky:active,
1064
1066
  .btn.text-bg-sky.active,
1065
1067
  .btn.bg-gradient-sky:active,
1066
1068
  .btn.bg-gradient-sky.active {
1067
- background-color: rgb(6%, 41.3333333333%, 58.3333333333%) !important;
1069
+ background-color: #0f6995 !important;
1068
1070
  }
1069
1071
 
1070
1072
  .btn.bg-indigo:hover, .btn.bg-indigo:focus-visible,
@@ -1072,14 +1074,14 @@
1072
1074
  .btn.text-bg-indigo:focus-visible,
1073
1075
  .btn.bg-gradient-indigo:hover,
1074
1076
  .btn.bg-gradient-indigo:focus-visible {
1075
- background-color: rgb(39.1764705882%, 33.8823529412%, 82.5882352941%) !important;
1077
+ background-color: #6456d3 !important;
1076
1078
  }
1077
1079
  .btn.bg-indigo:active, .btn.bg-indigo.active,
1078
1080
  .btn.text-bg-indigo:active,
1079
1081
  .btn.text-bg-indigo.active,
1080
1082
  .btn.bg-gradient-indigo:active,
1081
1083
  .btn.bg-gradient-indigo.active {
1082
- background-color: rgb(37%, 32%, 78%) !important;
1084
+ background-color: #5e52c7 !important;
1083
1085
  }
1084
1086
 
1085
1087
  .btn.bg-violet:hover, .btn.bg-violet:focus-visible,
@@ -1087,14 +1089,14 @@
1087
1089
  .btn.text-bg-violet:focus-visible,
1088
1090
  .btn.bg-gradient-violet:hover,
1089
1091
  .btn.bg-gradient-violet:focus-visible {
1090
- background-color: rgb(52.5882352941%, 29.2941176471%, 77.2941176471%) !important;
1092
+ background-color: #864bc5 !important;
1091
1093
  }
1092
1094
  .btn.bg-violet:active, .btn.bg-violet.active,
1093
1095
  .btn.text-bg-violet:active,
1094
1096
  .btn.text-bg-violet.active,
1095
1097
  .btn.bg-gradient-violet:active,
1096
1098
  .btn.bg-gradient-violet.active {
1097
- background-color: rgb(49.6666666667%, 27.6666666667%, 73%) !important;
1099
+ background-color: #7f47ba !important;
1098
1100
  }
1099
1101
 
1100
1102
  .btn.bg-fuchsia:hover, .btn.bg-fuchsia:focus-visible,
@@ -1102,14 +1104,14 @@
1102
1104
  .btn.text-bg-fuchsia:focus-visible,
1103
1105
  .btn.bg-gradient-fuchsia:hover,
1104
1106
  .btn.bg-gradient-fuchsia:focus-visible {
1105
- background-color: rgb(63.1764705882%, 25.0588235294%, 67.0588235294%) !important;
1107
+ background-color: #a140ab !important;
1106
1108
  }
1107
1109
  .btn.bg-fuchsia:active, .btn.bg-fuchsia.active,
1108
1110
  .btn.text-bg-fuchsia:active,
1109
1111
  .btn.text-bg-fuchsia.active,
1110
1112
  .btn.bg-gradient-fuchsia:active,
1111
1113
  .btn.bg-gradient-fuchsia.active {
1112
- background-color: rgb(59.6666666667%, 23.6666666667%, 63.3333333333%) !important;
1114
+ background-color: #983ca2 !important;
1113
1115
  }
1114
1116
 
1115
1117
  .btn.bg-pink:hover, .btn.bg-pink:focus-visible,
@@ -1117,14 +1119,14 @@
1117
1119
  .btn.text-bg-pink:focus-visible,
1118
1120
  .btn.bg-gradient-pink:hover,
1119
1121
  .btn.bg-gradient-pink:focus-visible {
1120
- background-color: rgb(72.3529411765%, 19.7647058824%, 49.7647058824%) !important;
1122
+ background-color: #b9327f !important;
1121
1123
  }
1122
1124
  .btn.bg-pink:active, .btn.bg-pink.active,
1123
1125
  .btn.text-bg-pink:active,
1124
1126
  .btn.text-bg-pink.active,
1125
1127
  .btn.bg-gradient-pink:active,
1126
1128
  .btn.bg-gradient-pink.active {
1127
- background-color: rgb(68.3333333333%, 18.6666666667%, 47%) !important;
1129
+ background-color: #ae3078 !important;
1128
1130
  }
1129
1131
 
1130
1132
  .btn.bg-navy:hover, .btn.bg-navy:focus-visible,
@@ -1132,14 +1134,14 @@
1132
1134
  .btn.text-bg-navy:focus-visible,
1133
1135
  .btn.bg-gradient-navy:hover,
1134
1136
  .btn.bg-gradient-navy:focus-visible {
1135
- background-color: rgb(10.2352941176%, 15.8823529412%, 26.8235294118%) !important;
1137
+ background-color: #1a2944 !important;
1136
1138
  }
1137
1139
  .btn.bg-navy:active, .btn.bg-navy.active,
1138
1140
  .btn.text-bg-navy:active,
1139
1141
  .btn.text-bg-navy.active,
1140
1142
  .btn.bg-gradient-navy:active,
1141
1143
  .btn.bg-gradient-navy.active {
1142
- background-color: rgb(9.6666666667%, 15%, 25.3333333333%) !important;
1144
+ background-color: #192641 !important;
1143
1145
  }
1144
1146
 
1145
1147
  .btn.bg-steel:hover, .btn.bg-steel:focus-visible,
@@ -1147,14 +1149,14 @@
1147
1149
  .btn.text-bg-steel:focus-visible,
1148
1150
  .btn.bg-gradient-steel:hover,
1149
1151
  .btn.bg-gradient-steel:focus-visible {
1150
- background-color: rgb(20.4705882353%, 25.4117647059%, 33.8823529412%) !important;
1152
+ background-color: #344156 !important;
1151
1153
  }
1152
1154
  .btn.bg-steel:active, .btn.bg-steel.active,
1153
1155
  .btn.text-bg-steel:active,
1154
1156
  .btn.text-bg-steel.active,
1155
1157
  .btn.bg-gradient-steel:active,
1156
1158
  .btn.bg-gradient-steel.active {
1157
- background-color: rgb(19.3333333333%, 24%, 32%) !important;
1159
+ background-color: #313d52 !important;
1158
1160
  }
1159
1161
 
1160
1162
  .btn.bg-slate:hover, .btn.bg-slate:focus-visible,
@@ -1162,14 +1164,14 @@
1162
1164
  .btn.text-bg-slate:focus-visible,
1163
1165
  .btn.bg-gradient-slate:hover,
1164
1166
  .btn.bg-gradient-slate:focus-visible {
1165
- background-color: rgb(30.3529411765%, 35.6470588235%, 42%) !important;
1167
+ background-color: #4d5b6b !important;
1166
1168
  }
1167
1169
  .btn.bg-slate:active, .btn.bg-slate.active,
1168
1170
  .btn.text-bg-slate:active,
1169
1171
  .btn.text-bg-slate.active,
1170
1172
  .btn.bg-gradient-slate:active,
1171
1173
  .btn.bg-gradient-slate.active {
1172
- background-color: rgb(28.6666666667%, 33.6666666667%, 39.6666666667%) !important;
1174
+ background-color: #495665 !important;
1173
1175
  }
1174
1176
 
1175
1177
  .btn.bg-graphite:hover, .btn.bg-graphite:focus-visible,
@@ -1177,14 +1179,14 @@
1177
1179
  .btn.text-bg-graphite:focus-visible,
1178
1180
  .btn.bg-gradient-graphite:hover,
1179
1181
  .btn.bg-gradient-graphite:focus-visible {
1180
- background-color: rgb(17.6470588235%, 19.0588235294%, 21.1764705882%) !important;
1182
+ background-color: #2d3136 !important;
1181
1183
  }
1182
1184
  .btn.bg-graphite:active, .btn.bg-graphite.active,
1183
1185
  .btn.text-bg-graphite:active,
1184
1186
  .btn.text-bg-graphite.active,
1185
1187
  .btn.bg-gradient-graphite:active,
1186
1188
  .btn.bg-gradient-graphite.active {
1187
- background-color: rgb(16.6666666667%, 18%, 20%) !important;
1189
+ background-color: #2b2e33 !important;
1188
1190
  }
1189
1191
 
1190
1192
  .btn.bg-midnight:hover, .btn.bg-midnight:focus-visible,
@@ -1192,14 +1194,14 @@
1192
1194
  .btn.text-bg-midnight:focus-visible,
1193
1195
  .btn.bg-gradient-midnight:hover,
1194
1196
  .btn.bg-gradient-midnight:focus-visible {
1195
- background-color: rgb(10.5882352941%, 10.2352941176%, 15.8823529412%) !important;
1197
+ background-color: #1b1a29 !important;
1196
1198
  }
1197
1199
  .btn.bg-midnight:active, .btn.bg-midnight.active,
1198
1200
  .btn.text-bg-midnight:active,
1199
1201
  .btn.text-bg-midnight.active,
1200
1202
  .btn.bg-gradient-midnight:active,
1201
1203
  .btn.bg-gradient-midnight.active {
1202
- background-color: rgb(10%, 9.6666666667%, 15%) !important;
1204
+ background-color: #1a1926 !important;
1203
1205
  }
1204
1206
 
1205
1207
  .bg-opacity-10 {
@@ -1258,4 +1260,620 @@
1258
1260
  --bs-text-opacity: 1;
1259
1261
  }
1260
1262
 
1263
+ [data-lte-primary] {
1264
+ --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
1265
+ --lte-primary-color: #fff;
1266
+ --lte-primary-color-rgb: 255, 255, 255;
1267
+ --lte-primary-hover: var(--bs-primary);
1268
+ --lte-primary-hover-border: var(--bs-primary);
1269
+ --lte-primary-active: var(--bs-primary);
1270
+ --lte-primary-active-border: var(--bs-primary);
1271
+ }
1272
+
1273
+ @supports (color: color-mix(in srgb, red 50%, black)) {
1274
+ [data-lte-primary] {
1275
+ --lte-primary-hover: color-mix(in srgb, var(--bs-primary) 85%, #000);
1276
+ --lte-primary-hover-border: color-mix(in srgb, var(--bs-primary) 80%, #000);
1277
+ --lte-primary-active: color-mix(in srgb, var(--bs-primary) 80%, #000);
1278
+ --lte-primary-active-border: color-mix(in srgb, var(--bs-primary) 75%, #000);
1279
+ }
1280
+ }
1281
+ [data-lte-primary=secondary] {
1282
+ --bs-primary: var(--bs-secondary);
1283
+ --bs-primary-rgb: var(--bs-secondary-rgb);
1284
+ --bs-primary-text-emphasis: var(--bs-secondary-text-emphasis);
1285
+ --bs-primary-bg-subtle: var(--bs-secondary-bg-subtle);
1286
+ --bs-primary-border-subtle: var(--bs-secondary-border-subtle);
1287
+ --bs-link-color: var(--bs-secondary);
1288
+ --bs-link-color-rgb: var(--bs-secondary-rgb);
1289
+ --bs-link-hover-color: #565e64;
1290
+ --bs-link-hover-color-rgb: 86, 94, 100;
1291
+ --lte-primary-hover: #5c636a;
1292
+ --lte-primary-hover-border: #565e64;
1293
+ --lte-primary-active: #565e64;
1294
+ --lte-primary-active-border: #51585e;
1295
+ }
1296
+
1297
+ [data-lte-primary=success] {
1298
+ --bs-primary: var(--bs-success);
1299
+ --bs-primary-rgb: var(--bs-success-rgb);
1300
+ --bs-primary-text-emphasis: var(--bs-success-text-emphasis);
1301
+ --bs-primary-bg-subtle: var(--bs-success-bg-subtle);
1302
+ --bs-primary-border-subtle: var(--bs-success-border-subtle);
1303
+ --bs-link-color: var(--bs-success);
1304
+ --bs-link-color-rgb: var(--bs-success-rgb);
1305
+ --bs-link-hover-color: #146c43;
1306
+ --bs-link-hover-color-rgb: 20, 108, 67;
1307
+ --lte-primary-hover: #157347;
1308
+ --lte-primary-hover-border: #146c43;
1309
+ --lte-primary-active: #146c43;
1310
+ --lte-primary-active-border: #13653f;
1311
+ }
1312
+
1313
+ [data-lte-primary=info] {
1314
+ --bs-primary: var(--bs-info);
1315
+ --bs-primary-rgb: var(--bs-info-rgb);
1316
+ --bs-primary-text-emphasis: var(--bs-info-text-emphasis);
1317
+ --bs-primary-bg-subtle: var(--bs-info-bg-subtle);
1318
+ --bs-primary-border-subtle: var(--bs-info-border-subtle);
1319
+ --bs-link-color: var(--bs-info);
1320
+ --bs-link-color-rgb: var(--bs-info-rgb);
1321
+ --bs-link-hover-color: #0aa2c0;
1322
+ --bs-link-hover-color-rgb: 10, 162, 192;
1323
+ --lte-primary-hover: #31d2f2;
1324
+ --lte-primary-hover-border: #25cff2;
1325
+ --lte-primary-active: #3dd5f3;
1326
+ --lte-primary-active-border: #25cff2;
1327
+ --lte-primary-color: #000;
1328
+ --lte-primary-color-rgb: 0, 0, 0;
1329
+ }
1330
+
1331
+ [data-lte-primary=warning] {
1332
+ --bs-primary: var(--bs-warning);
1333
+ --bs-primary-rgb: var(--bs-warning-rgb);
1334
+ --bs-primary-text-emphasis: var(--bs-warning-text-emphasis);
1335
+ --bs-primary-bg-subtle: var(--bs-warning-bg-subtle);
1336
+ --bs-primary-border-subtle: var(--bs-warning-border-subtle);
1337
+ --bs-link-color: var(--bs-warning);
1338
+ --bs-link-color-rgb: var(--bs-warning-rgb);
1339
+ --bs-link-hover-color: #cc9a06;
1340
+ --bs-link-hover-color-rgb: 204, 154, 6;
1341
+ --lte-primary-hover: #ffca2c;
1342
+ --lte-primary-hover-border: #ffc720;
1343
+ --lte-primary-active: #ffcd39;
1344
+ --lte-primary-active-border: #ffc720;
1345
+ --lte-primary-color: #000;
1346
+ --lte-primary-color-rgb: 0, 0, 0;
1347
+ }
1348
+
1349
+ [data-lte-primary=danger] {
1350
+ --bs-primary: var(--bs-danger);
1351
+ --bs-primary-rgb: var(--bs-danger-rgb);
1352
+ --bs-primary-text-emphasis: var(--bs-danger-text-emphasis);
1353
+ --bs-primary-bg-subtle: var(--bs-danger-bg-subtle);
1354
+ --bs-primary-border-subtle: var(--bs-danger-border-subtle);
1355
+ --bs-link-color: var(--bs-danger);
1356
+ --bs-link-color-rgb: var(--bs-danger-rgb);
1357
+ --bs-link-hover-color: #b02a37;
1358
+ --bs-link-hover-color-rgb: 176, 42, 55;
1359
+ --lte-primary-hover: #bb2d3b;
1360
+ --lte-primary-hover-border: #b02a37;
1361
+ --lte-primary-active: #b02a37;
1362
+ --lte-primary-active-border: #a52834;
1363
+ }
1364
+
1365
+ [data-lte-primary=light] {
1366
+ --bs-primary: var(--bs-light);
1367
+ --bs-primary-rgb: var(--bs-light-rgb);
1368
+ --bs-primary-text-emphasis: var(--bs-light-text-emphasis);
1369
+ --bs-primary-bg-subtle: var(--bs-light-bg-subtle);
1370
+ --bs-primary-border-subtle: var(--bs-light-border-subtle);
1371
+ --bs-link-color: var(--bs-light);
1372
+ --bs-link-color-rgb: var(--bs-light-rgb);
1373
+ --bs-link-hover-color: #c6c7c8;
1374
+ --bs-link-hover-color-rgb: 198, 199, 200;
1375
+ --lte-primary-hover: #f9fafb;
1376
+ --lte-primary-hover-border: #f9fafb;
1377
+ --lte-primary-active: #f9fafb;
1378
+ --lte-primary-active-border: #f9fafb;
1379
+ --lte-primary-color: #000;
1380
+ --lte-primary-color-rgb: 0, 0, 0;
1381
+ }
1382
+
1383
+ [data-lte-primary=dark] {
1384
+ --bs-primary: var(--bs-dark);
1385
+ --bs-primary-rgb: var(--bs-dark-rgb);
1386
+ --bs-primary-text-emphasis: var(--bs-dark-text-emphasis);
1387
+ --bs-primary-bg-subtle: var(--bs-dark-bg-subtle);
1388
+ --bs-primary-border-subtle: var(--bs-dark-border-subtle);
1389
+ --bs-link-color: var(--bs-dark);
1390
+ --bs-link-color-rgb: var(--bs-dark-rgb);
1391
+ --bs-link-hover-color: #1a1e21;
1392
+ --bs-link-hover-color-rgb: 26, 30, 33;
1393
+ --lte-primary-hover: #1c1f23;
1394
+ --lte-primary-hover-border: #1a1e21;
1395
+ --lte-primary-active: #1a1e21;
1396
+ --lte-primary-active-border: #191c1f;
1397
+ }
1398
+
1399
+ [data-lte-primary=orange] {
1400
+ --bs-primary: var(--bs-orange);
1401
+ --bs-primary-rgb: var(--bs-orange-rgb);
1402
+ --bs-primary-text-emphasis: var(--bs-orange-text-emphasis);
1403
+ --bs-primary-bg-subtle: var(--bs-orange-bg-subtle);
1404
+ --bs-primary-border-subtle: var(--bs-orange-border-subtle);
1405
+ --bs-link-color: var(--bs-orange);
1406
+ --bs-link-color-rgb: var(--bs-orange-rgb);
1407
+ --bs-link-hover-color: #a03e0d;
1408
+ --bs-link-hover-color-rgb: 160, 62, 13;
1409
+ --lte-primary-hover: #aa420e;
1410
+ --lte-primary-hover-border: #a03e0d;
1411
+ --lte-primary-active: #a03e0d;
1412
+ --lte-primary-active-border: #963b0c;
1413
+ }
1414
+
1415
+ [data-lte-primary=amber] {
1416
+ --bs-primary: var(--bs-amber);
1417
+ --bs-primary-rgb: var(--bs-amber-rgb);
1418
+ --bs-primary-text-emphasis: var(--bs-amber-text-emphasis);
1419
+ --bs-primary-bg-subtle: var(--bs-amber-bg-subtle);
1420
+ --bs-primary-border-subtle: var(--bs-amber-border-subtle);
1421
+ --bs-link-color: var(--bs-amber);
1422
+ --bs-link-color-rgb: var(--bs-amber-rgb);
1423
+ --bs-link-hover-color: #84520d;
1424
+ --bs-link-hover-color-rgb: 132, 82, 13;
1425
+ --lte-primary-hover: #8c580e;
1426
+ --lte-primary-hover-border: #84520d;
1427
+ --lte-primary-active: #84520d;
1428
+ --lte-primary-active-border: #7c4d0c;
1429
+ }
1430
+
1431
+ [data-lte-primary=olive] {
1432
+ --bs-primary: var(--bs-olive);
1433
+ --bs-primary-rgb: var(--bs-olive-rgb);
1434
+ --bs-primary-text-emphasis: var(--bs-olive-text-emphasis);
1435
+ --bs-primary-bg-subtle: var(--bs-olive-bg-subtle);
1436
+ --bs-primary-border-subtle: var(--bs-olive-border-subtle);
1437
+ --bs-link-color: var(--bs-olive);
1438
+ --bs-link-color-rgb: var(--bs-olive-rgb);
1439
+ --bs-link-hover-color: #4c660c;
1440
+ --bs-link-hover-color-rgb: 76, 102, 12;
1441
+ --lte-primary-hover: #516c0d;
1442
+ --lte-primary-hover-border: #4c660c;
1443
+ --lte-primary-active: #4c660c;
1444
+ --lte-primary-active-border: #475f0b;
1445
+ }
1446
+
1447
+ [data-lte-primary=teal] {
1448
+ --bs-primary: var(--bs-teal);
1449
+ --bs-primary-rgb: var(--bs-teal-rgb);
1450
+ --bs-primary-text-emphasis: var(--bs-teal-text-emphasis);
1451
+ --bs-primary-bg-subtle: var(--bs-teal-bg-subtle);
1452
+ --bs-primary-border-subtle: var(--bs-teal-border-subtle);
1453
+ --bs-link-color: var(--bs-teal);
1454
+ --bs-link-color-rgb: var(--bs-teal-rgb);
1455
+ --bs-link-hover-color: #0e6864;
1456
+ --bs-link-hover-color-rgb: 14, 104, 100;
1457
+ --lte-primary-hover: #0f6f6a;
1458
+ --lte-primary-hover-border: #0e6864;
1459
+ --lte-primary-active: #0e6864;
1460
+ --lte-primary-active-border: #0e625e;
1461
+ }
1462
+
1463
+ [data-lte-primary=sky] {
1464
+ --bs-primary: var(--bs-sky);
1465
+ --bs-primary-rgb: var(--bs-sky-rgb);
1466
+ --bs-primary-text-emphasis: var(--bs-sky-text-emphasis);
1467
+ --bs-primary-bg-subtle: var(--bs-sky-bg-subtle);
1468
+ --bs-primary-border-subtle: var(--bs-sky-border-subtle);
1469
+ --bs-link-color: var(--bs-sky);
1470
+ --bs-link-color-rgb: var(--bs-sky-rgb);
1471
+ --bs-link-hover-color: #0e638c;
1472
+ --bs-link-hover-color-rgb: 14, 99, 140;
1473
+ --lte-primary-hover: #0f6995;
1474
+ --lte-primary-hover-border: #0e638c;
1475
+ --lte-primary-active: #0e638c;
1476
+ --lte-primary-active-border: #0e5d83;
1477
+ }
1478
+
1479
+ [data-lte-primary=indigo] {
1480
+ --bs-primary: var(--bs-indigo);
1481
+ --bs-primary-rgb: var(--bs-indigo-rgb);
1482
+ --bs-primary-text-emphasis: var(--bs-indigo-text-emphasis);
1483
+ --bs-primary-bg-subtle: var(--bs-indigo-bg-subtle);
1484
+ --bs-primary-border-subtle: var(--bs-indigo-border-subtle);
1485
+ --bs-link-color: var(--bs-indigo);
1486
+ --bs-link-color-rgb: var(--bs-indigo-rgb);
1487
+ --bs-link-hover-color: #594dbb;
1488
+ --bs-link-hover-color-rgb: 89, 77, 187;
1489
+ --lte-primary-hover: #5e52c7;
1490
+ --lte-primary-hover-border: #594dbb;
1491
+ --lte-primary-active: #594dbb;
1492
+ --lte-primary-active-border: #5348b0;
1493
+ }
1494
+
1495
+ [data-lte-primary=violet] {
1496
+ --bs-primary: var(--bs-violet);
1497
+ --bs-primary-rgb: var(--bs-violet-rgb);
1498
+ --bs-primary-text-emphasis: var(--bs-violet-text-emphasis);
1499
+ --bs-primary-bg-subtle: var(--bs-violet-bg-subtle);
1500
+ --bs-primary-border-subtle: var(--bs-violet-border-subtle);
1501
+ --bs-link-color: var(--bs-violet);
1502
+ --bs-link-color-rgb: var(--bs-violet-rgb);
1503
+ --bs-link-hover-color: #7742af;
1504
+ --bs-link-hover-color-rgb: 119, 66, 175;
1505
+ --lte-primary-hover: #7f47ba;
1506
+ --lte-primary-hover-border: #7742af;
1507
+ --lte-primary-active: #7742af;
1508
+ --lte-primary-active-border: #703ea4;
1509
+ }
1510
+
1511
+ [data-lte-primary=fuchsia] {
1512
+ --bs-primary: var(--bs-fuchsia);
1513
+ --bs-primary-rgb: var(--bs-fuchsia-rgb);
1514
+ --bs-primary-text-emphasis: var(--bs-fuchsia-text-emphasis);
1515
+ --bs-primary-bg-subtle: var(--bs-fuchsia-bg-subtle);
1516
+ --bs-primary-border-subtle: var(--bs-fuchsia-border-subtle);
1517
+ --bs-link-color: var(--bs-fuchsia);
1518
+ --bs-link-color-rgb: var(--bs-fuchsia-rgb);
1519
+ --bs-link-hover-color: #8f3998;
1520
+ --bs-link-hover-color-rgb: 143, 57, 152;
1521
+ --lte-primary-hover: #983ca2;
1522
+ --lte-primary-hover-border: #8f3998;
1523
+ --lte-primary-active: #8f3998;
1524
+ --lte-primary-active-border: #86358f;
1525
+ }
1526
+
1527
+ [data-lte-primary=pink] {
1528
+ --bs-primary: var(--bs-pink);
1529
+ --bs-primary-rgb: var(--bs-pink-rgb);
1530
+ --bs-primary-text-emphasis: var(--bs-pink-text-emphasis);
1531
+ --bs-primary-bg-subtle: var(--bs-pink-bg-subtle);
1532
+ --bs-primary-border-subtle: var(--bs-pink-border-subtle);
1533
+ --bs-link-color: var(--bs-pink);
1534
+ --bs-link-color-rgb: var(--bs-pink-rgb);
1535
+ --bs-link-hover-color: #a42d71;
1536
+ --bs-link-hover-color-rgb: 164, 45, 113;
1537
+ --lte-primary-hover: #ae3078;
1538
+ --lte-primary-hover-border: #a42d71;
1539
+ --lte-primary-active: #a42d71;
1540
+ --lte-primary-active-border: #9a2a6a;
1541
+ }
1542
+
1543
+ [data-lte-primary=navy] {
1544
+ --bs-primary: var(--bs-navy);
1545
+ --bs-primary-rgb: var(--bs-navy-rgb);
1546
+ --bs-primary-text-emphasis: var(--bs-navy-text-emphasis);
1547
+ --bs-primary-bg-subtle: var(--bs-navy-bg-subtle);
1548
+ --bs-primary-border-subtle: var(--bs-navy-border-subtle);
1549
+ --bs-link-color: var(--bs-navy);
1550
+ --bs-link-color-rgb: var(--bs-navy-rgb);
1551
+ --bs-link-hover-color: #17243d;
1552
+ --bs-link-hover-color-rgb: 23, 36, 61;
1553
+ --lte-primary-hover: #192641;
1554
+ --lte-primary-hover-border: #17243d;
1555
+ --lte-primary-active: #17243d;
1556
+ --lte-primary-active-border: #162239;
1557
+ }
1558
+
1559
+ [data-lte-primary=steel] {
1560
+ --bs-primary: var(--bs-steel);
1561
+ --bs-primary-rgb: var(--bs-steel-rgb);
1562
+ --bs-primary-text-emphasis: var(--bs-steel-text-emphasis);
1563
+ --bs-primary-bg-subtle: var(--bs-steel-bg-subtle);
1564
+ --bs-primary-border-subtle: var(--bs-steel-border-subtle);
1565
+ --bs-link-color: var(--bs-steel);
1566
+ --bs-link-color-rgb: var(--bs-steel-rgb);
1567
+ --bs-link-hover-color: #2e3a4d;
1568
+ --bs-link-hover-color-rgb: 46, 58, 77;
1569
+ --lte-primary-hover: #313d52;
1570
+ --lte-primary-hover-border: #2e3a4d;
1571
+ --lte-primary-active: #2e3a4d;
1572
+ --lte-primary-active-border: #2c3648;
1573
+ }
1574
+
1575
+ [data-lte-primary=slate] {
1576
+ --bs-primary: var(--bs-slate);
1577
+ --bs-primary-rgb: var(--bs-slate-rgb);
1578
+ --bs-primary-text-emphasis: var(--bs-slate-text-emphasis);
1579
+ --bs-primary-bg-subtle: var(--bs-slate-bg-subtle);
1580
+ --bs-primary-border-subtle: var(--bs-slate-border-subtle);
1581
+ --bs-link-color: var(--bs-slate);
1582
+ --bs-link-color-rgb: var(--bs-slate-rgb);
1583
+ --bs-link-hover-color: #45515f;
1584
+ --bs-link-hover-color-rgb: 69, 81, 95;
1585
+ --lte-primary-hover: #495665;
1586
+ --lte-primary-hover-border: #45515f;
1587
+ --lte-primary-active: #45515f;
1588
+ --lte-primary-active-border: #414c59;
1589
+ }
1590
+
1591
+ [data-lte-primary=graphite] {
1592
+ --bs-primary: var(--bs-graphite);
1593
+ --bs-primary-rgb: var(--bs-graphite-rgb);
1594
+ --bs-primary-text-emphasis: var(--bs-graphite-text-emphasis);
1595
+ --bs-primary-bg-subtle: var(--bs-graphite-bg-subtle);
1596
+ --bs-primary-border-subtle: var(--bs-graphite-border-subtle);
1597
+ --bs-link-color: var(--bs-graphite);
1598
+ --bs-link-color-rgb: var(--bs-graphite-rgb);
1599
+ --bs-link-hover-color: #282b30;
1600
+ --bs-link-hover-color-rgb: 40, 43, 48;
1601
+ --lte-primary-hover: #2b2e33;
1602
+ --lte-primary-hover-border: #282b30;
1603
+ --lte-primary-active: #282b30;
1604
+ --lte-primary-active-border: #26292d;
1605
+ }
1606
+
1607
+ [data-lte-primary=midnight] {
1608
+ --bs-primary: var(--bs-midnight);
1609
+ --bs-primary-rgb: var(--bs-midnight-rgb);
1610
+ --bs-primary-text-emphasis: var(--bs-midnight-text-emphasis);
1611
+ --bs-primary-bg-subtle: var(--bs-midnight-bg-subtle);
1612
+ --bs-primary-border-subtle: var(--bs-midnight-border-subtle);
1613
+ --bs-link-color: var(--bs-midnight);
1614
+ --bs-link-color-rgb: var(--bs-midnight-rgb);
1615
+ --bs-link-hover-color: #181724;
1616
+ --bs-link-hover-color-rgb: 24, 23, 36;
1617
+ --lte-primary-hover: #1a1926;
1618
+ --lte-primary-hover-border: #181724;
1619
+ --lte-primary-active: #181724;
1620
+ --lte-primary-active-border: #171622;
1621
+ }
1622
+
1623
+ [data-bs-theme=dark][data-lte-primary=secondary],
1624
+ [data-bs-theme=dark] [data-lte-primary=secondary] {
1625
+ --bs-link-color: #a7acb1;
1626
+ --bs-link-color-rgb: 167, 172, 177;
1627
+ --bs-link-hover-color: #b8bdc1;
1628
+ --bs-link-hover-color-rgb: 184, 189, 193;
1629
+ }
1630
+ [data-bs-theme=dark][data-lte-primary=success],
1631
+ [data-bs-theme=dark] [data-lte-primary=success] {
1632
+ --bs-link-color: #75b798;
1633
+ --bs-link-color-rgb: 117, 183, 152;
1634
+ --bs-link-hover-color: #91c5ad;
1635
+ --bs-link-hover-color-rgb: 145, 197, 173;
1636
+ }
1637
+ [data-bs-theme=dark][data-lte-primary=info],
1638
+ [data-bs-theme=dark] [data-lte-primary=info] {
1639
+ --bs-link-color: #6edff6;
1640
+ --bs-link-color-rgb: 110, 223, 246;
1641
+ --bs-link-hover-color: #8be6f8;
1642
+ --bs-link-hover-color-rgb: 139, 230, 248;
1643
+ }
1644
+ [data-bs-theme=dark][data-lte-primary=warning],
1645
+ [data-bs-theme=dark] [data-lte-primary=warning] {
1646
+ --bs-link-color: #ffda6a;
1647
+ --bs-link-color-rgb: 255, 218, 106;
1648
+ --bs-link-hover-color: #ffe188;
1649
+ --bs-link-hover-color-rgb: 255, 225, 136;
1650
+ }
1651
+ [data-bs-theme=dark][data-lte-primary=danger],
1652
+ [data-bs-theme=dark] [data-lte-primary=danger] {
1653
+ --bs-link-color: #ea868f;
1654
+ --bs-link-color-rgb: 234, 134, 143;
1655
+ --bs-link-hover-color: #ee9ea6;
1656
+ --bs-link-hover-color-rgb: 238, 158, 166;
1657
+ }
1658
+ [data-bs-theme=dark][data-lte-primary=light],
1659
+ [data-bs-theme=dark] [data-lte-primary=light] {
1660
+ --bs-link-color: #fbfbfc;
1661
+ --bs-link-color-rgb: 251, 251, 252;
1662
+ --bs-link-hover-color: #fcfcfd;
1663
+ --bs-link-hover-color-rgb: 252, 252, 253;
1664
+ }
1665
+ [data-bs-theme=dark][data-lte-primary=dark],
1666
+ [data-bs-theme=dark] [data-lte-primary=dark] {
1667
+ --bs-link-color: #7a7c7f;
1668
+ --bs-link-color-rgb: 122, 124, 127;
1669
+ --bs-link-hover-color: #949698;
1670
+ --bs-link-hover-color-rgb: 148, 150, 152;
1671
+ }
1672
+ [data-bs-theme=dark][data-lte-primary=orange],
1673
+ [data-bs-theme=dark] [data-lte-primary=orange] {
1674
+ --bs-link-color: #de9570;
1675
+ --bs-link-color-rgb: 222, 149, 112;
1676
+ --bs-link-hover-color: #e5aa8c;
1677
+ --bs-link-hover-color-rgb: 229, 170, 140;
1678
+ }
1679
+ [data-bs-theme=dark][data-lte-primary=amber],
1680
+ [data-bs-theme=dark] [data-lte-primary=amber] {
1681
+ --bs-link-color: #c9a470;
1682
+ --bs-link-color-rgb: 201, 164, 112;
1683
+ --bs-link-hover-color: #d4b68c;
1684
+ --bs-link-hover-color-rgb: 212, 182, 140;
1685
+ }
1686
+ [data-bs-theme=dark][data-lte-primary=olive],
1687
+ [data-bs-theme=dark] [data-lte-primary=olive] {
1688
+ --bs-link-color: #9fb26f;
1689
+ --bs-link-color-rgb: 159, 178, 111;
1690
+ --bs-link-hover-color: #b2c28c;
1691
+ --bs-link-hover-color-rgb: 178, 194, 140;
1692
+ }
1693
+ [data-bs-theme=dark][data-lte-primary=teal],
1694
+ [data-bs-theme=dark] [data-lte-primary=teal] {
1695
+ --bs-link-color: #71b4b1;
1696
+ --bs-link-color-rgb: 113, 180, 177;
1697
+ --bs-link-hover-color: #8dc3c1;
1698
+ --bs-link-hover-color-rgb: 141, 195, 193;
1699
+ }
1700
+ [data-bs-theme=dark][data-lte-primary=sky],
1701
+ [data-bs-theme=dark] [data-lte-primary=sky] {
1702
+ --bs-link-color: #71b0cf;
1703
+ --bs-link-color-rgb: 113, 176, 207;
1704
+ --bs-link-hover-color: #8dc0d9;
1705
+ --bs-link-hover-color-rgb: 141, 192, 217;
1706
+ }
1707
+ [data-bs-theme=dark][data-lte-primary=indigo],
1708
+ [data-bs-theme=dark] [data-lte-primary=indigo] {
1709
+ --bs-link-color: #a9a0f2;
1710
+ --bs-link-color-rgb: 169, 160, 242;
1711
+ --bs-link-hover-color: #bab3f5;
1712
+ --bs-link-hover-color-rgb: 186, 179, 245;
1713
+ }
1714
+ [data-bs-theme=dark][data-lte-primary=violet],
1715
+ [data-bs-theme=dark] [data-lte-primary=violet] {
1716
+ --bs-link-color: #bf98e9;
1717
+ --bs-link-color-rgb: 191, 152, 233;
1718
+ --bs-link-hover-color: #ccacee;
1719
+ --bs-link-hover-color-rgb: 204, 172, 238;
1720
+ }
1721
+ [data-bs-theme=dark][data-lte-primary=fuchsia],
1722
+ [data-bs-theme=dark] [data-lte-primary=fuchsia] {
1723
+ --bs-link-color: #d191d8;
1724
+ --bs-link-color-rgb: 209, 145, 216;
1725
+ --bs-link-hover-color: #dba7e0;
1726
+ --bs-link-hover-color-rgb: 219, 167, 224;
1727
+ }
1728
+ [data-bs-theme=dark][data-lte-primary=pink],
1729
+ [data-bs-theme=dark] [data-lte-primary=pink] {
1730
+ --bs-link-color: #e188bb;
1731
+ --bs-link-color-rgb: 225, 136, 187;
1732
+ --bs-link-hover-color: #e79fc8;
1733
+ --bs-link-hover-color-rgb: 231, 159, 200;
1734
+ }
1735
+ [data-bs-theme=dark][data-lte-primary=navy],
1736
+ [data-bs-theme=dark] [data-lte-primary=navy] {
1737
+ --bs-link-color: #778194;
1738
+ --bs-link-color-rgb: 119, 129, 148;
1739
+ --bs-link-hover-color: #939aa9;
1740
+ --bs-link-hover-color-rgb: 147, 154, 169;
1741
+ }
1742
+ [data-bs-theme=dark][data-lte-primary=steel],
1743
+ [data-bs-theme=dark] [data-lte-primary=steel] {
1744
+ --bs-link-color: #8991a0;
1745
+ --bs-link-color-rgb: 137, 145, 160;
1746
+ --bs-link-hover-color: #a0a7b3;
1747
+ --bs-link-hover-color-rgb: 160, 167, 179;
1748
+ }
1749
+ [data-bs-theme=dark][data-lte-primary=slate],
1750
+ [data-bs-theme=dark] [data-lte-primary=slate] {
1751
+ --bs-link-color: #9aa3ad;
1752
+ --bs-link-color-rgb: 154, 163, 173;
1753
+ --bs-link-hover-color: #aeb5be;
1754
+ --bs-link-hover-color-rgb: 174, 181, 190;
1755
+ }
1756
+ [data-bs-theme=dark][data-lte-primary=graphite],
1757
+ [data-bs-theme=dark] [data-lte-primary=graphite] {
1758
+ --bs-link-color: #84868a;
1759
+ --bs-link-color-rgb: 132, 134, 138;
1760
+ --bs-link-hover-color: #9d9fa1;
1761
+ --bs-link-hover-color-rgb: 157, 159, 161;
1762
+ }
1763
+ [data-bs-theme=dark][data-lte-primary=midnight],
1764
+ [data-bs-theme=dark] [data-lte-primary=midnight] {
1765
+ --bs-link-color: #787781;
1766
+ --bs-link-color-rgb: 120, 119, 129;
1767
+ --bs-link-hover-color: #93939a;
1768
+ --bs-link-hover-color-rgb: 147, 147, 154;
1769
+ }
1770
+
1771
+ /* stylelint-disable-next-line no-duplicate-selectors */
1772
+ [data-lte-primary] .btn-primary {
1773
+ --bs-btn-color: var(--lte-primary-color);
1774
+ --bs-btn-bg: var(--bs-primary);
1775
+ --bs-btn-border-color: var(--bs-primary);
1776
+ --bs-btn-hover-color: var(--lte-primary-color);
1777
+ --bs-btn-hover-bg: var(--lte-primary-hover);
1778
+ --bs-btn-hover-border-color: var(--lte-primary-hover-border);
1779
+ --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
1780
+ --bs-btn-active-color: var(--lte-primary-color);
1781
+ --bs-btn-active-bg: var(--lte-primary-active);
1782
+ --bs-btn-active-border-color: var(--lte-primary-active-border);
1783
+ --bs-btn-disabled-color: var(--lte-primary-color);
1784
+ --bs-btn-disabled-bg: var(--bs-primary);
1785
+ --bs-btn-disabled-border-color: var(--bs-primary);
1786
+ }
1787
+ [data-lte-primary] .btn-outline-primary {
1788
+ --bs-btn-color: var(--bs-primary);
1789
+ --bs-btn-border-color: var(--bs-primary);
1790
+ --bs-btn-hover-color: var(--lte-primary-color);
1791
+ --bs-btn-hover-bg: var(--bs-primary);
1792
+ --bs-btn-hover-border-color: var(--bs-primary);
1793
+ --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
1794
+ --bs-btn-active-color: var(--lte-primary-color);
1795
+ --bs-btn-active-bg: var(--bs-primary);
1796
+ --bs-btn-active-border-color: var(--bs-primary);
1797
+ --bs-btn-disabled-color: var(--bs-primary);
1798
+ --bs-btn-disabled-border-color: var(--bs-primary);
1799
+ }
1800
+ [data-lte-primary] .btn-link {
1801
+ --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
1802
+ }
1803
+ [data-lte-primary] .text-bg-primary {
1804
+ color: var(--lte-primary-color) !important;
1805
+ }
1806
+ [data-lte-primary] .link-primary:hover, [data-lte-primary] .link-primary:focus {
1807
+ color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
1808
+ text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
1809
+ }
1810
+ [data-lte-primary] .dropdown-menu {
1811
+ --bs-dropdown-link-active-color: var(--lte-primary-color);
1812
+ --bs-dropdown-link-active-bg: var(--bs-primary);
1813
+ }
1814
+ [data-lte-primary] .nav-pills {
1815
+ --bs-nav-pills-link-active-color: var(--lte-primary-color);
1816
+ --bs-nav-pills-link-active-bg: var(--bs-primary);
1817
+ }
1818
+ [data-lte-primary] .pagination {
1819
+ --bs-pagination-active-color: var(--lte-primary-color);
1820
+ --bs-pagination-active-bg: var(--bs-primary);
1821
+ --bs-pagination-active-border-color: var(--bs-primary);
1822
+ --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
1823
+ }
1824
+ [data-lte-primary] .progress,
1825
+ [data-lte-primary] .progress-stacked {
1826
+ --bs-progress-bar-color: var(--lte-primary-color);
1827
+ --bs-progress-bar-bg: var(--bs-primary);
1828
+ }
1829
+ [data-lte-primary] .list-group {
1830
+ --bs-list-group-active-color: var(--lte-primary-color);
1831
+ --bs-list-group-active-bg: var(--bs-primary);
1832
+ --bs-list-group-active-border-color: var(--bs-primary);
1833
+ }
1834
+ [data-lte-primary] .accordion {
1835
+ --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
1836
+ }
1837
+ [data-lte-primary] .form-control:focus,
1838
+ [data-lte-primary] .form-select:focus {
1839
+ border-color: var(--bs-primary);
1840
+ box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
1841
+ }
1842
+ [data-lte-primary] .form-check-input:focus {
1843
+ border-color: var(--bs-primary);
1844
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
1845
+ }
1846
+ [data-lte-primary] .form-check-input:checked,
1847
+ [data-lte-primary] .form-check-input[type=checkbox]:indeterminate {
1848
+ background-color: var(--bs-primary);
1849
+ border-color: var(--bs-primary);
1850
+ }
1851
+ [data-lte-primary] .form-switch .form-check-input:focus:not(:checked) {
1852
+ --bs-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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
1853
+ }
1854
+ [data-lte-primary] .form-range::-webkit-slider-thumb {
1855
+ background-color: var(--bs-primary);
1856
+ }
1857
+ [data-lte-primary] .form-range::-moz-range-thumb {
1858
+ background-color: var(--bs-primary);
1859
+ }
1860
+ [data-lte-primary] .card-primary,
1861
+ [data-lte-primary] .bg-primary,
1862
+ [data-lte-primary] .text-bg-primary {
1863
+ --lte-card-variant-bg: var(--bs-primary);
1864
+ --lte-card-variant-bg-rgb: var(--bs-primary-rgb);
1865
+ --lte-card-variant-color: var(--lte-primary-color);
1866
+ --lte-card-variant-color-rgb: var(--lte-primary-color-rgb);
1867
+ }
1868
+ [data-lte-primary] .direct-chat-primary {
1869
+ --lte-direct-chat-color: var(--lte-primary-color);
1870
+ --lte-direct-chat-bg: var(--bs-primary);
1871
+ }
1872
+ [data-lte-primary] .toast-primary {
1873
+ --bs-toast-header-color: var(--lte-primary-color);
1874
+ --bs-toast-header-bg: var(--bs-primary);
1875
+ --bs-toast-header-border-color: var(--bs-primary);
1876
+ --bs-toast-border-color: var(--bs-primary);
1877
+ }
1878
+
1261
1879
  /*# sourceMappingURL=adminlte-colors.css.map */