@tabler/core 1.0.0-beta13 → 1.0.0-beta15

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 (99) hide show
  1. package/dist/css/demo.css +2 -2
  2. package/dist/css/demo.min.css +2 -2
  3. package/dist/css/demo.rtl.css +2 -2
  4. package/dist/css/demo.rtl.min.css +2 -2
  5. package/dist/css/tabler-flags.css +4 -4
  6. package/dist/css/tabler-flags.min.css +3 -3
  7. package/dist/css/tabler-flags.rtl.css +4 -4
  8. package/dist/css/tabler-flags.rtl.min.css +3 -3
  9. package/dist/css/tabler-payments.css +4 -4
  10. package/dist/css/tabler-payments.min.css +3 -3
  11. package/dist/css/tabler-payments.rtl.css +4 -4
  12. package/dist/css/tabler-payments.rtl.min.css +3 -3
  13. package/dist/css/tabler-vendors.css +2 -2
  14. package/dist/css/tabler-vendors.min.css +2 -2
  15. package/dist/css/tabler-vendors.rtl.css +2 -2
  16. package/dist/css/tabler-vendors.rtl.min.css +2 -2
  17. package/dist/css/tabler.css +673 -815
  18. package/dist/css/tabler.min.css +4 -4
  19. package/dist/css/tabler.rtl.css +673 -815
  20. package/dist/css/tabler.rtl.min.css +4 -4
  21. package/dist/js/demo-theme.js +2 -2
  22. package/dist/js/demo-theme.min.js +2 -2
  23. package/dist/js/demo.js +2 -2
  24. package/dist/js/demo.min.js +2 -2
  25. package/dist/js/tabler.esm.js +2 -2
  26. package/dist/js/tabler.esm.min.js +2 -2
  27. package/dist/js/tabler.js +2 -2
  28. package/dist/js/tabler.min.js +2 -2
  29. package/dist/libs/tom-select/dist/js/plugins/caret_position.js +57 -8
  30. package/dist/libs/tom-select/dist/js/plugins/caret_position.js.map +1 -1
  31. package/dist/libs/tom-select/dist/js/plugins/change_listener.js +2 -2
  32. package/dist/libs/tom-select/dist/js/plugins/change_listener.js.map +1 -1
  33. package/dist/libs/tom-select/dist/js/plugins/checkbox_options.js +57 -8
  34. package/dist/libs/tom-select/dist/js/plugins/checkbox_options.js.map +1 -1
  35. package/dist/libs/tom-select/dist/js/plugins/clear_button.js +57 -8
  36. package/dist/libs/tom-select/dist/js/plugins/clear_button.js.map +1 -1
  37. package/dist/libs/tom-select/dist/js/plugins/drag_drop.js +1 -1
  38. package/dist/libs/tom-select/dist/js/plugins/dropdown_header.js +57 -8
  39. package/dist/libs/tom-select/dist/js/plugins/dropdown_header.js.map +1 -1
  40. package/dist/libs/tom-select/dist/js/plugins/dropdown_input.js +58 -9
  41. package/dist/libs/tom-select/dist/js/plugins/dropdown_input.js.map +1 -1
  42. package/dist/libs/tom-select/dist/js/plugins/input_autogrow.js +2 -2
  43. package/dist/libs/tom-select/dist/js/plugins/input_autogrow.js.map +1 -1
  44. package/dist/libs/tom-select/dist/js/plugins/no_active_items.js +1 -1
  45. package/dist/libs/tom-select/dist/js/plugins/no_backspace_delete.js +1 -1
  46. package/dist/libs/tom-select/dist/js/plugins/optgroup_columns.js +57 -8
  47. package/dist/libs/tom-select/dist/js/plugins/optgroup_columns.js.map +1 -1
  48. package/dist/libs/tom-select/dist/js/plugins/remove_button.js +58 -9
  49. package/dist/libs/tom-select/dist/js/plugins/remove_button.js.map +1 -1
  50. package/dist/libs/tom-select/dist/js/plugins/restore_on_backspace.js +1 -1
  51. package/dist/libs/tom-select/dist/js/plugins/virtual_scroll.js +57 -8
  52. package/dist/libs/tom-select/dist/js/plugins/virtual_scroll.js.map +1 -1
  53. package/dist/libs/tom-select/dist/js/tom-select.base.js +77 -39
  54. package/dist/libs/tom-select/dist/js/tom-select.base.js.map +1 -1
  55. package/dist/libs/tom-select/dist/js/tom-select.base.min.js +132 -133
  56. package/dist/libs/tom-select/dist/js/tom-select.base.min.js.map +1 -1
  57. package/dist/libs/tom-select/dist/js/tom-select.complete.js +77 -39
  58. package/dist/libs/tom-select/dist/js/tom-select.complete.js.map +1 -1
  59. package/dist/libs/tom-select/dist/js/tom-select.complete.min.js +157 -158
  60. package/dist/libs/tom-select/dist/js/tom-select.complete.min.js.map +1 -1
  61. package/dist/libs/tom-select/dist/js/tom-select.popular.js +77 -39
  62. package/dist/libs/tom-select/dist/js/tom-select.popular.js.map +1 -1
  63. package/dist/libs/tom-select/dist/js/tom-select.popular.min.js +144 -145
  64. package/dist/libs/tom-select/dist/js/tom-select.popular.min.js.map +1 -1
  65. package/package.json +27 -11
  66. package/src/scss/_core.scss +1 -0
  67. package/src/scss/_mixins-override.scss +2 -2
  68. package/src/scss/_variables.scss +12 -4
  69. package/src/scss/layout/_animations.scss +62 -0
  70. package/src/scss/layout/_dark.scss +4 -3
  71. package/src/scss/layout/_navbar.scss +25 -35
  72. package/src/scss/layout/_page.scss +1 -1
  73. package/src/scss/layout/_root.scss +4 -0
  74. package/src/scss/mixins/_mixins.scss +6 -24
  75. package/src/scss/ui/_alerts.scss +4 -4
  76. package/src/scss/ui/_avatars.scss +2 -13
  77. package/src/scss/ui/_badges.scss +28 -7
  78. package/src/scss/ui/_breadcrumbs.scss +1 -1
  79. package/src/scss/ui/_buttons.scss +32 -17
  80. package/src/scss/ui/_calendars.scss +1 -1
  81. package/src/scss/ui/_cards.scss +6 -4
  82. package/src/scss/ui/_dropdowns.scss +1 -1
  83. package/src/scss/ui/_empty.scss +2 -2
  84. package/src/scss/ui/_forms.scss +4 -4
  85. package/src/scss/ui/_icons.scss +26 -57
  86. package/src/scss/ui/_lists.scss +6 -6
  87. package/src/scss/ui/_loaders.scss +2 -12
  88. package/src/scss/ui/_modals.scss +1 -1
  89. package/src/scss/ui/_nav.scss +10 -10
  90. package/src/scss/ui/_pagination.scss +1 -1
  91. package/src/scss/ui/_ribbons.scss +2 -2
  92. package/src/scss/ui/_steps.scss +2 -2
  93. package/src/scss/ui/_type.scss +8 -2
  94. package/src/scss/ui/forms/_form-check.scss +1 -1
  95. package/src/scss/ui/forms/_form-imagecheck.scss +1 -1
  96. package/src/scss/ui/forms/_form-selectgroup.scss +1 -1
  97. package/src/scss/ui/typo/_hr.scss +1 -1
  98. package/src/scss/utils/_colors.scss +1 -1
  99. package/src/scss/vendor/_tom-select.scss +1 -0
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta13 (https://tabler.io)
3
- * @version 1.0.0-beta13
2
+ * Tabler v1.0.0-beta15 (https://tabler.io)
3
+ * @version 1.0.0-beta15
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2022 The Tabler Authors
6
6
  * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -52,7 +52,7 @@
52
52
  --tblr-green: #2fb344;
53
53
  --tblr-teal: #0ca678;
54
54
  --tblr-cyan: #17a2b8;
55
- --tblr-facebook: #3b5998;
55
+ --tblr-facebook: #1877F2;
56
56
  --tblr-twitter: #1da1f2;
57
57
  --tblr-linkedin: #0a66c2;
58
58
  --tblr-google: #dc4e41;
@@ -88,7 +88,7 @@
88
88
  --tblr-green-rgb: 47, 179, 68;
89
89
  --tblr-teal-rgb: 12, 166, 120;
90
90
  --tblr-cyan-rgb: 23, 162, 184;
91
- --tblr-facebook-rgb: 59, 89, 152;
91
+ --tblr-facebook-rgb: 24, 119, 242;
92
92
  --tblr-twitter-rgb: 29, 161, 242;
93
93
  --tblr-linkedin-rgb: 10, 102, 194;
94
94
  --tblr-google-rgb: 220, 78, 65;
@@ -323,10 +323,10 @@ a > code {
323
323
  }
324
324
 
325
325
  kbd {
326
- padding: 2px 0.375rem;
326
+ padding: 2px 4px;
327
327
  font-size: 85.714285%;
328
328
  color: var(--tblr-muted);
329
- background-color: transparent;
329
+ background-color: var(--tblr-code-bg);
330
330
  border-radius: 2px;
331
331
  }
332
332
  kbd kbd {
@@ -3011,8 +3011,8 @@ textarea.form-control-lg {
3011
3011
  vertical-align: 0.306em;
3012
3012
  width: 0.36em;
3013
3013
  height: 0.36em;
3014
- border-bottom: 1px solid;
3015
- border-right: 1px solid;
3014
+ border-bottom: 1px var(--tblr-border-style);
3015
+ border-right: 1px var(--tblr-border-style);
3016
3016
  margin-left: 0.1em;
3017
3017
  margin-right: 0.4em;
3018
3018
  transform: rotate(45deg);
@@ -3174,8 +3174,8 @@ textarea.form-control-lg {
3174
3174
  vertical-align: 0.306em;
3175
3175
  width: 0.36em;
3176
3176
  height: 0.36em;
3177
- border-bottom: 1px solid;
3178
- border-right: 1px solid;
3177
+ border-bottom: 1px var(--tblr-border-style);
3178
+ border-right: 1px var(--tblr-border-style);
3179
3179
  margin-left: 0.1em;
3180
3180
  margin-right: 0.4em;
3181
3181
  transform: rotate(-135deg);
@@ -3194,8 +3194,8 @@ textarea.form-control-lg {
3194
3194
  vertical-align: 0.306em;
3195
3195
  width: 0.36em;
3196
3196
  height: 0.36em;
3197
- border-bottom: 1px solid;
3198
- border-right: 1px solid;
3197
+ border-bottom: 1px var(--tblr-border-style);
3198
+ border-right: 1px var(--tblr-border-style);
3199
3199
  margin-left: 0.1em;
3200
3200
  margin-right: 0.4em;
3201
3201
  transform: rotate(135deg);
@@ -3217,8 +3217,8 @@ textarea.form-control-lg {
3217
3217
  vertical-align: 0.306em;
3218
3218
  width: 0.36em;
3219
3219
  height: 0.36em;
3220
- border-bottom: 1px solid;
3221
- border-right: 1px solid;
3220
+ border-bottom: 1px var(--tblr-border-style);
3221
+ border-right: 1px var(--tblr-border-style);
3222
3222
  margin-left: 0.1em;
3223
3223
  margin-right: 0.4em;
3224
3224
  transform: rotate(-45deg);
@@ -3437,7 +3437,7 @@ textarea.form-control-lg {
3437
3437
  .nav-tabs {
3438
3438
  --tblr-nav-tabs-border-width: 1px;
3439
3439
  --tblr-nav-tabs-border-color: var(--tblr-border-color);
3440
- --tblr-nav-tabs-border-radius: 4px;
3440
+ --tblr-nav-tabs-border-radius: var(--tblr-border-radius);
3441
3441
  --tblr-nav-tabs-link-hover-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
3442
3442
  --tblr-nav-tabs-link-active-color: var(--tblr-body-color);
3443
3443
  --tblr-nav-tabs-link-active-bg: #f1f5f9;
@@ -5045,17 +5045,17 @@ textarea.form-control-lg {
5045
5045
  }
5046
5046
 
5047
5047
  .list-group-item-facebook {
5048
- color: #23355b;
5049
- background-color: #d8deea;
5048
+ color: #0e4791;
5049
+ background-color: #d1e4fc;
5050
5050
  }
5051
5051
  .list-group-item-facebook.list-group-item-action:hover, .list-group-item-facebook.list-group-item-action:focus {
5052
- color: #23355b;
5053
- background-color: #c2c8d3;
5052
+ color: #0e4791;
5053
+ background-color: #bccde3;
5054
5054
  }
5055
5055
  .list-group-item-facebook.list-group-item-action.active {
5056
5056
  color: #ffffff;
5057
- background-color: #23355b;
5058
- border-color: #23355b;
5057
+ background-color: #0e4791;
5058
+ border-color: #0e4791;
5059
5059
  }
5060
5060
 
5061
5061
  .list-group-item-twitter {
@@ -6891,7 +6891,7 @@ textarea.form-control-lg {
6891
6891
 
6892
6892
  .text-bg-facebook {
6893
6893
  color: #f8fafc !important;
6894
- background-color: RGBA(59, 89, 152, var(--tblr-bg-opacity, 1)) !important;
6894
+ background-color: RGBA(24, 119, 242, var(--tblr-bg-opacity, 1)) !important;
6895
6895
  }
6896
6896
 
6897
6897
  .text-bg-twitter {
@@ -7112,10 +7112,10 @@ textarea.form-control-lg {
7112
7112
  }
7113
7113
 
7114
7114
  .link-facebook {
7115
- color: #3b5998 !important;
7115
+ color: #1877F2 !important;
7116
7116
  }
7117
7117
  .link-facebook:hover, .link-facebook:focus {
7118
- color: #2f477a !important;
7118
+ color: #135fc2 !important;
7119
7119
  }
7120
7120
 
7121
7121
  .link-twitter {
@@ -12086,10 +12086,10 @@ textarea.form-control-lg {
12086
12086
  --tblr-cyan-fg: var(--tblr-light);
12087
12087
  --tblr-cyan-darken: #1592a6;
12088
12088
  --tblr-cyan-rgb: 23, 162, 184;
12089
- --tblr-facebook: #3b5998;
12089
+ --tblr-facebook: #1877F2;
12090
12090
  --tblr-facebook-fg: var(--tblr-light);
12091
- --tblr-facebook-darken: #355089;
12092
- --tblr-facebook-rgb: 59, 89, 152;
12091
+ --tblr-facebook-darken: #166bda;
12092
+ --tblr-facebook-rgb: 24, 119, 242;
12093
12093
  --tblr-twitter: #1da1f2;
12094
12094
  --tblr-twitter-fg: var(--tblr-light);
12095
12095
  --tblr-twitter-darken: #1a91da;
@@ -12199,6 +12199,9 @@ textarea.form-control-lg {
12199
12199
  --tblr-disabled-color: var(--tblr-gray-300);
12200
12200
  --tblr-code-color: var(--tblr-gray-600);
12201
12201
  --tblr-code-bg: var(--tblr-gray-100);
12202
+ --tblr-dark-mode-border-color: #243049;
12203
+ --tblr-dark-mode-border-color-light: #243049;
12204
+ --tblr-dark-mode-border-color-active: #314264;
12202
12205
  --tblr-font-weight-light: 300;
12203
12206
  --tblr-font-weight-normal: 400;
12204
12207
  --tblr-font-weight-medium: 500;
@@ -12224,6 +12227,107 @@ textarea.form-control-lg {
12224
12227
  --tblr-shadow-card-hover: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
12225
12228
  }
12226
12229
 
12230
+ @-webkit-keyframes pulse {
12231
+ from {
12232
+ opacity: 1;
12233
+ transform: scale3d(0.8, 0.8, 0.8);
12234
+ }
12235
+ 50% {
12236
+ transform: scale3d(1, 1, 1);
12237
+ opacity: 1;
12238
+ }
12239
+ to {
12240
+ opacity: 1;
12241
+ transform: scale3d(0.8, 0.8, 0.8);
12242
+ }
12243
+ }
12244
+
12245
+ @keyframes pulse {
12246
+ from {
12247
+ opacity: 1;
12248
+ transform: scale3d(0.8, 0.8, 0.8);
12249
+ }
12250
+ 50% {
12251
+ transform: scale3d(1, 1, 1);
12252
+ opacity: 1;
12253
+ }
12254
+ to {
12255
+ opacity: 1;
12256
+ transform: scale3d(0.8, 0.8, 0.8);
12257
+ }
12258
+ }
12259
+ @-webkit-keyframes tada {
12260
+ 0% {
12261
+ transform: scale3d(1, 1, 1);
12262
+ }
12263
+ 10%, 5% {
12264
+ transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 5deg);
12265
+ }
12266
+ 15%, 25%, 35%, 45% {
12267
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
12268
+ }
12269
+ 20%, 30%, 40% {
12270
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
12271
+ }
12272
+ 50% {
12273
+ transform: scale3d(1, 1, 1);
12274
+ }
12275
+ }
12276
+ @keyframes tada {
12277
+ 0% {
12278
+ transform: scale3d(1, 1, 1);
12279
+ }
12280
+ 10%, 5% {
12281
+ transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 5deg);
12282
+ }
12283
+ 15%, 25%, 35%, 45% {
12284
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
12285
+ }
12286
+ 20%, 30%, 40% {
12287
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
12288
+ }
12289
+ 50% {
12290
+ transform: scale3d(1, 1, 1);
12291
+ }
12292
+ }
12293
+ @-webkit-keyframes rotate-360 {
12294
+ from {
12295
+ transform: rotate(0deg);
12296
+ }
12297
+ to {
12298
+ transform: rotate(-360deg);
12299
+ }
12300
+ }
12301
+ @keyframes rotate-360 {
12302
+ from {
12303
+ transform: rotate(0deg);
12304
+ }
12305
+ to {
12306
+ transform: rotate(-360deg);
12307
+ }
12308
+ }
12309
+ @-webkit-keyframes blink {
12310
+ from {
12311
+ opacity: 0;
12312
+ }
12313
+ 50% {
12314
+ opacity: 1;
12315
+ }
12316
+ to {
12317
+ opacity: 0;
12318
+ }
12319
+ }
12320
+ @keyframes blink {
12321
+ from {
12322
+ opacity: 0;
12323
+ }
12324
+ 50% {
12325
+ opacity: 1;
12326
+ }
12327
+ to {
12328
+ opacity: 0;
12329
+ }
12330
+ }
12227
12331
  body {
12228
12332
  overflow-y: scroll;
12229
12333
  letter-spacing: 0;
@@ -12310,12 +12414,16 @@ body {
12310
12414
  Navbar
12311
12415
  */
12312
12416
  .navbar {
12313
- --tblr-navbar-border-color: var(--tblr-border-color);
12314
12417
  --tblr-navbar-border-width: var(--tblr-border-width);
12315
12418
  --tblr-navbar-active-border-color: var(--tblr-primary);
12419
+ --tblr-navbar-active-bg: rgba(0, 0, 0, 0.06);
12420
+ --tblr-navbar-bg: transparent;
12316
12421
  align-items: stretch;
12317
12422
  min-height: 3.5rem;
12318
- background: transparent;
12423
+ box-shadow: inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);
12424
+ background: var(--tblr-navbar-bg);
12425
+ --tblr-navbar-active-bg: rgba(0, 0, 0, 0.06);
12426
+ --tblr-navbar-bg: transparent;
12319
12427
  color: var(--tblr-body-color);
12320
12428
  }
12321
12429
  .navbar-collapse .navbar {
@@ -12324,31 +12432,6 @@ Navbar
12324
12432
  .navbar.collapsing {
12325
12433
  min-height: 0;
12326
12434
  }
12327
- .navbar::-webkit-scrollbar {
12328
- width: 0.5rem;
12329
- height: 0.5rem;
12330
- -webkit-transition: background 0.3s;
12331
- transition: background 0.3s;
12332
- }
12333
- @media (prefers-reduced-motion: reduce) {
12334
- .navbar::-webkit-scrollbar {
12335
- -webkit-transition: none;
12336
- transition: none;
12337
- }
12338
- }
12339
- .navbar::-webkit-scrollbar-thumb {
12340
- border-radius: 5px;
12341
- background: rgba(var(--tblr-body-color-rgb), 0.16);
12342
- }
12343
- .navbar::-webkit-scrollbar-track {
12344
- background: rgba(var(--tblr-body-color-rgb), 0.06);
12345
- }
12346
- .navbar:hover::-webkit-scrollbar-thumb {
12347
- background: rgba(var(--tblr-body-color-rgb), 0.32);
12348
- }
12349
- .navbar::-webkit-scrollbar-corner {
12350
- background: transparent;
12351
- }
12352
12435
  .navbar .navbar-brand {
12353
12436
  color: var(--tblr-body-color);
12354
12437
  }
@@ -12385,34 +12468,12 @@ Navbar
12385
12468
  }
12386
12469
  @media not print {
12387
12470
  .theme-dark .navbar {
12388
- background: #1d273b;
12471
+ --tblr-navbar-border-color: #243049;
12472
+ --tblr-navbar-bg: #1d273b;
12473
+ --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
12474
+ --tblr-navbar-bg: #1d273b;
12389
12475
  color: rgba(255, 255, 255, 0.7);
12390
12476
  }
12391
- .theme-dark .navbar::-webkit-scrollbar {
12392
- width: 0.5rem;
12393
- height: 0.5rem;
12394
- -webkit-transition: background 0.3s;
12395
- transition: background 0.3s;
12396
- }
12397
- @media (prefers-reduced-motion: reduce) {
12398
- .theme-dark .navbar::-webkit-scrollbar {
12399
- -webkit-transition: none;
12400
- transition: none;
12401
- }
12402
- }
12403
- .theme-dark .navbar::-webkit-scrollbar-thumb {
12404
- border-radius: 5px;
12405
- background: rgba(var(--tblr-body-color-rgb), 0.16);
12406
- }
12407
- .theme-dark .navbar::-webkit-scrollbar-track {
12408
- background: rgba(var(--tblr-body-color-rgb), 0.06);
12409
- }
12410
- .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
12411
- background: rgba(var(--tblr-body-color-rgb), 0.32);
12412
- }
12413
- .theme-dark .navbar::-webkit-scrollbar-corner {
12414
- background: transparent;
12415
- }
12416
12477
  .theme-dark .navbar .navbar-brand {
12417
12478
  color: #ffffff;
12418
12479
  }
@@ -12472,70 +12533,16 @@ Navbar
12472
12533
  .theme-dark .navbar::-webkit-scrollbar-corner {
12473
12534
  background: transparent;
12474
12535
  }
12475
- .theme-dark .navbar .input-icon-addon {
12476
- color: rgba(248, 250, 252, 0.64);
12477
- }
12478
- .theme-dark .navbar .form-control {
12479
- border-color: transparent;
12480
- background-color: rgba(0, 0, 0, 0.1);
12481
- }
12482
- .theme-dark .navbar .form-control::-webkit-input-placeholder {
12483
- color: rgba(248, 250, 252, 0.64);
12484
- }
12485
- .theme-dark .navbar .form-control::-moz-placeholder {
12486
- color: rgba(248, 250, 252, 0.64);
12487
- }
12488
- .theme-dark .navbar .form-control:-ms-input-placeholder {
12489
- color: rgba(248, 250, 252, 0.64);
12490
- }
12491
- .theme-dark .navbar .form-control::-ms-input-placeholder {
12492
- color: rgba(248, 250, 252, 0.64);
12493
- }
12494
- .theme-dark .navbar .form-control::placeholder {
12495
- color: rgba(248, 250, 252, 0.64);
12496
- }
12497
12536
  }
12498
12537
  @media not print {
12499
12538
  @media (prefers-color-scheme: dark) {
12500
12539
  .theme-dark-auto .navbar {
12501
- background: #1d273b;
12540
+ --tblr-navbar-border-color: #243049;
12541
+ --tblr-navbar-bg: #1d273b;
12542
+ --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
12543
+ --tblr-navbar-bg: #1d273b;
12502
12544
  color: rgba(255, 255, 255, 0.7);
12503
12545
  }
12504
- .theme-dark-auto .navbar::-webkit-scrollbar {
12505
- width: 0.5rem;
12506
- height: 0.5rem;
12507
- -webkit-transition: background 0.3s;
12508
- transition: background 0.3s;
12509
- }
12510
- }
12511
- @media (prefers-color-scheme: dark) and (prefers-reduced-motion: reduce) {
12512
- .theme-dark-auto .navbar::-webkit-scrollbar {
12513
- -webkit-transition: none;
12514
- transition: none;
12515
- }
12516
- }
12517
- @media (prefers-color-scheme: dark) {
12518
- .theme-dark-auto .navbar::-webkit-scrollbar-thumb {
12519
- border-radius: 5px;
12520
- background: rgba(var(--tblr-body-color-rgb), 0.16);
12521
- }
12522
- }
12523
- @media (prefers-color-scheme: dark) {
12524
- .theme-dark-auto .navbar::-webkit-scrollbar-track {
12525
- background: rgba(var(--tblr-body-color-rgb), 0.06);
12526
- }
12527
- }
12528
- @media (prefers-color-scheme: dark) {
12529
- .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
12530
- background: rgba(var(--tblr-body-color-rgb), 0.32);
12531
- }
12532
- }
12533
- @media (prefers-color-scheme: dark) {
12534
- .theme-dark-auto .navbar::-webkit-scrollbar-corner {
12535
- background: transparent;
12536
- }
12537
- }
12538
- @media (prefers-color-scheme: dark) {
12539
12546
  .theme-dark-auto .navbar .navbar-brand {
12540
12547
  color: #ffffff;
12541
12548
  }
@@ -12543,8 +12550,6 @@ Navbar
12543
12550
  color: #ffffff;
12544
12551
  opacity: 0.8;
12545
12552
  }
12546
- }
12547
- @media (prefers-color-scheme: dark) {
12548
12553
  .theme-dark-auto .navbar .navbar-nav .nav-link {
12549
12554
  color: rgba(255, 255, 255, 0.7);
12550
12555
  }
@@ -12560,14 +12565,10 @@ Navbar
12560
12565
  .theme-dark-auto .navbar .navbar-nav .nav-link.active {
12561
12566
  color: #ffffff;
12562
12567
  }
12563
- }
12564
- @media (prefers-color-scheme: dark) {
12565
12568
  .theme-dark-auto .navbar .navbar-toggler {
12566
12569
  color: #ffffff;
12567
12570
  border-color: transparent;
12568
12571
  }
12569
- }
12570
- @media (prefers-color-scheme: dark) {
12571
12572
  .theme-dark-auto .navbar .navbar-text {
12572
12573
  color: rgba(255, 255, 255, 0.7);
12573
12574
  }
@@ -12576,8 +12577,6 @@ Navbar
12576
12577
  .theme-dark-auto .navbar .navbar-text a:focus {
12577
12578
  color: rgba(255, 255, 255, 0.7);
12578
12579
  }
12579
- }
12580
- @media (prefers-color-scheme: dark) {
12581
12580
  .theme-dark-auto .navbar::-webkit-scrollbar {
12582
12581
  width: 0.5rem;
12583
12582
  height: 0.5rem;
@@ -12612,32 +12611,6 @@ Navbar
12612
12611
  background: transparent;
12613
12612
  }
12614
12613
  }
12615
- @media (prefers-color-scheme: dark) {
12616
- .theme-dark-auto .navbar .input-icon-addon {
12617
- color: rgba(248, 250, 252, 0.64);
12618
- }
12619
- }
12620
- @media (prefers-color-scheme: dark) {
12621
- .theme-dark-auto .navbar .form-control {
12622
- border-color: transparent;
12623
- background-color: rgba(0, 0, 0, 0.1);
12624
- }
12625
- .theme-dark-auto .navbar .form-control::-webkit-input-placeholder {
12626
- color: rgba(248, 250, 252, 0.64);
12627
- }
12628
- .theme-dark-auto .navbar .form-control::-moz-placeholder {
12629
- color: rgba(248, 250, 252, 0.64);
12630
- }
12631
- .theme-dark-auto .navbar .form-control:-ms-input-placeholder {
12632
- color: rgba(248, 250, 252, 0.64);
12633
- }
12634
- .theme-dark-auto .navbar .form-control::-ms-input-placeholder {
12635
- color: rgba(248, 250, 252, 0.64);
12636
- }
12637
- .theme-dark-auto .navbar .form-control::placeholder {
12638
- color: rgba(248, 250, 252, 0.64);
12639
- }
12640
- }
12641
12614
  }
12642
12615
  .navbar .dropdown-menu {
12643
12616
  position: absolute;
@@ -12702,6 +12675,9 @@ Navbar
12702
12675
  padding-right: 2.5rem;
12703
12676
  color: inherit;
12704
12677
  }
12678
+ .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
12679
+ background: var(--tblr-navbar-active-bg);
12680
+ }
12705
12681
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
12706
12682
  padding-right: 4rem;
12707
12683
  }
@@ -12791,6 +12767,9 @@ Navbar
12791
12767
  padding-right: 2.5rem;
12792
12768
  color: inherit;
12793
12769
  }
12770
+ .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
12771
+ background: var(--tblr-navbar-active-bg);
12772
+ }
12794
12773
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
12795
12774
  padding-right: 4rem;
12796
12775
  }
@@ -12880,6 +12859,9 @@ Navbar
12880
12859
  padding-right: 2.5rem;
12881
12860
  color: inherit;
12882
12861
  }
12862
+ .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
12863
+ background: var(--tblr-navbar-active-bg);
12864
+ }
12883
12865
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
12884
12866
  padding-right: 4rem;
12885
12867
  }
@@ -12969,6 +12951,9 @@ Navbar
12969
12951
  padding-right: 2.5rem;
12970
12952
  color: inherit;
12971
12953
  }
12954
+ .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
12955
+ background: var(--tblr-navbar-active-bg);
12956
+ }
12972
12957
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
12973
12958
  padding-right: 4rem;
12974
12959
  }
@@ -13058,6 +13043,9 @@ Navbar
13058
13043
  padding-right: 2.5rem;
13059
13044
  color: inherit;
13060
13045
  }
13046
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
13047
+ background: var(--tblr-navbar-active-bg);
13048
+ }
13061
13049
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13062
13050
  padding-right: 4rem;
13063
13051
  }
@@ -13146,6 +13134,9 @@ Navbar
13146
13134
  padding-right: 2.5rem;
13147
13135
  color: inherit;
13148
13136
  }
13137
+ .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
13138
+ background: var(--tblr-navbar-active-bg);
13139
+ }
13149
13140
  .navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13150
13141
  padding-right: 4rem;
13151
13142
  }
@@ -13282,42 +13273,20 @@ Navbar toggler
13282
13273
  Navbar light
13283
13274
  */
13284
13275
  .navbar-light {
13285
- box-shadow: inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);
13286
- background-color: #ffffff;
13276
+ --tblr-navbar-border-color: var(--tblr-border-color);
13277
+ --tblr-navbar-bg: var(--tblr-bg-surface);
13287
13278
  }
13288
13279
 
13289
13280
  /**
13290
13281
  Navbar dark
13291
13282
  */
13292
13283
  .navbar-dark {
13293
- background: #1d273b;
13284
+ --tblr-navbar-border-color: #243049;
13285
+ --tblr-navbar-bg: #1d273b;
13286
+ --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
13287
+ --tblr-navbar-bg: #1d273b;
13294
13288
  color: rgba(255, 255, 255, 0.7);
13295
13289
  }
13296
- .navbar-dark::-webkit-scrollbar {
13297
- width: 0.5rem;
13298
- height: 0.5rem;
13299
- -webkit-transition: background 0.3s;
13300
- transition: background 0.3s;
13301
- }
13302
- @media (prefers-reduced-motion: reduce) {
13303
- .navbar-dark::-webkit-scrollbar {
13304
- -webkit-transition: none;
13305
- transition: none;
13306
- }
13307
- }
13308
- .navbar-dark::-webkit-scrollbar-thumb {
13309
- border-radius: 5px;
13310
- background: rgba(var(--tblr-body-color-rgb), 0.16);
13311
- }
13312
- .navbar-dark::-webkit-scrollbar-track {
13313
- background: rgba(var(--tblr-body-color-rgb), 0.06);
13314
- }
13315
- .navbar-dark:hover::-webkit-scrollbar-thumb {
13316
- background: rgba(var(--tblr-body-color-rgb), 0.32);
13317
- }
13318
- .navbar-dark::-webkit-scrollbar-corner {
13319
- background: transparent;
13320
- }
13321
13290
  .navbar-dark .navbar-brand {
13322
13291
  color: #ffffff;
13323
13292
  }
@@ -13377,27 +13346,13 @@ Navbar dark
13377
13346
  .navbar-dark::-webkit-scrollbar-corner {
13378
13347
  background: transparent;
13379
13348
  }
13380
- .navbar-dark .input-icon-addon {
13381
- color: rgba(248, 250, 252, 0.64);
13382
- }
13383
- .navbar-dark .form-control {
13384
- border-color: transparent;
13385
- background-color: rgba(0, 0, 0, 0.1);
13386
- }
13387
- .navbar-dark .form-control::-webkit-input-placeholder {
13388
- color: rgba(248, 250, 252, 0.64);
13389
- }
13390
- .navbar-dark .form-control::-moz-placeholder {
13391
- color: rgba(248, 250, 252, 0.64);
13392
- }
13393
- .navbar-dark .form-control:-ms-input-placeholder {
13394
- color: rgba(248, 250, 252, 0.64);
13395
- }
13396
- .navbar-dark .form-control::-ms-input-placeholder {
13397
- color: rgba(248, 250, 252, 0.64);
13398
- }
13399
- .navbar-dark .form-control::placeholder {
13400
- color: rgba(248, 250, 252, 0.64);
13349
+
13350
+ /**
13351
+ Navbar transparent
13352
+ */
13353
+ .navbar-transparent {
13354
+ --tblr-navbar-border-color: transparent !important;
13355
+ background: transparent !important;
13401
13356
  }
13402
13357
 
13403
13358
  /**
@@ -13534,6 +13489,9 @@ Navbar vertical
13534
13489
  padding-right: 2.5rem;
13535
13490
  color: inherit;
13536
13491
  }
13492
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
13493
+ background: var(--tblr-navbar-active-bg);
13494
+ }
13537
13495
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13538
13496
  padding-right: 4rem;
13539
13497
  }
@@ -13659,6 +13617,9 @@ Navbar vertical
13659
13617
  padding-right: 2.5rem;
13660
13618
  color: inherit;
13661
13619
  }
13620
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
13621
+ background: var(--tblr-navbar-active-bg);
13622
+ }
13662
13623
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13663
13624
  padding-right: 4rem;
13664
13625
  }
@@ -13784,6 +13745,9 @@ Navbar vertical
13784
13745
  padding-right: 2.5rem;
13785
13746
  color: inherit;
13786
13747
  }
13748
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
13749
+ background: var(--tblr-navbar-active-bg);
13750
+ }
13787
13751
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13788
13752
  padding-right: 4rem;
13789
13753
  }
@@ -13909,6 +13873,9 @@ Navbar vertical
13909
13873
  padding-right: 2.5rem;
13910
13874
  color: inherit;
13911
13875
  }
13876
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
13877
+ background: var(--tblr-navbar-active-bg);
13878
+ }
13912
13879
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13913
13880
  padding-right: 4rem;
13914
13881
  }
@@ -14034,6 +14001,9 @@ Navbar vertical
14034
14001
  padding-right: 2.5rem;
14035
14002
  color: inherit;
14036
14003
  }
14004
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
14005
+ background: var(--tblr-navbar-active-bg);
14006
+ }
14037
14007
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
14038
14008
  padding-right: 4rem;
14039
14009
  }
@@ -14142,6 +14112,9 @@ Navbar vertical
14142
14112
  padding-right: 2.5rem;
14143
14113
  color: inherit;
14144
14114
  }
14115
+ .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
14116
+ background: var(--tblr-navbar-active-bg);
14117
+ }
14145
14118
  .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
14146
14119
  padding-right: 4rem;
14147
14120
  }
@@ -14291,7 +14264,7 @@ Navbar vertical
14291
14264
 
14292
14265
  .page-subtitle {
14293
14266
  margin-top: 0.25rem;
14294
- color: #616876;
14267
+ color: var(--tblr-muted);
14295
14268
  }
14296
14269
 
14297
14270
  .page-tabs {
@@ -14343,13 +14316,14 @@ body:not(.theme-dark) .hide-theme-light {
14343
14316
  --tblr-link-color: #307fdd;
14344
14317
  --tblr-link-hover-color: #206bc4;
14345
14318
  --tblr-active-bg: #202c42;
14319
+ --tblr-disabled-color: var(--tblr-gray-700);
14346
14320
  --tblr-card-bg: #1a2234;
14347
14321
  --tblr-card-bg-hover: #1a2234;
14348
14322
  --tblr-card-bg-rgb: 26, 34, 52;
14349
14323
  --tblr-card-color: #f8fafc;
14350
- --tblr-border-color: #243049;
14351
- --tblr-border-color-light: #243049;
14352
- --tblr-border-color-active: #314264;
14324
+ --tblr-border-color: var(--tblr-dark-mode-border-color);
14325
+ --tblr-border-color-light: var(--tblr-dark-mode-border-color-light);
14326
+ --tblr-border-color-active: var(--tblr-dark-mode-border-color-active);
14353
14327
  --tblr-btn-color: #1a2234;
14354
14328
  --tblr-code-color: var(--tblr-body-color);
14355
14329
  --tblr-code-bg: #243049;
@@ -14477,13 +14451,14 @@ body:not(.theme-dark) .hide-theme-light {
14477
14451
  --tblr-link-color: #307fdd;
14478
14452
  --tblr-link-hover-color: #206bc4;
14479
14453
  --tblr-active-bg: #202c42;
14454
+ --tblr-disabled-color: var(--tblr-gray-700);
14480
14455
  --tblr-card-bg: #1a2234;
14481
14456
  --tblr-card-bg-hover: #1a2234;
14482
14457
  --tblr-card-bg-rgb: 26, 34, 52;
14483
14458
  --tblr-card-color: #f8fafc;
14484
- --tblr-border-color: #243049;
14485
- --tblr-border-color-light: #243049;
14486
- --tblr-border-color-active: #314264;
14459
+ --tblr-border-color: var(--tblr-dark-mode-border-color);
14460
+ --tblr-border-color-light: var(--tblr-dark-mode-border-color-light);
14461
+ --tblr-border-color-active: var(--tblr-dark-mode-border-color-active);
14487
14462
  --tblr-btn-color: #1a2234;
14488
14463
  --tblr-code-color: var(--tblr-body-color);
14489
14464
  --tblr-code-bg: #243049;
@@ -14618,7 +14593,7 @@ body:not(.theme-dark) .hide-theme-light {
14618
14593
  }
14619
14594
 
14620
14595
  .alert {
14621
- --tblr-alert-color: #616876;
14596
+ --tblr-alert-color: var(--tblr-muted);
14622
14597
  background: #ffffff;
14623
14598
  border: 1px var(--tblr-border-style) var(--tblr-border-color-translucent);
14624
14599
  border-right: 0.25rem var(--tblr-border-style) var(--tblr-alert-color);
@@ -14646,147 +14621,147 @@ body:not(.theme-dark) .hide-theme-light {
14646
14621
  }
14647
14622
 
14648
14623
  .alert-primary {
14649
- --tblr-alert-color: #206bc4;
14624
+ --tblr-alert-color: var(--tblr-primary);
14650
14625
  }
14651
14626
 
14652
14627
  .alert-secondary {
14653
- --tblr-alert-color: #616876;
14628
+ --tblr-alert-color: var(--tblr-secondary);
14654
14629
  }
14655
14630
 
14656
14631
  .alert-success {
14657
- --tblr-alert-color: #2fb344;
14632
+ --tblr-alert-color: var(--tblr-success);
14658
14633
  }
14659
14634
 
14660
14635
  .alert-info {
14661
- --tblr-alert-color: #4299e1;
14636
+ --tblr-alert-color: var(--tblr-info);
14662
14637
  }
14663
14638
 
14664
14639
  .alert-warning {
14665
- --tblr-alert-color: #f76707;
14640
+ --tblr-alert-color: var(--tblr-warning);
14666
14641
  }
14667
14642
 
14668
14643
  .alert-danger {
14669
- --tblr-alert-color: #d63939;
14644
+ --tblr-alert-color: var(--tblr-danger);
14670
14645
  }
14671
14646
 
14672
14647
  .alert-light {
14673
- --tblr-alert-color: #f8fafc;
14648
+ --tblr-alert-color: var(--tblr-light);
14674
14649
  }
14675
14650
 
14676
14651
  .alert-dark {
14677
- --tblr-alert-color: #1d273b;
14652
+ --tblr-alert-color: var(--tblr-dark);
14678
14653
  }
14679
14654
 
14680
14655
  .alert-muted {
14681
- --tblr-alert-color: #616876;
14656
+ --tblr-alert-color: var(--tblr-muted);
14682
14657
  }
14683
14658
 
14684
14659
  .alert-blue {
14685
- --tblr-alert-color: #206bc4;
14660
+ --tblr-alert-color: var(--tblr-blue);
14686
14661
  }
14687
14662
 
14688
14663
  .alert-azure {
14689
- --tblr-alert-color: #4299e1;
14664
+ --tblr-alert-color: var(--tblr-azure);
14690
14665
  }
14691
14666
 
14692
14667
  .alert-indigo {
14693
- --tblr-alert-color: #4263eb;
14668
+ --tblr-alert-color: var(--tblr-indigo);
14694
14669
  }
14695
14670
 
14696
14671
  .alert-purple {
14697
- --tblr-alert-color: #ae3ec9;
14672
+ --tblr-alert-color: var(--tblr-purple);
14698
14673
  }
14699
14674
 
14700
14675
  .alert-pink {
14701
- --tblr-alert-color: #d6336c;
14676
+ --tblr-alert-color: var(--tblr-pink);
14702
14677
  }
14703
14678
 
14704
14679
  .alert-red {
14705
- --tblr-alert-color: #d63939;
14680
+ --tblr-alert-color: var(--tblr-red);
14706
14681
  }
14707
14682
 
14708
14683
  .alert-orange {
14709
- --tblr-alert-color: #f76707;
14684
+ --tblr-alert-color: var(--tblr-orange);
14710
14685
  }
14711
14686
 
14712
14687
  .alert-yellow {
14713
- --tblr-alert-color: #f59f00;
14688
+ --tblr-alert-color: var(--tblr-yellow);
14714
14689
  }
14715
14690
 
14716
14691
  .alert-lime {
14717
- --tblr-alert-color: #74b816;
14692
+ --tblr-alert-color: var(--tblr-lime);
14718
14693
  }
14719
14694
 
14720
14695
  .alert-green {
14721
- --tblr-alert-color: #2fb344;
14696
+ --tblr-alert-color: var(--tblr-green);
14722
14697
  }
14723
14698
 
14724
14699
  .alert-teal {
14725
- --tblr-alert-color: #0ca678;
14700
+ --tblr-alert-color: var(--tblr-teal);
14726
14701
  }
14727
14702
 
14728
14703
  .alert-cyan {
14729
- --tblr-alert-color: #17a2b8;
14704
+ --tblr-alert-color: var(--tblr-cyan);
14730
14705
  }
14731
14706
 
14732
14707
  .alert-facebook {
14733
- --tblr-alert-color: #3b5998;
14708
+ --tblr-alert-color: var(--tblr-facebook);
14734
14709
  }
14735
14710
 
14736
14711
  .alert-twitter {
14737
- --tblr-alert-color: #1da1f2;
14712
+ --tblr-alert-color: var(--tblr-twitter);
14738
14713
  }
14739
14714
 
14740
14715
  .alert-linkedin {
14741
- --tblr-alert-color: #0a66c2;
14716
+ --tblr-alert-color: var(--tblr-linkedin);
14742
14717
  }
14743
14718
 
14744
14719
  .alert-google {
14745
- --tblr-alert-color: #dc4e41;
14720
+ --tblr-alert-color: var(--tblr-google);
14746
14721
  }
14747
14722
 
14748
14723
  .alert-youtube {
14749
- --tblr-alert-color: #ff0000;
14724
+ --tblr-alert-color: var(--tblr-youtube);
14750
14725
  }
14751
14726
 
14752
14727
  .alert-vimeo {
14753
- --tblr-alert-color: #1ab7ea;
14728
+ --tblr-alert-color: var(--tblr-vimeo);
14754
14729
  }
14755
14730
 
14756
14731
  .alert-dribbble {
14757
- --tblr-alert-color: #ea4c89;
14732
+ --tblr-alert-color: var(--tblr-dribbble);
14758
14733
  }
14759
14734
 
14760
14735
  .alert-github {
14761
- --tblr-alert-color: #181717;
14736
+ --tblr-alert-color: var(--tblr-github);
14762
14737
  }
14763
14738
 
14764
14739
  .alert-instagram {
14765
- --tblr-alert-color: #e4405f;
14740
+ --tblr-alert-color: var(--tblr-instagram);
14766
14741
  }
14767
14742
 
14768
14743
  .alert-pinterest {
14769
- --tblr-alert-color: #bd081c;
14744
+ --tblr-alert-color: var(--tblr-pinterest);
14770
14745
  }
14771
14746
 
14772
14747
  .alert-vk {
14773
- --tblr-alert-color: #6383a8;
14748
+ --tblr-alert-color: var(--tblr-vk);
14774
14749
  }
14775
14750
 
14776
14751
  .alert-rss {
14777
- --tblr-alert-color: #ffa500;
14752
+ --tblr-alert-color: var(--tblr-rss);
14778
14753
  }
14779
14754
 
14780
14755
  .alert-flickr {
14781
- --tblr-alert-color: #0063dc;
14756
+ --tblr-alert-color: var(--tblr-flickr);
14782
14757
  }
14783
14758
 
14784
14759
  .alert-bitbucket {
14785
- --tblr-alert-color: #0052cc;
14760
+ --tblr-alert-color: var(--tblr-bitbucket);
14786
14761
  }
14787
14762
 
14788
14763
  .alert-tabler {
14789
- --tblr-alert-color: #206bc4;
14764
+ --tblr-alert-color: var(--tblr-tabler);
14790
14765
  }
14791
14766
 
14792
14767
  .alert-icon {
@@ -14815,7 +14790,7 @@ body:not(.theme-dark) .hide-theme-light {
14815
14790
  display: inline-flex;
14816
14791
  align-items: center;
14817
14792
  justify-content: center;
14818
- color: #616876;
14793
+ color: var(--tblr-muted);
14819
14794
  text-align: center;
14820
14795
  text-transform: uppercase;
14821
14796
  vertical-align: bottom;
@@ -14864,12 +14839,12 @@ a.avatar {
14864
14839
  }
14865
14840
 
14866
14841
  .avatar-md {
14867
- --tblr-avatar-size: 3.75rem;
14842
+ --tblr-avatar-size: 4rem;
14868
14843
  }
14869
14844
 
14870
14845
  .avatar-md .badge:empty {
14871
- width: 0.9375rem;
14872
- height: 0.9375rem;
14846
+ width: 1rem;
14847
+ height: 1rem;
14873
14848
  }
14874
14849
 
14875
14850
  .avatar-lg {
@@ -14900,16 +14875,10 @@ a.avatar {
14900
14875
  }
14901
14876
 
14902
14877
  .avatar-list {
14903
- display: inline-flex;
14904
- padding: 0;
14905
- margin: 0 0 -0.5rem;
14878
+ --tblr-list-gap: 0.5rem;
14879
+ display: flex;
14906
14880
  flex-wrap: wrap;
14907
- }
14908
- .avatar-list .avatar {
14909
- margin-bottom: 0.5rem;
14910
- }
14911
- .avatar-list .avatar:not(:last-child) {
14912
- margin-left: 0.5rem;
14881
+ gap: var(--tblr-list-gap);
14913
14882
  }
14914
14883
  .avatar-list a.avatar:hover {
14915
14884
  z-index: 1;
@@ -14997,12 +14966,6 @@ a.badge {
14997
14966
  stroke-width: 2;
14998
14967
  }
14999
14968
 
15000
- .badge-sm {
15001
- font-size: 0.625rem;
15002
- line-height: 1rem;
15003
- padding: 0 0.25rem;
15004
- }
15005
-
15006
14969
  .badge-outline {
15007
14970
  background-color: transparent;
15008
14971
  border: var(--tblr-border-width) var(--tblr-border-style) currentColor;
@@ -15012,13 +14975,33 @@ a.badge {
15012
14975
  border-radius: 100rem;
15013
14976
  }
15014
14977
 
14978
+ .badges-list {
14979
+ --tblr-list-gap: 0.5rem;
14980
+ display: flex;
14981
+ flex-wrap: wrap;
14982
+ gap: var(--tblr-list-gap);
14983
+ }
14984
+
14985
+ .badge-notification {
14986
+ position: absolute !important;
14987
+ top: 0 !important;
14988
+ left: 0 !important;
14989
+ transform: translate(-50%, -50%);
14990
+ z-index: 1;
14991
+ }
14992
+
14993
+ .badge-blink {
14994
+ -webkit-animation: blink 2s infinite;
14995
+ animation: blink 2s infinite;
14996
+ }
14997
+
15015
14998
  .breadcrumb {
15016
14999
  padding: 0;
15017
15000
  margin: 0;
15018
15001
  background: transparent;
15019
15002
  }
15020
15003
  .breadcrumb a {
15021
- color: #616876;
15004
+ color: var(--tblr-muted);
15022
15005
  }
15023
15006
  .breadcrumb a:hover {
15024
15007
  text-decoration: underline;
@@ -15091,12 +15074,12 @@ a.badge {
15091
15074
 
15092
15075
  .btn-primary {
15093
15076
  --tblr-btn-border-color: transparent;
15077
+ --tblr-btn-hover-border-color: transparent;
15078
+ --tblr-btn-active-border-color: transparent;
15094
15079
  --tblr-btn-color: var(--tblr-primary-fg);
15095
15080
  --tblr-btn-bg: var(--tblr-primary);
15096
- --tblr-btn-hover-border-color: transparent;
15097
15081
  --tblr-btn-hover-color: var(--tblr-primary-fg);
15098
15082
  --tblr-btn-hover-bg: rgba(var(--tblr-primary-rgb), .8);
15099
- --tblr-btn-active-border-color: transparent;
15100
15083
  --tblr-btn-active-color: var(--tblr-primary-fg);
15101
15084
  --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), .8);
15102
15085
  --tblr-btn-disabled-bg: var(--tblr-primary);
@@ -15119,12 +15102,12 @@ a.badge {
15119
15102
 
15120
15103
  .btn-secondary {
15121
15104
  --tblr-btn-border-color: transparent;
15105
+ --tblr-btn-hover-border-color: transparent;
15106
+ --tblr-btn-active-border-color: transparent;
15122
15107
  --tblr-btn-color: var(--tblr-secondary-fg);
15123
15108
  --tblr-btn-bg: var(--tblr-secondary);
15124
- --tblr-btn-hover-border-color: transparent;
15125
15109
  --tblr-btn-hover-color: var(--tblr-secondary-fg);
15126
15110
  --tblr-btn-hover-bg: rgba(var(--tblr-secondary-rgb), .8);
15127
- --tblr-btn-active-border-color: transparent;
15128
15111
  --tblr-btn-active-color: var(--tblr-secondary-fg);
15129
15112
  --tblr-btn-active-bg: rgba(var(--tblr-secondary-rgb), .8);
15130
15113
  --tblr-btn-disabled-bg: var(--tblr-secondary);
@@ -15147,12 +15130,12 @@ a.badge {
15147
15130
 
15148
15131
  .btn-success {
15149
15132
  --tblr-btn-border-color: transparent;
15133
+ --tblr-btn-hover-border-color: transparent;
15134
+ --tblr-btn-active-border-color: transparent;
15150
15135
  --tblr-btn-color: var(--tblr-success-fg);
15151
15136
  --tblr-btn-bg: var(--tblr-success);
15152
- --tblr-btn-hover-border-color: transparent;
15153
15137
  --tblr-btn-hover-color: var(--tblr-success-fg);
15154
15138
  --tblr-btn-hover-bg: rgba(var(--tblr-success-rgb), .8);
15155
- --tblr-btn-active-border-color: transparent;
15156
15139
  --tblr-btn-active-color: var(--tblr-success-fg);
15157
15140
  --tblr-btn-active-bg: rgba(var(--tblr-success-rgb), .8);
15158
15141
  --tblr-btn-disabled-bg: var(--tblr-success);
@@ -15175,12 +15158,12 @@ a.badge {
15175
15158
 
15176
15159
  .btn-info {
15177
15160
  --tblr-btn-border-color: transparent;
15161
+ --tblr-btn-hover-border-color: transparent;
15162
+ --tblr-btn-active-border-color: transparent;
15178
15163
  --tblr-btn-color: var(--tblr-info-fg);
15179
15164
  --tblr-btn-bg: var(--tblr-info);
15180
- --tblr-btn-hover-border-color: transparent;
15181
15165
  --tblr-btn-hover-color: var(--tblr-info-fg);
15182
15166
  --tblr-btn-hover-bg: rgba(var(--tblr-info-rgb), .8);
15183
- --tblr-btn-active-border-color: transparent;
15184
15167
  --tblr-btn-active-color: var(--tblr-info-fg);
15185
15168
  --tblr-btn-active-bg: rgba(var(--tblr-info-rgb), .8);
15186
15169
  --tblr-btn-disabled-bg: var(--tblr-info);
@@ -15203,12 +15186,12 @@ a.badge {
15203
15186
 
15204
15187
  .btn-warning {
15205
15188
  --tblr-btn-border-color: transparent;
15189
+ --tblr-btn-hover-border-color: transparent;
15190
+ --tblr-btn-active-border-color: transparent;
15206
15191
  --tblr-btn-color: var(--tblr-warning-fg);
15207
15192
  --tblr-btn-bg: var(--tblr-warning);
15208
- --tblr-btn-hover-border-color: transparent;
15209
15193
  --tblr-btn-hover-color: var(--tblr-warning-fg);
15210
15194
  --tblr-btn-hover-bg: rgba(var(--tblr-warning-rgb), .8);
15211
- --tblr-btn-active-border-color: transparent;
15212
15195
  --tblr-btn-active-color: var(--tblr-warning-fg);
15213
15196
  --tblr-btn-active-bg: rgba(var(--tblr-warning-rgb), .8);
15214
15197
  --tblr-btn-disabled-bg: var(--tblr-warning);
@@ -15231,12 +15214,12 @@ a.badge {
15231
15214
 
15232
15215
  .btn-danger {
15233
15216
  --tblr-btn-border-color: transparent;
15217
+ --tblr-btn-hover-border-color: transparent;
15218
+ --tblr-btn-active-border-color: transparent;
15234
15219
  --tblr-btn-color: var(--tblr-danger-fg);
15235
15220
  --tblr-btn-bg: var(--tblr-danger);
15236
- --tblr-btn-hover-border-color: transparent;
15237
15221
  --tblr-btn-hover-color: var(--tblr-danger-fg);
15238
15222
  --tblr-btn-hover-bg: rgba(var(--tblr-danger-rgb), .8);
15239
- --tblr-btn-active-border-color: transparent;
15240
15223
  --tblr-btn-active-color: var(--tblr-danger-fg);
15241
15224
  --tblr-btn-active-bg: rgba(var(--tblr-danger-rgb), .8);
15242
15225
  --tblr-btn-disabled-bg: var(--tblr-danger);
@@ -15259,12 +15242,12 @@ a.badge {
15259
15242
 
15260
15243
  .btn-light {
15261
15244
  --tblr-btn-border-color: transparent;
15245
+ --tblr-btn-hover-border-color: transparent;
15246
+ --tblr-btn-active-border-color: transparent;
15262
15247
  --tblr-btn-color: var(--tblr-light-fg);
15263
15248
  --tblr-btn-bg: var(--tblr-light);
15264
- --tblr-btn-hover-border-color: transparent;
15265
15249
  --tblr-btn-hover-color: var(--tblr-light-fg);
15266
15250
  --tblr-btn-hover-bg: rgba(var(--tblr-light-rgb), .8);
15267
- --tblr-btn-active-border-color: transparent;
15268
15251
  --tblr-btn-active-color: var(--tblr-light-fg);
15269
15252
  --tblr-btn-active-bg: rgba(var(--tblr-light-rgb), .8);
15270
15253
  --tblr-btn-disabled-bg: var(--tblr-light);
@@ -15286,13 +15269,13 @@ a.badge {
15286
15269
  }
15287
15270
 
15288
15271
  .btn-dark {
15289
- --tblr-btn-border-color: transparent;
15272
+ --tblr-btn-border-color: var(--tblr-dark-mode-border-color);
15273
+ --tblr-btn-hover-border-color: var(--tblr-dark-mode-border-color-active);
15274
+ --tblr-btn-active-border-color: var(--tblr-dark-mode-border-color-active);
15290
15275
  --tblr-btn-color: var(--tblr-dark-fg);
15291
15276
  --tblr-btn-bg: var(--tblr-dark);
15292
- --tblr-btn-hover-border-color: transparent;
15293
15277
  --tblr-btn-hover-color: var(--tblr-dark-fg);
15294
15278
  --tblr-btn-hover-bg: rgba(var(--tblr-dark-rgb), .8);
15295
- --tblr-btn-active-border-color: transparent;
15296
15279
  --tblr-btn-active-color: var(--tblr-dark-fg);
15297
15280
  --tblr-btn-active-bg: rgba(var(--tblr-dark-rgb), .8);
15298
15281
  --tblr-btn-disabled-bg: var(--tblr-dark);
@@ -15315,12 +15298,12 @@ a.badge {
15315
15298
 
15316
15299
  .btn-muted {
15317
15300
  --tblr-btn-border-color: transparent;
15301
+ --tblr-btn-hover-border-color: transparent;
15302
+ --tblr-btn-active-border-color: transparent;
15318
15303
  --tblr-btn-color: var(--tblr-muted-fg);
15319
15304
  --tblr-btn-bg: var(--tblr-muted);
15320
- --tblr-btn-hover-border-color: transparent;
15321
15305
  --tblr-btn-hover-color: var(--tblr-muted-fg);
15322
15306
  --tblr-btn-hover-bg: rgba(var(--tblr-muted-rgb), .8);
15323
- --tblr-btn-active-border-color: transparent;
15324
15307
  --tblr-btn-active-color: var(--tblr-muted-fg);
15325
15308
  --tblr-btn-active-bg: rgba(var(--tblr-muted-rgb), .8);
15326
15309
  --tblr-btn-disabled-bg: var(--tblr-muted);
@@ -15343,12 +15326,12 @@ a.badge {
15343
15326
 
15344
15327
  .btn-blue {
15345
15328
  --tblr-btn-border-color: transparent;
15329
+ --tblr-btn-hover-border-color: transparent;
15330
+ --tblr-btn-active-border-color: transparent;
15346
15331
  --tblr-btn-color: var(--tblr-blue-fg);
15347
15332
  --tblr-btn-bg: var(--tblr-blue);
15348
- --tblr-btn-hover-border-color: transparent;
15349
15333
  --tblr-btn-hover-color: var(--tblr-blue-fg);
15350
15334
  --tblr-btn-hover-bg: rgba(var(--tblr-blue-rgb), .8);
15351
- --tblr-btn-active-border-color: transparent;
15352
15335
  --tblr-btn-active-color: var(--tblr-blue-fg);
15353
15336
  --tblr-btn-active-bg: rgba(var(--tblr-blue-rgb), .8);
15354
15337
  --tblr-btn-disabled-bg: var(--tblr-blue);
@@ -15371,12 +15354,12 @@ a.badge {
15371
15354
 
15372
15355
  .btn-azure {
15373
15356
  --tblr-btn-border-color: transparent;
15357
+ --tblr-btn-hover-border-color: transparent;
15358
+ --tblr-btn-active-border-color: transparent;
15374
15359
  --tblr-btn-color: var(--tblr-azure-fg);
15375
15360
  --tblr-btn-bg: var(--tblr-azure);
15376
- --tblr-btn-hover-border-color: transparent;
15377
15361
  --tblr-btn-hover-color: var(--tblr-azure-fg);
15378
15362
  --tblr-btn-hover-bg: rgba(var(--tblr-azure-rgb), .8);
15379
- --tblr-btn-active-border-color: transparent;
15380
15363
  --tblr-btn-active-color: var(--tblr-azure-fg);
15381
15364
  --tblr-btn-active-bg: rgba(var(--tblr-azure-rgb), .8);
15382
15365
  --tblr-btn-disabled-bg: var(--tblr-azure);
@@ -15399,12 +15382,12 @@ a.badge {
15399
15382
 
15400
15383
  .btn-indigo {
15401
15384
  --tblr-btn-border-color: transparent;
15385
+ --tblr-btn-hover-border-color: transparent;
15386
+ --tblr-btn-active-border-color: transparent;
15402
15387
  --tblr-btn-color: var(--tblr-indigo-fg);
15403
15388
  --tblr-btn-bg: var(--tblr-indigo);
15404
- --tblr-btn-hover-border-color: transparent;
15405
15389
  --tblr-btn-hover-color: var(--tblr-indigo-fg);
15406
15390
  --tblr-btn-hover-bg: rgba(var(--tblr-indigo-rgb), .8);
15407
- --tblr-btn-active-border-color: transparent;
15408
15391
  --tblr-btn-active-color: var(--tblr-indigo-fg);
15409
15392
  --tblr-btn-active-bg: rgba(var(--tblr-indigo-rgb), .8);
15410
15393
  --tblr-btn-disabled-bg: var(--tblr-indigo);
@@ -15427,12 +15410,12 @@ a.badge {
15427
15410
 
15428
15411
  .btn-purple {
15429
15412
  --tblr-btn-border-color: transparent;
15413
+ --tblr-btn-hover-border-color: transparent;
15414
+ --tblr-btn-active-border-color: transparent;
15430
15415
  --tblr-btn-color: var(--tblr-purple-fg);
15431
15416
  --tblr-btn-bg: var(--tblr-purple);
15432
- --tblr-btn-hover-border-color: transparent;
15433
15417
  --tblr-btn-hover-color: var(--tblr-purple-fg);
15434
15418
  --tblr-btn-hover-bg: rgba(var(--tblr-purple-rgb), .8);
15435
- --tblr-btn-active-border-color: transparent;
15436
15419
  --tblr-btn-active-color: var(--tblr-purple-fg);
15437
15420
  --tblr-btn-active-bg: rgba(var(--tblr-purple-rgb), .8);
15438
15421
  --tblr-btn-disabled-bg: var(--tblr-purple);
@@ -15455,12 +15438,12 @@ a.badge {
15455
15438
 
15456
15439
  .btn-pink {
15457
15440
  --tblr-btn-border-color: transparent;
15441
+ --tblr-btn-hover-border-color: transparent;
15442
+ --tblr-btn-active-border-color: transparent;
15458
15443
  --tblr-btn-color: var(--tblr-pink-fg);
15459
15444
  --tblr-btn-bg: var(--tblr-pink);
15460
- --tblr-btn-hover-border-color: transparent;
15461
15445
  --tblr-btn-hover-color: var(--tblr-pink-fg);
15462
15446
  --tblr-btn-hover-bg: rgba(var(--tblr-pink-rgb), .8);
15463
- --tblr-btn-active-border-color: transparent;
15464
15447
  --tblr-btn-active-color: var(--tblr-pink-fg);
15465
15448
  --tblr-btn-active-bg: rgba(var(--tblr-pink-rgb), .8);
15466
15449
  --tblr-btn-disabled-bg: var(--tblr-pink);
@@ -15483,12 +15466,12 @@ a.badge {
15483
15466
 
15484
15467
  .btn-red {
15485
15468
  --tblr-btn-border-color: transparent;
15469
+ --tblr-btn-hover-border-color: transparent;
15470
+ --tblr-btn-active-border-color: transparent;
15486
15471
  --tblr-btn-color: var(--tblr-red-fg);
15487
15472
  --tblr-btn-bg: var(--tblr-red);
15488
- --tblr-btn-hover-border-color: transparent;
15489
15473
  --tblr-btn-hover-color: var(--tblr-red-fg);
15490
15474
  --tblr-btn-hover-bg: rgba(var(--tblr-red-rgb), .8);
15491
- --tblr-btn-active-border-color: transparent;
15492
15475
  --tblr-btn-active-color: var(--tblr-red-fg);
15493
15476
  --tblr-btn-active-bg: rgba(var(--tblr-red-rgb), .8);
15494
15477
  --tblr-btn-disabled-bg: var(--tblr-red);
@@ -15511,12 +15494,12 @@ a.badge {
15511
15494
 
15512
15495
  .btn-orange {
15513
15496
  --tblr-btn-border-color: transparent;
15497
+ --tblr-btn-hover-border-color: transparent;
15498
+ --tblr-btn-active-border-color: transparent;
15514
15499
  --tblr-btn-color: var(--tblr-orange-fg);
15515
15500
  --tblr-btn-bg: var(--tblr-orange);
15516
- --tblr-btn-hover-border-color: transparent;
15517
15501
  --tblr-btn-hover-color: var(--tblr-orange-fg);
15518
15502
  --tblr-btn-hover-bg: rgba(var(--tblr-orange-rgb), .8);
15519
- --tblr-btn-active-border-color: transparent;
15520
15503
  --tblr-btn-active-color: var(--tblr-orange-fg);
15521
15504
  --tblr-btn-active-bg: rgba(var(--tblr-orange-rgb), .8);
15522
15505
  --tblr-btn-disabled-bg: var(--tblr-orange);
@@ -15539,12 +15522,12 @@ a.badge {
15539
15522
 
15540
15523
  .btn-yellow {
15541
15524
  --tblr-btn-border-color: transparent;
15525
+ --tblr-btn-hover-border-color: transparent;
15526
+ --tblr-btn-active-border-color: transparent;
15542
15527
  --tblr-btn-color: var(--tblr-yellow-fg);
15543
15528
  --tblr-btn-bg: var(--tblr-yellow);
15544
- --tblr-btn-hover-border-color: transparent;
15545
15529
  --tblr-btn-hover-color: var(--tblr-yellow-fg);
15546
15530
  --tblr-btn-hover-bg: rgba(var(--tblr-yellow-rgb), .8);
15547
- --tblr-btn-active-border-color: transparent;
15548
15531
  --tblr-btn-active-color: var(--tblr-yellow-fg);
15549
15532
  --tblr-btn-active-bg: rgba(var(--tblr-yellow-rgb), .8);
15550
15533
  --tblr-btn-disabled-bg: var(--tblr-yellow);
@@ -15567,12 +15550,12 @@ a.badge {
15567
15550
 
15568
15551
  .btn-lime {
15569
15552
  --tblr-btn-border-color: transparent;
15553
+ --tblr-btn-hover-border-color: transparent;
15554
+ --tblr-btn-active-border-color: transparent;
15570
15555
  --tblr-btn-color: var(--tblr-lime-fg);
15571
15556
  --tblr-btn-bg: var(--tblr-lime);
15572
- --tblr-btn-hover-border-color: transparent;
15573
15557
  --tblr-btn-hover-color: var(--tblr-lime-fg);
15574
15558
  --tblr-btn-hover-bg: rgba(var(--tblr-lime-rgb), .8);
15575
- --tblr-btn-active-border-color: transparent;
15576
15559
  --tblr-btn-active-color: var(--tblr-lime-fg);
15577
15560
  --tblr-btn-active-bg: rgba(var(--tblr-lime-rgb), .8);
15578
15561
  --tblr-btn-disabled-bg: var(--tblr-lime);
@@ -15595,12 +15578,12 @@ a.badge {
15595
15578
 
15596
15579
  .btn-green {
15597
15580
  --tblr-btn-border-color: transparent;
15581
+ --tblr-btn-hover-border-color: transparent;
15582
+ --tblr-btn-active-border-color: transparent;
15598
15583
  --tblr-btn-color: var(--tblr-green-fg);
15599
15584
  --tblr-btn-bg: var(--tblr-green);
15600
- --tblr-btn-hover-border-color: transparent;
15601
15585
  --tblr-btn-hover-color: var(--tblr-green-fg);
15602
15586
  --tblr-btn-hover-bg: rgba(var(--tblr-green-rgb), .8);
15603
- --tblr-btn-active-border-color: transparent;
15604
15587
  --tblr-btn-active-color: var(--tblr-green-fg);
15605
15588
  --tblr-btn-active-bg: rgba(var(--tblr-green-rgb), .8);
15606
15589
  --tblr-btn-disabled-bg: var(--tblr-green);
@@ -15623,12 +15606,12 @@ a.badge {
15623
15606
 
15624
15607
  .btn-teal {
15625
15608
  --tblr-btn-border-color: transparent;
15609
+ --tblr-btn-hover-border-color: transparent;
15610
+ --tblr-btn-active-border-color: transparent;
15626
15611
  --tblr-btn-color: var(--tblr-teal-fg);
15627
15612
  --tblr-btn-bg: var(--tblr-teal);
15628
- --tblr-btn-hover-border-color: transparent;
15629
15613
  --tblr-btn-hover-color: var(--tblr-teal-fg);
15630
15614
  --tblr-btn-hover-bg: rgba(var(--tblr-teal-rgb), .8);
15631
- --tblr-btn-active-border-color: transparent;
15632
15615
  --tblr-btn-active-color: var(--tblr-teal-fg);
15633
15616
  --tblr-btn-active-bg: rgba(var(--tblr-teal-rgb), .8);
15634
15617
  --tblr-btn-disabled-bg: var(--tblr-teal);
@@ -15651,12 +15634,12 @@ a.badge {
15651
15634
 
15652
15635
  .btn-cyan {
15653
15636
  --tblr-btn-border-color: transparent;
15637
+ --tblr-btn-hover-border-color: transparent;
15638
+ --tblr-btn-active-border-color: transparent;
15654
15639
  --tblr-btn-color: var(--tblr-cyan-fg);
15655
15640
  --tblr-btn-bg: var(--tblr-cyan);
15656
- --tblr-btn-hover-border-color: transparent;
15657
15641
  --tblr-btn-hover-color: var(--tblr-cyan-fg);
15658
15642
  --tblr-btn-hover-bg: rgba(var(--tblr-cyan-rgb), .8);
15659
- --tblr-btn-active-border-color: transparent;
15660
15643
  --tblr-btn-active-color: var(--tblr-cyan-fg);
15661
15644
  --tblr-btn-active-bg: rgba(var(--tblr-cyan-rgb), .8);
15662
15645
  --tblr-btn-disabled-bg: var(--tblr-cyan);
@@ -15679,12 +15662,12 @@ a.badge {
15679
15662
 
15680
15663
  .btn-facebook {
15681
15664
  --tblr-btn-border-color: transparent;
15665
+ --tblr-btn-hover-border-color: transparent;
15666
+ --tblr-btn-active-border-color: transparent;
15682
15667
  --tblr-btn-color: var(--tblr-facebook-fg);
15683
15668
  --tblr-btn-bg: var(--tblr-facebook);
15684
- --tblr-btn-hover-border-color: transparent;
15685
15669
  --tblr-btn-hover-color: var(--tblr-facebook-fg);
15686
15670
  --tblr-btn-hover-bg: rgba(var(--tblr-facebook-rgb), .8);
15687
- --tblr-btn-active-border-color: transparent;
15688
15671
  --tblr-btn-active-color: var(--tblr-facebook-fg);
15689
15672
  --tblr-btn-active-bg: rgba(var(--tblr-facebook-rgb), .8);
15690
15673
  --tblr-btn-disabled-bg: var(--tblr-facebook);
@@ -15707,12 +15690,12 @@ a.badge {
15707
15690
 
15708
15691
  .btn-twitter {
15709
15692
  --tblr-btn-border-color: transparent;
15693
+ --tblr-btn-hover-border-color: transparent;
15694
+ --tblr-btn-active-border-color: transparent;
15710
15695
  --tblr-btn-color: var(--tblr-twitter-fg);
15711
15696
  --tblr-btn-bg: var(--tblr-twitter);
15712
- --tblr-btn-hover-border-color: transparent;
15713
15697
  --tblr-btn-hover-color: var(--tblr-twitter-fg);
15714
15698
  --tblr-btn-hover-bg: rgba(var(--tblr-twitter-rgb), .8);
15715
- --tblr-btn-active-border-color: transparent;
15716
15699
  --tblr-btn-active-color: var(--tblr-twitter-fg);
15717
15700
  --tblr-btn-active-bg: rgba(var(--tblr-twitter-rgb), .8);
15718
15701
  --tblr-btn-disabled-bg: var(--tblr-twitter);
@@ -15735,12 +15718,12 @@ a.badge {
15735
15718
 
15736
15719
  .btn-linkedin {
15737
15720
  --tblr-btn-border-color: transparent;
15721
+ --tblr-btn-hover-border-color: transparent;
15722
+ --tblr-btn-active-border-color: transparent;
15738
15723
  --tblr-btn-color: var(--tblr-linkedin-fg);
15739
15724
  --tblr-btn-bg: var(--tblr-linkedin);
15740
- --tblr-btn-hover-border-color: transparent;
15741
15725
  --tblr-btn-hover-color: var(--tblr-linkedin-fg);
15742
15726
  --tblr-btn-hover-bg: rgba(var(--tblr-linkedin-rgb), .8);
15743
- --tblr-btn-active-border-color: transparent;
15744
15727
  --tblr-btn-active-color: var(--tblr-linkedin-fg);
15745
15728
  --tblr-btn-active-bg: rgba(var(--tblr-linkedin-rgb), .8);
15746
15729
  --tblr-btn-disabled-bg: var(--tblr-linkedin);
@@ -15763,12 +15746,12 @@ a.badge {
15763
15746
 
15764
15747
  .btn-google {
15765
15748
  --tblr-btn-border-color: transparent;
15749
+ --tblr-btn-hover-border-color: transparent;
15750
+ --tblr-btn-active-border-color: transparent;
15766
15751
  --tblr-btn-color: var(--tblr-google-fg);
15767
15752
  --tblr-btn-bg: var(--tblr-google);
15768
- --tblr-btn-hover-border-color: transparent;
15769
15753
  --tblr-btn-hover-color: var(--tblr-google-fg);
15770
15754
  --tblr-btn-hover-bg: rgba(var(--tblr-google-rgb), .8);
15771
- --tblr-btn-active-border-color: transparent;
15772
15755
  --tblr-btn-active-color: var(--tblr-google-fg);
15773
15756
  --tblr-btn-active-bg: rgba(var(--tblr-google-rgb), .8);
15774
15757
  --tblr-btn-disabled-bg: var(--tblr-google);
@@ -15791,12 +15774,12 @@ a.badge {
15791
15774
 
15792
15775
  .btn-youtube {
15793
15776
  --tblr-btn-border-color: transparent;
15777
+ --tblr-btn-hover-border-color: transparent;
15778
+ --tblr-btn-active-border-color: transparent;
15794
15779
  --tblr-btn-color: var(--tblr-youtube-fg);
15795
15780
  --tblr-btn-bg: var(--tblr-youtube);
15796
- --tblr-btn-hover-border-color: transparent;
15797
15781
  --tblr-btn-hover-color: var(--tblr-youtube-fg);
15798
15782
  --tblr-btn-hover-bg: rgba(var(--tblr-youtube-rgb), .8);
15799
- --tblr-btn-active-border-color: transparent;
15800
15783
  --tblr-btn-active-color: var(--tblr-youtube-fg);
15801
15784
  --tblr-btn-active-bg: rgba(var(--tblr-youtube-rgb), .8);
15802
15785
  --tblr-btn-disabled-bg: var(--tblr-youtube);
@@ -15819,12 +15802,12 @@ a.badge {
15819
15802
 
15820
15803
  .btn-vimeo {
15821
15804
  --tblr-btn-border-color: transparent;
15805
+ --tblr-btn-hover-border-color: transparent;
15806
+ --tblr-btn-active-border-color: transparent;
15822
15807
  --tblr-btn-color: var(--tblr-vimeo-fg);
15823
15808
  --tblr-btn-bg: var(--tblr-vimeo);
15824
- --tblr-btn-hover-border-color: transparent;
15825
15809
  --tblr-btn-hover-color: var(--tblr-vimeo-fg);
15826
15810
  --tblr-btn-hover-bg: rgba(var(--tblr-vimeo-rgb), .8);
15827
- --tblr-btn-active-border-color: transparent;
15828
15811
  --tblr-btn-active-color: var(--tblr-vimeo-fg);
15829
15812
  --tblr-btn-active-bg: rgba(var(--tblr-vimeo-rgb), .8);
15830
15813
  --tblr-btn-disabled-bg: var(--tblr-vimeo);
@@ -15847,12 +15830,12 @@ a.badge {
15847
15830
 
15848
15831
  .btn-dribbble {
15849
15832
  --tblr-btn-border-color: transparent;
15833
+ --tblr-btn-hover-border-color: transparent;
15834
+ --tblr-btn-active-border-color: transparent;
15850
15835
  --tblr-btn-color: var(--tblr-dribbble-fg);
15851
15836
  --tblr-btn-bg: var(--tblr-dribbble);
15852
- --tblr-btn-hover-border-color: transparent;
15853
15837
  --tblr-btn-hover-color: var(--tblr-dribbble-fg);
15854
15838
  --tblr-btn-hover-bg: rgba(var(--tblr-dribbble-rgb), .8);
15855
- --tblr-btn-active-border-color: transparent;
15856
15839
  --tblr-btn-active-color: var(--tblr-dribbble-fg);
15857
15840
  --tblr-btn-active-bg: rgba(var(--tblr-dribbble-rgb), .8);
15858
15841
  --tblr-btn-disabled-bg: var(--tblr-dribbble);
@@ -15875,12 +15858,12 @@ a.badge {
15875
15858
 
15876
15859
  .btn-github {
15877
15860
  --tblr-btn-border-color: transparent;
15861
+ --tblr-btn-hover-border-color: transparent;
15862
+ --tblr-btn-active-border-color: transparent;
15878
15863
  --tblr-btn-color: var(--tblr-github-fg);
15879
15864
  --tblr-btn-bg: var(--tblr-github);
15880
- --tblr-btn-hover-border-color: transparent;
15881
15865
  --tblr-btn-hover-color: var(--tblr-github-fg);
15882
15866
  --tblr-btn-hover-bg: rgba(var(--tblr-github-rgb), .8);
15883
- --tblr-btn-active-border-color: transparent;
15884
15867
  --tblr-btn-active-color: var(--tblr-github-fg);
15885
15868
  --tblr-btn-active-bg: rgba(var(--tblr-github-rgb), .8);
15886
15869
  --tblr-btn-disabled-bg: var(--tblr-github);
@@ -15903,12 +15886,12 @@ a.badge {
15903
15886
 
15904
15887
  .btn-instagram {
15905
15888
  --tblr-btn-border-color: transparent;
15889
+ --tblr-btn-hover-border-color: transparent;
15890
+ --tblr-btn-active-border-color: transparent;
15906
15891
  --tblr-btn-color: var(--tblr-instagram-fg);
15907
15892
  --tblr-btn-bg: var(--tblr-instagram);
15908
- --tblr-btn-hover-border-color: transparent;
15909
15893
  --tblr-btn-hover-color: var(--tblr-instagram-fg);
15910
15894
  --tblr-btn-hover-bg: rgba(var(--tblr-instagram-rgb), .8);
15911
- --tblr-btn-active-border-color: transparent;
15912
15895
  --tblr-btn-active-color: var(--tblr-instagram-fg);
15913
15896
  --tblr-btn-active-bg: rgba(var(--tblr-instagram-rgb), .8);
15914
15897
  --tblr-btn-disabled-bg: var(--tblr-instagram);
@@ -15931,12 +15914,12 @@ a.badge {
15931
15914
 
15932
15915
  .btn-pinterest {
15933
15916
  --tblr-btn-border-color: transparent;
15917
+ --tblr-btn-hover-border-color: transparent;
15918
+ --tblr-btn-active-border-color: transparent;
15934
15919
  --tblr-btn-color: var(--tblr-pinterest-fg);
15935
15920
  --tblr-btn-bg: var(--tblr-pinterest);
15936
- --tblr-btn-hover-border-color: transparent;
15937
15921
  --tblr-btn-hover-color: var(--tblr-pinterest-fg);
15938
15922
  --tblr-btn-hover-bg: rgba(var(--tblr-pinterest-rgb), .8);
15939
- --tblr-btn-active-border-color: transparent;
15940
15923
  --tblr-btn-active-color: var(--tblr-pinterest-fg);
15941
15924
  --tblr-btn-active-bg: rgba(var(--tblr-pinterest-rgb), .8);
15942
15925
  --tblr-btn-disabled-bg: var(--tblr-pinterest);
@@ -15959,12 +15942,12 @@ a.badge {
15959
15942
 
15960
15943
  .btn-vk {
15961
15944
  --tblr-btn-border-color: transparent;
15945
+ --tblr-btn-hover-border-color: transparent;
15946
+ --tblr-btn-active-border-color: transparent;
15962
15947
  --tblr-btn-color: var(--tblr-vk-fg);
15963
15948
  --tblr-btn-bg: var(--tblr-vk);
15964
- --tblr-btn-hover-border-color: transparent;
15965
15949
  --tblr-btn-hover-color: var(--tblr-vk-fg);
15966
15950
  --tblr-btn-hover-bg: rgba(var(--tblr-vk-rgb), .8);
15967
- --tblr-btn-active-border-color: transparent;
15968
15951
  --tblr-btn-active-color: var(--tblr-vk-fg);
15969
15952
  --tblr-btn-active-bg: rgba(var(--tblr-vk-rgb), .8);
15970
15953
  --tblr-btn-disabled-bg: var(--tblr-vk);
@@ -15987,12 +15970,12 @@ a.badge {
15987
15970
 
15988
15971
  .btn-rss {
15989
15972
  --tblr-btn-border-color: transparent;
15973
+ --tblr-btn-hover-border-color: transparent;
15974
+ --tblr-btn-active-border-color: transparent;
15990
15975
  --tblr-btn-color: var(--tblr-rss-fg);
15991
15976
  --tblr-btn-bg: var(--tblr-rss);
15992
- --tblr-btn-hover-border-color: transparent;
15993
15977
  --tblr-btn-hover-color: var(--tblr-rss-fg);
15994
15978
  --tblr-btn-hover-bg: rgba(var(--tblr-rss-rgb), .8);
15995
- --tblr-btn-active-border-color: transparent;
15996
15979
  --tblr-btn-active-color: var(--tblr-rss-fg);
15997
15980
  --tblr-btn-active-bg: rgba(var(--tblr-rss-rgb), .8);
15998
15981
  --tblr-btn-disabled-bg: var(--tblr-rss);
@@ -16015,12 +15998,12 @@ a.badge {
16015
15998
 
16016
15999
  .btn-flickr {
16017
16000
  --tblr-btn-border-color: transparent;
16001
+ --tblr-btn-hover-border-color: transparent;
16002
+ --tblr-btn-active-border-color: transparent;
16018
16003
  --tblr-btn-color: var(--tblr-flickr-fg);
16019
16004
  --tblr-btn-bg: var(--tblr-flickr);
16020
- --tblr-btn-hover-border-color: transparent;
16021
16005
  --tblr-btn-hover-color: var(--tblr-flickr-fg);
16022
16006
  --tblr-btn-hover-bg: rgba(var(--tblr-flickr-rgb), .8);
16023
- --tblr-btn-active-border-color: transparent;
16024
16007
  --tblr-btn-active-color: var(--tblr-flickr-fg);
16025
16008
  --tblr-btn-active-bg: rgba(var(--tblr-flickr-rgb), .8);
16026
16009
  --tblr-btn-disabled-bg: var(--tblr-flickr);
@@ -16043,12 +16026,12 @@ a.badge {
16043
16026
 
16044
16027
  .btn-bitbucket {
16045
16028
  --tblr-btn-border-color: transparent;
16029
+ --tblr-btn-hover-border-color: transparent;
16030
+ --tblr-btn-active-border-color: transparent;
16046
16031
  --tblr-btn-color: var(--tblr-bitbucket-fg);
16047
16032
  --tblr-btn-bg: var(--tblr-bitbucket);
16048
- --tblr-btn-hover-border-color: transparent;
16049
16033
  --tblr-btn-hover-color: var(--tblr-bitbucket-fg);
16050
16034
  --tblr-btn-hover-bg: rgba(var(--tblr-bitbucket-rgb), .8);
16051
- --tblr-btn-active-border-color: transparent;
16052
16035
  --tblr-btn-active-color: var(--tblr-bitbucket-fg);
16053
16036
  --tblr-btn-active-bg: rgba(var(--tblr-bitbucket-rgb), .8);
16054
16037
  --tblr-btn-disabled-bg: var(--tblr-bitbucket);
@@ -16071,12 +16054,12 @@ a.badge {
16071
16054
 
16072
16055
  .btn-tabler {
16073
16056
  --tblr-btn-border-color: transparent;
16057
+ --tblr-btn-hover-border-color: transparent;
16058
+ --tblr-btn-active-border-color: transparent;
16074
16059
  --tblr-btn-color: var(--tblr-tabler-fg);
16075
16060
  --tblr-btn-bg: var(--tblr-tabler);
16076
- --tblr-btn-hover-border-color: transparent;
16077
16061
  --tblr-btn-hover-color: var(--tblr-tabler-fg);
16078
16062
  --tblr-btn-hover-bg: rgba(var(--tblr-tabler-rgb), .8);
16079
- --tblr-btn-active-border-color: transparent;
16080
16063
  --tblr-btn-active-color: var(--tblr-tabler-fg);
16081
16064
  --tblr-btn-active-bg: rgba(var(--tblr-tabler-rgb), .8);
16082
16065
  --tblr-btn-disabled-bg: var(--tblr-tabler);
@@ -16098,18 +16081,17 @@ a.badge {
16098
16081
  }
16099
16082
 
16100
16083
  .btn-ghost-primary {
16101
- --tblr-btn-color: #206bc4;
16084
+ --tblr-btn-color: var(--tblr-primary);
16102
16085
  --tblr-btn-bg: transparent;
16103
16086
  --tblr-btn-border-color: transparent;
16104
- --tblr-btn-hover-color: #f8fafc;
16105
- --tblr-btn-hover-bg: #206bc4;
16106
- --tblr-btn-hover-border-color: #206bc4;
16107
- --tblr-btn-focus-shadow-rgb: 32, 107, 196;
16108
- --tblr-btn-active-color: #f8fafc;
16109
- --tblr-btn-active-bg: #206bc4;
16087
+ --tblr-btn-hover-color: var(--tblr-primary-fg);
16088
+ --tblr-btn-hover-bg: var(--tblr-primary);
16089
+ --tblr-btn-hover-border-color: var(--tblr-primary);
16090
+ --tblr-btn-active-color: var(--tblr-primary-fg);
16091
+ --tblr-btn-active-bg: var(--tblr-primary);
16110
16092
  --tblr-btn-active-border-color: transparent;
16111
16093
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16112
- --tblr-btn-disabled-color: #206bc4;
16094
+ --tblr-btn-disabled-color: var(--tblr-primary);
16113
16095
  --tblr-btn-disabled-bg: transparent;
16114
16096
  --tblr-btn-disabled-border-color: transparent;
16115
16097
  --tblr-gradient: none;
@@ -16117,18 +16099,17 @@ a.badge {
16117
16099
  }
16118
16100
 
16119
16101
  .btn-ghost-secondary {
16120
- --tblr-btn-color: #616876;
16102
+ --tblr-btn-color: var(--tblr-secondary);
16121
16103
  --tblr-btn-bg: transparent;
16122
16104
  --tblr-btn-border-color: transparent;
16123
- --tblr-btn-hover-color: #f8fafc;
16124
- --tblr-btn-hover-bg: #616876;
16125
- --tblr-btn-hover-border-color: #616876;
16126
- --tblr-btn-focus-shadow-rgb: 97, 104, 118;
16127
- --tblr-btn-active-color: #f8fafc;
16128
- --tblr-btn-active-bg: #616876;
16105
+ --tblr-btn-hover-color: var(--tblr-secondary-fg);
16106
+ --tblr-btn-hover-bg: var(--tblr-secondary);
16107
+ --tblr-btn-hover-border-color: var(--tblr-secondary);
16108
+ --tblr-btn-active-color: var(--tblr-secondary-fg);
16109
+ --tblr-btn-active-bg: var(--tblr-secondary);
16129
16110
  --tblr-btn-active-border-color: transparent;
16130
16111
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16131
- --tblr-btn-disabled-color: #616876;
16112
+ --tblr-btn-disabled-color: var(--tblr-secondary);
16132
16113
  --tblr-btn-disabled-bg: transparent;
16133
16114
  --tblr-btn-disabled-border-color: transparent;
16134
16115
  --tblr-gradient: none;
@@ -16136,18 +16117,17 @@ a.badge {
16136
16117
  }
16137
16118
 
16138
16119
  .btn-ghost-success {
16139
- --tblr-btn-color: #2fb344;
16120
+ --tblr-btn-color: var(--tblr-success);
16140
16121
  --tblr-btn-bg: transparent;
16141
16122
  --tblr-btn-border-color: transparent;
16142
- --tblr-btn-hover-color: #f8fafc;
16143
- --tblr-btn-hover-bg: #2fb344;
16144
- --tblr-btn-hover-border-color: #2fb344;
16145
- --tblr-btn-focus-shadow-rgb: 47, 179, 68;
16146
- --tblr-btn-active-color: #f8fafc;
16147
- --tblr-btn-active-bg: #2fb344;
16123
+ --tblr-btn-hover-color: var(--tblr-success-fg);
16124
+ --tblr-btn-hover-bg: var(--tblr-success);
16125
+ --tblr-btn-hover-border-color: var(--tblr-success);
16126
+ --tblr-btn-active-color: var(--tblr-success-fg);
16127
+ --tblr-btn-active-bg: var(--tblr-success);
16148
16128
  --tblr-btn-active-border-color: transparent;
16149
16129
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16150
- --tblr-btn-disabled-color: #2fb344;
16130
+ --tblr-btn-disabled-color: var(--tblr-success);
16151
16131
  --tblr-btn-disabled-bg: transparent;
16152
16132
  --tblr-btn-disabled-border-color: transparent;
16153
16133
  --tblr-gradient: none;
@@ -16155,18 +16135,17 @@ a.badge {
16155
16135
  }
16156
16136
 
16157
16137
  .btn-ghost-info {
16158
- --tblr-btn-color: #4299e1;
16138
+ --tblr-btn-color: var(--tblr-info);
16159
16139
  --tblr-btn-bg: transparent;
16160
16140
  --tblr-btn-border-color: transparent;
16161
- --tblr-btn-hover-color: #f8fafc;
16162
- --tblr-btn-hover-bg: #4299e1;
16163
- --tblr-btn-hover-border-color: #4299e1;
16164
- --tblr-btn-focus-shadow-rgb: 66, 153, 225;
16165
- --tblr-btn-active-color: #f8fafc;
16166
- --tblr-btn-active-bg: #4299e1;
16141
+ --tblr-btn-hover-color: var(--tblr-info-fg);
16142
+ --tblr-btn-hover-bg: var(--tblr-info);
16143
+ --tblr-btn-hover-border-color: var(--tblr-info);
16144
+ --tblr-btn-active-color: var(--tblr-info-fg);
16145
+ --tblr-btn-active-bg: var(--tblr-info);
16167
16146
  --tblr-btn-active-border-color: transparent;
16168
16147
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16169
- --tblr-btn-disabled-color: #4299e1;
16148
+ --tblr-btn-disabled-color: var(--tblr-info);
16170
16149
  --tblr-btn-disabled-bg: transparent;
16171
16150
  --tblr-btn-disabled-border-color: transparent;
16172
16151
  --tblr-gradient: none;
@@ -16174,18 +16153,17 @@ a.badge {
16174
16153
  }
16175
16154
 
16176
16155
  .btn-ghost-warning {
16177
- --tblr-btn-color: #f76707;
16156
+ --tblr-btn-color: var(--tblr-warning);
16178
16157
  --tblr-btn-bg: transparent;
16179
16158
  --tblr-btn-border-color: transparent;
16180
- --tblr-btn-hover-color: #f8fafc;
16181
- --tblr-btn-hover-bg: #f76707;
16182
- --tblr-btn-hover-border-color: #f76707;
16183
- --tblr-btn-focus-shadow-rgb: 247, 103, 7;
16184
- --tblr-btn-active-color: #f8fafc;
16185
- --tblr-btn-active-bg: #f76707;
16159
+ --tblr-btn-hover-color: var(--tblr-warning-fg);
16160
+ --tblr-btn-hover-bg: var(--tblr-warning);
16161
+ --tblr-btn-hover-border-color: var(--tblr-warning);
16162
+ --tblr-btn-active-color: var(--tblr-warning-fg);
16163
+ --tblr-btn-active-bg: var(--tblr-warning);
16186
16164
  --tblr-btn-active-border-color: transparent;
16187
16165
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16188
- --tblr-btn-disabled-color: #f76707;
16166
+ --tblr-btn-disabled-color: var(--tblr-warning);
16189
16167
  --tblr-btn-disabled-bg: transparent;
16190
16168
  --tblr-btn-disabled-border-color: transparent;
16191
16169
  --tblr-gradient: none;
@@ -16193,18 +16171,17 @@ a.badge {
16193
16171
  }
16194
16172
 
16195
16173
  .btn-ghost-danger {
16196
- --tblr-btn-color: #d63939;
16174
+ --tblr-btn-color: var(--tblr-danger);
16197
16175
  --tblr-btn-bg: transparent;
16198
16176
  --tblr-btn-border-color: transparent;
16199
- --tblr-btn-hover-color: #f8fafc;
16200
- --tblr-btn-hover-bg: #d63939;
16201
- --tblr-btn-hover-border-color: #d63939;
16202
- --tblr-btn-focus-shadow-rgb: 214, 57, 57;
16203
- --tblr-btn-active-color: #f8fafc;
16204
- --tblr-btn-active-bg: #d63939;
16177
+ --tblr-btn-hover-color: var(--tblr-danger-fg);
16178
+ --tblr-btn-hover-bg: var(--tblr-danger);
16179
+ --tblr-btn-hover-border-color: var(--tblr-danger);
16180
+ --tblr-btn-active-color: var(--tblr-danger-fg);
16181
+ --tblr-btn-active-bg: var(--tblr-danger);
16205
16182
  --tblr-btn-active-border-color: transparent;
16206
16183
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16207
- --tblr-btn-disabled-color: #d63939;
16184
+ --tblr-btn-disabled-color: var(--tblr-danger);
16208
16185
  --tblr-btn-disabled-bg: transparent;
16209
16186
  --tblr-btn-disabled-border-color: transparent;
16210
16187
  --tblr-gradient: none;
@@ -16212,18 +16189,17 @@ a.badge {
16212
16189
  }
16213
16190
 
16214
16191
  .btn-ghost-light {
16215
- --tblr-btn-color: #f8fafc;
16192
+ --tblr-btn-color: var(--tblr-light);
16216
16193
  --tblr-btn-bg: transparent;
16217
16194
  --tblr-btn-border-color: transparent;
16218
- --tblr-btn-hover-color: #1d273b;
16219
- --tblr-btn-hover-bg: #f8fafc;
16220
- --tblr-btn-hover-border-color: #f8fafc;
16221
- --tblr-btn-focus-shadow-rgb: 248, 250, 252;
16222
- --tblr-btn-active-color: #1d273b;
16223
- --tblr-btn-active-bg: #f8fafc;
16195
+ --tblr-btn-hover-color: var(--tblr-light-fg);
16196
+ --tblr-btn-hover-bg: var(--tblr-light);
16197
+ --tblr-btn-hover-border-color: var(--tblr-light);
16198
+ --tblr-btn-active-color: var(--tblr-light-fg);
16199
+ --tblr-btn-active-bg: var(--tblr-light);
16224
16200
  --tblr-btn-active-border-color: transparent;
16225
16201
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16226
- --tblr-btn-disabled-color: #f8fafc;
16202
+ --tblr-btn-disabled-color: var(--tblr-light);
16227
16203
  --tblr-btn-disabled-bg: transparent;
16228
16204
  --tblr-btn-disabled-border-color: transparent;
16229
16205
  --tblr-gradient: none;
@@ -16231,18 +16207,17 @@ a.badge {
16231
16207
  }
16232
16208
 
16233
16209
  .btn-ghost-dark {
16234
- --tblr-btn-color: #1d273b;
16210
+ --tblr-btn-color: var(--tblr-dark);
16235
16211
  --tblr-btn-bg: transparent;
16236
16212
  --tblr-btn-border-color: transparent;
16237
- --tblr-btn-hover-color: #f8fafc;
16238
- --tblr-btn-hover-bg: #1d273b;
16239
- --tblr-btn-hover-border-color: #1d273b;
16240
- --tblr-btn-focus-shadow-rgb: 29, 39, 59;
16241
- --tblr-btn-active-color: #f8fafc;
16242
- --tblr-btn-active-bg: #1d273b;
16213
+ --tblr-btn-hover-color: var(--tblr-dark-fg);
16214
+ --tblr-btn-hover-bg: var(--tblr-dark);
16215
+ --tblr-btn-hover-border-color: var(--tblr-dark);
16216
+ --tblr-btn-active-color: var(--tblr-dark-fg);
16217
+ --tblr-btn-active-bg: var(--tblr-dark);
16243
16218
  --tblr-btn-active-border-color: transparent;
16244
16219
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16245
- --tblr-btn-disabled-color: #1d273b;
16220
+ --tblr-btn-disabled-color: var(--tblr-dark);
16246
16221
  --tblr-btn-disabled-bg: transparent;
16247
16222
  --tblr-btn-disabled-border-color: transparent;
16248
16223
  --tblr-gradient: none;
@@ -16250,18 +16225,17 @@ a.badge {
16250
16225
  }
16251
16226
 
16252
16227
  .btn-ghost-muted {
16253
- --tblr-btn-color: #616876;
16228
+ --tblr-btn-color: var(--tblr-muted);
16254
16229
  --tblr-btn-bg: transparent;
16255
16230
  --tblr-btn-border-color: transparent;
16256
- --tblr-btn-hover-color: #f8fafc;
16257
- --tblr-btn-hover-bg: #616876;
16258
- --tblr-btn-hover-border-color: #616876;
16259
- --tblr-btn-focus-shadow-rgb: 97, 104, 118;
16260
- --tblr-btn-active-color: #f8fafc;
16261
- --tblr-btn-active-bg: #616876;
16231
+ --tblr-btn-hover-color: var(--tblr-muted-fg);
16232
+ --tblr-btn-hover-bg: var(--tblr-muted);
16233
+ --tblr-btn-hover-border-color: var(--tblr-muted);
16234
+ --tblr-btn-active-color: var(--tblr-muted-fg);
16235
+ --tblr-btn-active-bg: var(--tblr-muted);
16262
16236
  --tblr-btn-active-border-color: transparent;
16263
16237
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16264
- --tblr-btn-disabled-color: #616876;
16238
+ --tblr-btn-disabled-color: var(--tblr-muted);
16265
16239
  --tblr-btn-disabled-bg: transparent;
16266
16240
  --tblr-btn-disabled-border-color: transparent;
16267
16241
  --tblr-gradient: none;
@@ -16269,18 +16243,17 @@ a.badge {
16269
16243
  }
16270
16244
 
16271
16245
  .btn-ghost-blue {
16272
- --tblr-btn-color: #206bc4;
16246
+ --tblr-btn-color: var(--tblr-blue);
16273
16247
  --tblr-btn-bg: transparent;
16274
16248
  --tblr-btn-border-color: transparent;
16275
- --tblr-btn-hover-color: #f8fafc;
16276
- --tblr-btn-hover-bg: #206bc4;
16277
- --tblr-btn-hover-border-color: #206bc4;
16278
- --tblr-btn-focus-shadow-rgb: 32, 107, 196;
16279
- --tblr-btn-active-color: #f8fafc;
16280
- --tblr-btn-active-bg: #206bc4;
16249
+ --tblr-btn-hover-color: var(--tblr-blue-fg);
16250
+ --tblr-btn-hover-bg: var(--tblr-blue);
16251
+ --tblr-btn-hover-border-color: var(--tblr-blue);
16252
+ --tblr-btn-active-color: var(--tblr-blue-fg);
16253
+ --tblr-btn-active-bg: var(--tblr-blue);
16281
16254
  --tblr-btn-active-border-color: transparent;
16282
16255
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16283
- --tblr-btn-disabled-color: #206bc4;
16256
+ --tblr-btn-disabled-color: var(--tblr-blue);
16284
16257
  --tblr-btn-disabled-bg: transparent;
16285
16258
  --tblr-btn-disabled-border-color: transparent;
16286
16259
  --tblr-gradient: none;
@@ -16288,18 +16261,17 @@ a.badge {
16288
16261
  }
16289
16262
 
16290
16263
  .btn-ghost-azure {
16291
- --tblr-btn-color: #4299e1;
16264
+ --tblr-btn-color: var(--tblr-azure);
16292
16265
  --tblr-btn-bg: transparent;
16293
16266
  --tblr-btn-border-color: transparent;
16294
- --tblr-btn-hover-color: #f8fafc;
16295
- --tblr-btn-hover-bg: #4299e1;
16296
- --tblr-btn-hover-border-color: #4299e1;
16297
- --tblr-btn-focus-shadow-rgb: 66, 153, 225;
16298
- --tblr-btn-active-color: #f8fafc;
16299
- --tblr-btn-active-bg: #4299e1;
16267
+ --tblr-btn-hover-color: var(--tblr-azure-fg);
16268
+ --tblr-btn-hover-bg: var(--tblr-azure);
16269
+ --tblr-btn-hover-border-color: var(--tblr-azure);
16270
+ --tblr-btn-active-color: var(--tblr-azure-fg);
16271
+ --tblr-btn-active-bg: var(--tblr-azure);
16300
16272
  --tblr-btn-active-border-color: transparent;
16301
16273
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16302
- --tblr-btn-disabled-color: #4299e1;
16274
+ --tblr-btn-disabled-color: var(--tblr-azure);
16303
16275
  --tblr-btn-disabled-bg: transparent;
16304
16276
  --tblr-btn-disabled-border-color: transparent;
16305
16277
  --tblr-gradient: none;
@@ -16307,18 +16279,17 @@ a.badge {
16307
16279
  }
16308
16280
 
16309
16281
  .btn-ghost-indigo {
16310
- --tblr-btn-color: #4263eb;
16282
+ --tblr-btn-color: var(--tblr-indigo);
16311
16283
  --tblr-btn-bg: transparent;
16312
16284
  --tblr-btn-border-color: transparent;
16313
- --tblr-btn-hover-color: #f8fafc;
16314
- --tblr-btn-hover-bg: #4263eb;
16315
- --tblr-btn-hover-border-color: #4263eb;
16316
- --tblr-btn-focus-shadow-rgb: 66, 99, 235;
16317
- --tblr-btn-active-color: #f8fafc;
16318
- --tblr-btn-active-bg: #4263eb;
16285
+ --tblr-btn-hover-color: var(--tblr-indigo-fg);
16286
+ --tblr-btn-hover-bg: var(--tblr-indigo);
16287
+ --tblr-btn-hover-border-color: var(--tblr-indigo);
16288
+ --tblr-btn-active-color: var(--tblr-indigo-fg);
16289
+ --tblr-btn-active-bg: var(--tblr-indigo);
16319
16290
  --tblr-btn-active-border-color: transparent;
16320
16291
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16321
- --tblr-btn-disabled-color: #4263eb;
16292
+ --tblr-btn-disabled-color: var(--tblr-indigo);
16322
16293
  --tblr-btn-disabled-bg: transparent;
16323
16294
  --tblr-btn-disabled-border-color: transparent;
16324
16295
  --tblr-gradient: none;
@@ -16326,18 +16297,17 @@ a.badge {
16326
16297
  }
16327
16298
 
16328
16299
  .btn-ghost-purple {
16329
- --tblr-btn-color: #ae3ec9;
16300
+ --tblr-btn-color: var(--tblr-purple);
16330
16301
  --tblr-btn-bg: transparent;
16331
16302
  --tblr-btn-border-color: transparent;
16332
- --tblr-btn-hover-color: #f8fafc;
16333
- --tblr-btn-hover-bg: #ae3ec9;
16334
- --tblr-btn-hover-border-color: #ae3ec9;
16335
- --tblr-btn-focus-shadow-rgb: 174, 62, 201;
16336
- --tblr-btn-active-color: #f8fafc;
16337
- --tblr-btn-active-bg: #ae3ec9;
16303
+ --tblr-btn-hover-color: var(--tblr-purple-fg);
16304
+ --tblr-btn-hover-bg: var(--tblr-purple);
16305
+ --tblr-btn-hover-border-color: var(--tblr-purple);
16306
+ --tblr-btn-active-color: var(--tblr-purple-fg);
16307
+ --tblr-btn-active-bg: var(--tblr-purple);
16338
16308
  --tblr-btn-active-border-color: transparent;
16339
16309
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16340
- --tblr-btn-disabled-color: #ae3ec9;
16310
+ --tblr-btn-disabled-color: var(--tblr-purple);
16341
16311
  --tblr-btn-disabled-bg: transparent;
16342
16312
  --tblr-btn-disabled-border-color: transparent;
16343
16313
  --tblr-gradient: none;
@@ -16345,18 +16315,17 @@ a.badge {
16345
16315
  }
16346
16316
 
16347
16317
  .btn-ghost-pink {
16348
- --tblr-btn-color: #d6336c;
16318
+ --tblr-btn-color: var(--tblr-pink);
16349
16319
  --tblr-btn-bg: transparent;
16350
16320
  --tblr-btn-border-color: transparent;
16351
- --tblr-btn-hover-color: #f8fafc;
16352
- --tblr-btn-hover-bg: #d6336c;
16353
- --tblr-btn-hover-border-color: #d6336c;
16354
- --tblr-btn-focus-shadow-rgb: 214, 51, 108;
16355
- --tblr-btn-active-color: #f8fafc;
16356
- --tblr-btn-active-bg: #d6336c;
16321
+ --tblr-btn-hover-color: var(--tblr-pink-fg);
16322
+ --tblr-btn-hover-bg: var(--tblr-pink);
16323
+ --tblr-btn-hover-border-color: var(--tblr-pink);
16324
+ --tblr-btn-active-color: var(--tblr-pink-fg);
16325
+ --tblr-btn-active-bg: var(--tblr-pink);
16357
16326
  --tblr-btn-active-border-color: transparent;
16358
16327
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16359
- --tblr-btn-disabled-color: #d6336c;
16328
+ --tblr-btn-disabled-color: var(--tblr-pink);
16360
16329
  --tblr-btn-disabled-bg: transparent;
16361
16330
  --tblr-btn-disabled-border-color: transparent;
16362
16331
  --tblr-gradient: none;
@@ -16364,18 +16333,17 @@ a.badge {
16364
16333
  }
16365
16334
 
16366
16335
  .btn-ghost-red {
16367
- --tblr-btn-color: #d63939;
16336
+ --tblr-btn-color: var(--tblr-red);
16368
16337
  --tblr-btn-bg: transparent;
16369
16338
  --tblr-btn-border-color: transparent;
16370
- --tblr-btn-hover-color: #f8fafc;
16371
- --tblr-btn-hover-bg: #d63939;
16372
- --tblr-btn-hover-border-color: #d63939;
16373
- --tblr-btn-focus-shadow-rgb: 214, 57, 57;
16374
- --tblr-btn-active-color: #f8fafc;
16375
- --tblr-btn-active-bg: #d63939;
16339
+ --tblr-btn-hover-color: var(--tblr-red-fg);
16340
+ --tblr-btn-hover-bg: var(--tblr-red);
16341
+ --tblr-btn-hover-border-color: var(--tblr-red);
16342
+ --tblr-btn-active-color: var(--tblr-red-fg);
16343
+ --tblr-btn-active-bg: var(--tblr-red);
16376
16344
  --tblr-btn-active-border-color: transparent;
16377
16345
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16378
- --tblr-btn-disabled-color: #d63939;
16346
+ --tblr-btn-disabled-color: var(--tblr-red);
16379
16347
  --tblr-btn-disabled-bg: transparent;
16380
16348
  --tblr-btn-disabled-border-color: transparent;
16381
16349
  --tblr-gradient: none;
@@ -16383,18 +16351,17 @@ a.badge {
16383
16351
  }
16384
16352
 
16385
16353
  .btn-ghost-orange {
16386
- --tblr-btn-color: #f76707;
16354
+ --tblr-btn-color: var(--tblr-orange);
16387
16355
  --tblr-btn-bg: transparent;
16388
16356
  --tblr-btn-border-color: transparent;
16389
- --tblr-btn-hover-color: #f8fafc;
16390
- --tblr-btn-hover-bg: #f76707;
16391
- --tblr-btn-hover-border-color: #f76707;
16392
- --tblr-btn-focus-shadow-rgb: 247, 103, 7;
16393
- --tblr-btn-active-color: #f8fafc;
16394
- --tblr-btn-active-bg: #f76707;
16357
+ --tblr-btn-hover-color: var(--tblr-orange-fg);
16358
+ --tblr-btn-hover-bg: var(--tblr-orange);
16359
+ --tblr-btn-hover-border-color: var(--tblr-orange);
16360
+ --tblr-btn-active-color: var(--tblr-orange-fg);
16361
+ --tblr-btn-active-bg: var(--tblr-orange);
16395
16362
  --tblr-btn-active-border-color: transparent;
16396
16363
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16397
- --tblr-btn-disabled-color: #f76707;
16364
+ --tblr-btn-disabled-color: var(--tblr-orange);
16398
16365
  --tblr-btn-disabled-bg: transparent;
16399
16366
  --tblr-btn-disabled-border-color: transparent;
16400
16367
  --tblr-gradient: none;
@@ -16402,18 +16369,17 @@ a.badge {
16402
16369
  }
16403
16370
 
16404
16371
  .btn-ghost-yellow {
16405
- --tblr-btn-color: #f59f00;
16372
+ --tblr-btn-color: var(--tblr-yellow);
16406
16373
  --tblr-btn-bg: transparent;
16407
16374
  --tblr-btn-border-color: transparent;
16408
- --tblr-btn-hover-color: #f8fafc;
16409
- --tblr-btn-hover-bg: #f59f00;
16410
- --tblr-btn-hover-border-color: #f59f00;
16411
- --tblr-btn-focus-shadow-rgb: 245, 159, 0;
16412
- --tblr-btn-active-color: #f8fafc;
16413
- --tblr-btn-active-bg: #f59f00;
16375
+ --tblr-btn-hover-color: var(--tblr-yellow-fg);
16376
+ --tblr-btn-hover-bg: var(--tblr-yellow);
16377
+ --tblr-btn-hover-border-color: var(--tblr-yellow);
16378
+ --tblr-btn-active-color: var(--tblr-yellow-fg);
16379
+ --tblr-btn-active-bg: var(--tblr-yellow);
16414
16380
  --tblr-btn-active-border-color: transparent;
16415
16381
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16416
- --tblr-btn-disabled-color: #f59f00;
16382
+ --tblr-btn-disabled-color: var(--tblr-yellow);
16417
16383
  --tblr-btn-disabled-bg: transparent;
16418
16384
  --tblr-btn-disabled-border-color: transparent;
16419
16385
  --tblr-gradient: none;
@@ -16421,18 +16387,17 @@ a.badge {
16421
16387
  }
16422
16388
 
16423
16389
  .btn-ghost-lime {
16424
- --tblr-btn-color: #74b816;
16390
+ --tblr-btn-color: var(--tblr-lime);
16425
16391
  --tblr-btn-bg: transparent;
16426
16392
  --tblr-btn-border-color: transparent;
16427
- --tblr-btn-hover-color: #f8fafc;
16428
- --tblr-btn-hover-bg: #74b816;
16429
- --tblr-btn-hover-border-color: #74b816;
16430
- --tblr-btn-focus-shadow-rgb: 116, 184, 22;
16431
- --tblr-btn-active-color: #f8fafc;
16432
- --tblr-btn-active-bg: #74b816;
16393
+ --tblr-btn-hover-color: var(--tblr-lime-fg);
16394
+ --tblr-btn-hover-bg: var(--tblr-lime);
16395
+ --tblr-btn-hover-border-color: var(--tblr-lime);
16396
+ --tblr-btn-active-color: var(--tblr-lime-fg);
16397
+ --tblr-btn-active-bg: var(--tblr-lime);
16433
16398
  --tblr-btn-active-border-color: transparent;
16434
16399
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16435
- --tblr-btn-disabled-color: #74b816;
16400
+ --tblr-btn-disabled-color: var(--tblr-lime);
16436
16401
  --tblr-btn-disabled-bg: transparent;
16437
16402
  --tblr-btn-disabled-border-color: transparent;
16438
16403
  --tblr-gradient: none;
@@ -16440,18 +16405,17 @@ a.badge {
16440
16405
  }
16441
16406
 
16442
16407
  .btn-ghost-green {
16443
- --tblr-btn-color: #2fb344;
16408
+ --tblr-btn-color: var(--tblr-green);
16444
16409
  --tblr-btn-bg: transparent;
16445
16410
  --tblr-btn-border-color: transparent;
16446
- --tblr-btn-hover-color: #f8fafc;
16447
- --tblr-btn-hover-bg: #2fb344;
16448
- --tblr-btn-hover-border-color: #2fb344;
16449
- --tblr-btn-focus-shadow-rgb: 47, 179, 68;
16450
- --tblr-btn-active-color: #f8fafc;
16451
- --tblr-btn-active-bg: #2fb344;
16411
+ --tblr-btn-hover-color: var(--tblr-green-fg);
16412
+ --tblr-btn-hover-bg: var(--tblr-green);
16413
+ --tblr-btn-hover-border-color: var(--tblr-green);
16414
+ --tblr-btn-active-color: var(--tblr-green-fg);
16415
+ --tblr-btn-active-bg: var(--tblr-green);
16452
16416
  --tblr-btn-active-border-color: transparent;
16453
16417
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16454
- --tblr-btn-disabled-color: #2fb344;
16418
+ --tblr-btn-disabled-color: var(--tblr-green);
16455
16419
  --tblr-btn-disabled-bg: transparent;
16456
16420
  --tblr-btn-disabled-border-color: transparent;
16457
16421
  --tblr-gradient: none;
@@ -16459,18 +16423,17 @@ a.badge {
16459
16423
  }
16460
16424
 
16461
16425
  .btn-ghost-teal {
16462
- --tblr-btn-color: #0ca678;
16426
+ --tblr-btn-color: var(--tblr-teal);
16463
16427
  --tblr-btn-bg: transparent;
16464
16428
  --tblr-btn-border-color: transparent;
16465
- --tblr-btn-hover-color: #f8fafc;
16466
- --tblr-btn-hover-bg: #0ca678;
16467
- --tblr-btn-hover-border-color: #0ca678;
16468
- --tblr-btn-focus-shadow-rgb: 12, 166, 120;
16469
- --tblr-btn-active-color: #f8fafc;
16470
- --tblr-btn-active-bg: #0ca678;
16429
+ --tblr-btn-hover-color: var(--tblr-teal-fg);
16430
+ --tblr-btn-hover-bg: var(--tblr-teal);
16431
+ --tblr-btn-hover-border-color: var(--tblr-teal);
16432
+ --tblr-btn-active-color: var(--tblr-teal-fg);
16433
+ --tblr-btn-active-bg: var(--tblr-teal);
16471
16434
  --tblr-btn-active-border-color: transparent;
16472
16435
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16473
- --tblr-btn-disabled-color: #0ca678;
16436
+ --tblr-btn-disabled-color: var(--tblr-teal);
16474
16437
  --tblr-btn-disabled-bg: transparent;
16475
16438
  --tblr-btn-disabled-border-color: transparent;
16476
16439
  --tblr-gradient: none;
@@ -16478,18 +16441,17 @@ a.badge {
16478
16441
  }
16479
16442
 
16480
16443
  .btn-ghost-cyan {
16481
- --tblr-btn-color: #17a2b8;
16444
+ --tblr-btn-color: var(--tblr-cyan);
16482
16445
  --tblr-btn-bg: transparent;
16483
16446
  --tblr-btn-border-color: transparent;
16484
- --tblr-btn-hover-color: #f8fafc;
16485
- --tblr-btn-hover-bg: #17a2b8;
16486
- --tblr-btn-hover-border-color: #17a2b8;
16487
- --tblr-btn-focus-shadow-rgb: 23, 162, 184;
16488
- --tblr-btn-active-color: #f8fafc;
16489
- --tblr-btn-active-bg: #17a2b8;
16447
+ --tblr-btn-hover-color: var(--tblr-cyan-fg);
16448
+ --tblr-btn-hover-bg: var(--tblr-cyan);
16449
+ --tblr-btn-hover-border-color: var(--tblr-cyan);
16450
+ --tblr-btn-active-color: var(--tblr-cyan-fg);
16451
+ --tblr-btn-active-bg: var(--tblr-cyan);
16490
16452
  --tblr-btn-active-border-color: transparent;
16491
16453
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16492
- --tblr-btn-disabled-color: #17a2b8;
16454
+ --tblr-btn-disabled-color: var(--tblr-cyan);
16493
16455
  --tblr-btn-disabled-bg: transparent;
16494
16456
  --tblr-btn-disabled-border-color: transparent;
16495
16457
  --tblr-gradient: none;
@@ -16497,18 +16459,17 @@ a.badge {
16497
16459
  }
16498
16460
 
16499
16461
  .btn-ghost-facebook {
16500
- --tblr-btn-color: #3b5998;
16462
+ --tblr-btn-color: var(--tblr-facebook);
16501
16463
  --tblr-btn-bg: transparent;
16502
16464
  --tblr-btn-border-color: transparent;
16503
- --tblr-btn-hover-color: #f8fafc;
16504
- --tblr-btn-hover-bg: #3b5998;
16505
- --tblr-btn-hover-border-color: #3b5998;
16506
- --tblr-btn-focus-shadow-rgb: 59, 89, 152;
16507
- --tblr-btn-active-color: #f8fafc;
16508
- --tblr-btn-active-bg: #3b5998;
16465
+ --tblr-btn-hover-color: var(--tblr-facebook-fg);
16466
+ --tblr-btn-hover-bg: var(--tblr-facebook);
16467
+ --tblr-btn-hover-border-color: var(--tblr-facebook);
16468
+ --tblr-btn-active-color: var(--tblr-facebook-fg);
16469
+ --tblr-btn-active-bg: var(--tblr-facebook);
16509
16470
  --tblr-btn-active-border-color: transparent;
16510
16471
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16511
- --tblr-btn-disabled-color: #3b5998;
16472
+ --tblr-btn-disabled-color: var(--tblr-facebook);
16512
16473
  --tblr-btn-disabled-bg: transparent;
16513
16474
  --tblr-btn-disabled-border-color: transparent;
16514
16475
  --tblr-gradient: none;
@@ -16516,18 +16477,17 @@ a.badge {
16516
16477
  }
16517
16478
 
16518
16479
  .btn-ghost-twitter {
16519
- --tblr-btn-color: #1da1f2;
16480
+ --tblr-btn-color: var(--tblr-twitter);
16520
16481
  --tblr-btn-bg: transparent;
16521
16482
  --tblr-btn-border-color: transparent;
16522
- --tblr-btn-hover-color: #f8fafc;
16523
- --tblr-btn-hover-bg: #1da1f2;
16524
- --tblr-btn-hover-border-color: #1da1f2;
16525
- --tblr-btn-focus-shadow-rgb: 29, 161, 242;
16526
- --tblr-btn-active-color: #f8fafc;
16527
- --tblr-btn-active-bg: #1da1f2;
16483
+ --tblr-btn-hover-color: var(--tblr-twitter-fg);
16484
+ --tblr-btn-hover-bg: var(--tblr-twitter);
16485
+ --tblr-btn-hover-border-color: var(--tblr-twitter);
16486
+ --tblr-btn-active-color: var(--tblr-twitter-fg);
16487
+ --tblr-btn-active-bg: var(--tblr-twitter);
16528
16488
  --tblr-btn-active-border-color: transparent;
16529
16489
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16530
- --tblr-btn-disabled-color: #1da1f2;
16490
+ --tblr-btn-disabled-color: var(--tblr-twitter);
16531
16491
  --tblr-btn-disabled-bg: transparent;
16532
16492
  --tblr-btn-disabled-border-color: transparent;
16533
16493
  --tblr-gradient: none;
@@ -16535,18 +16495,17 @@ a.badge {
16535
16495
  }
16536
16496
 
16537
16497
  .btn-ghost-linkedin {
16538
- --tblr-btn-color: #0a66c2;
16498
+ --tblr-btn-color: var(--tblr-linkedin);
16539
16499
  --tblr-btn-bg: transparent;
16540
16500
  --tblr-btn-border-color: transparent;
16541
- --tblr-btn-hover-color: #f8fafc;
16542
- --tblr-btn-hover-bg: #0a66c2;
16543
- --tblr-btn-hover-border-color: #0a66c2;
16544
- --tblr-btn-focus-shadow-rgb: 10, 102, 194;
16545
- --tblr-btn-active-color: #f8fafc;
16546
- --tblr-btn-active-bg: #0a66c2;
16501
+ --tblr-btn-hover-color: var(--tblr-linkedin-fg);
16502
+ --tblr-btn-hover-bg: var(--tblr-linkedin);
16503
+ --tblr-btn-hover-border-color: var(--tblr-linkedin);
16504
+ --tblr-btn-active-color: var(--tblr-linkedin-fg);
16505
+ --tblr-btn-active-bg: var(--tblr-linkedin);
16547
16506
  --tblr-btn-active-border-color: transparent;
16548
16507
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16549
- --tblr-btn-disabled-color: #0a66c2;
16508
+ --tblr-btn-disabled-color: var(--tblr-linkedin);
16550
16509
  --tblr-btn-disabled-bg: transparent;
16551
16510
  --tblr-btn-disabled-border-color: transparent;
16552
16511
  --tblr-gradient: none;
@@ -16554,18 +16513,17 @@ a.badge {
16554
16513
  }
16555
16514
 
16556
16515
  .btn-ghost-google {
16557
- --tblr-btn-color: #dc4e41;
16516
+ --tblr-btn-color: var(--tblr-google);
16558
16517
  --tblr-btn-bg: transparent;
16559
16518
  --tblr-btn-border-color: transparent;
16560
- --tblr-btn-hover-color: #f8fafc;
16561
- --tblr-btn-hover-bg: #dc4e41;
16562
- --tblr-btn-hover-border-color: #dc4e41;
16563
- --tblr-btn-focus-shadow-rgb: 220, 78, 65;
16564
- --tblr-btn-active-color: #f8fafc;
16565
- --tblr-btn-active-bg: #dc4e41;
16519
+ --tblr-btn-hover-color: var(--tblr-google-fg);
16520
+ --tblr-btn-hover-bg: var(--tblr-google);
16521
+ --tblr-btn-hover-border-color: var(--tblr-google);
16522
+ --tblr-btn-active-color: var(--tblr-google-fg);
16523
+ --tblr-btn-active-bg: var(--tblr-google);
16566
16524
  --tblr-btn-active-border-color: transparent;
16567
16525
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16568
- --tblr-btn-disabled-color: #dc4e41;
16526
+ --tblr-btn-disabled-color: var(--tblr-google);
16569
16527
  --tblr-btn-disabled-bg: transparent;
16570
16528
  --tblr-btn-disabled-border-color: transparent;
16571
16529
  --tblr-gradient: none;
@@ -16573,18 +16531,17 @@ a.badge {
16573
16531
  }
16574
16532
 
16575
16533
  .btn-ghost-youtube {
16576
- --tblr-btn-color: #ff0000;
16534
+ --tblr-btn-color: var(--tblr-youtube);
16577
16535
  --tblr-btn-bg: transparent;
16578
16536
  --tblr-btn-border-color: transparent;
16579
- --tblr-btn-hover-color: #f8fafc;
16580
- --tblr-btn-hover-bg: #ff0000;
16581
- --tblr-btn-hover-border-color: #ff0000;
16582
- --tblr-btn-focus-shadow-rgb: 255, 0, 0;
16583
- --tblr-btn-active-color: #f8fafc;
16584
- --tblr-btn-active-bg: #ff0000;
16537
+ --tblr-btn-hover-color: var(--tblr-youtube-fg);
16538
+ --tblr-btn-hover-bg: var(--tblr-youtube);
16539
+ --tblr-btn-hover-border-color: var(--tblr-youtube);
16540
+ --tblr-btn-active-color: var(--tblr-youtube-fg);
16541
+ --tblr-btn-active-bg: var(--tblr-youtube);
16585
16542
  --tblr-btn-active-border-color: transparent;
16586
16543
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16587
- --tblr-btn-disabled-color: #ff0000;
16544
+ --tblr-btn-disabled-color: var(--tblr-youtube);
16588
16545
  --tblr-btn-disabled-bg: transparent;
16589
16546
  --tblr-btn-disabled-border-color: transparent;
16590
16547
  --tblr-gradient: none;
@@ -16592,18 +16549,17 @@ a.badge {
16592
16549
  }
16593
16550
 
16594
16551
  .btn-ghost-vimeo {
16595
- --tblr-btn-color: #1ab7ea;
16552
+ --tblr-btn-color: var(--tblr-vimeo);
16596
16553
  --tblr-btn-bg: transparent;
16597
16554
  --tblr-btn-border-color: transparent;
16598
- --tblr-btn-hover-color: #f8fafc;
16599
- --tblr-btn-hover-bg: #1ab7ea;
16600
- --tblr-btn-hover-border-color: #1ab7ea;
16601
- --tblr-btn-focus-shadow-rgb: 26, 183, 234;
16602
- --tblr-btn-active-color: #f8fafc;
16603
- --tblr-btn-active-bg: #1ab7ea;
16555
+ --tblr-btn-hover-color: var(--tblr-vimeo-fg);
16556
+ --tblr-btn-hover-bg: var(--tblr-vimeo);
16557
+ --tblr-btn-hover-border-color: var(--tblr-vimeo);
16558
+ --tblr-btn-active-color: var(--tblr-vimeo-fg);
16559
+ --tblr-btn-active-bg: var(--tblr-vimeo);
16604
16560
  --tblr-btn-active-border-color: transparent;
16605
16561
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16606
- --tblr-btn-disabled-color: #1ab7ea;
16562
+ --tblr-btn-disabled-color: var(--tblr-vimeo);
16607
16563
  --tblr-btn-disabled-bg: transparent;
16608
16564
  --tblr-btn-disabled-border-color: transparent;
16609
16565
  --tblr-gradient: none;
@@ -16611,18 +16567,17 @@ a.badge {
16611
16567
  }
16612
16568
 
16613
16569
  .btn-ghost-dribbble {
16614
- --tblr-btn-color: #ea4c89;
16570
+ --tblr-btn-color: var(--tblr-dribbble);
16615
16571
  --tblr-btn-bg: transparent;
16616
16572
  --tblr-btn-border-color: transparent;
16617
- --tblr-btn-hover-color: #f8fafc;
16618
- --tblr-btn-hover-bg: #ea4c89;
16619
- --tblr-btn-hover-border-color: #ea4c89;
16620
- --tblr-btn-focus-shadow-rgb: 234, 76, 137;
16621
- --tblr-btn-active-color: #f8fafc;
16622
- --tblr-btn-active-bg: #ea4c89;
16573
+ --tblr-btn-hover-color: var(--tblr-dribbble-fg);
16574
+ --tblr-btn-hover-bg: var(--tblr-dribbble);
16575
+ --tblr-btn-hover-border-color: var(--tblr-dribbble);
16576
+ --tblr-btn-active-color: var(--tblr-dribbble-fg);
16577
+ --tblr-btn-active-bg: var(--tblr-dribbble);
16623
16578
  --tblr-btn-active-border-color: transparent;
16624
16579
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16625
- --tblr-btn-disabled-color: #ea4c89;
16580
+ --tblr-btn-disabled-color: var(--tblr-dribbble);
16626
16581
  --tblr-btn-disabled-bg: transparent;
16627
16582
  --tblr-btn-disabled-border-color: transparent;
16628
16583
  --tblr-gradient: none;
@@ -16630,18 +16585,17 @@ a.badge {
16630
16585
  }
16631
16586
 
16632
16587
  .btn-ghost-github {
16633
- --tblr-btn-color: #181717;
16588
+ --tblr-btn-color: var(--tblr-github);
16634
16589
  --tblr-btn-bg: transparent;
16635
16590
  --tblr-btn-border-color: transparent;
16636
- --tblr-btn-hover-color: #f8fafc;
16637
- --tblr-btn-hover-bg: #181717;
16638
- --tblr-btn-hover-border-color: #181717;
16639
- --tblr-btn-focus-shadow-rgb: 24, 23, 23;
16640
- --tblr-btn-active-color: #f8fafc;
16641
- --tblr-btn-active-bg: #181717;
16591
+ --tblr-btn-hover-color: var(--tblr-github-fg);
16592
+ --tblr-btn-hover-bg: var(--tblr-github);
16593
+ --tblr-btn-hover-border-color: var(--tblr-github);
16594
+ --tblr-btn-active-color: var(--tblr-github-fg);
16595
+ --tblr-btn-active-bg: var(--tblr-github);
16642
16596
  --tblr-btn-active-border-color: transparent;
16643
16597
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16644
- --tblr-btn-disabled-color: #181717;
16598
+ --tblr-btn-disabled-color: var(--tblr-github);
16645
16599
  --tblr-btn-disabled-bg: transparent;
16646
16600
  --tblr-btn-disabled-border-color: transparent;
16647
16601
  --tblr-gradient: none;
@@ -16649,18 +16603,17 @@ a.badge {
16649
16603
  }
16650
16604
 
16651
16605
  .btn-ghost-instagram {
16652
- --tblr-btn-color: #e4405f;
16606
+ --tblr-btn-color: var(--tblr-instagram);
16653
16607
  --tblr-btn-bg: transparent;
16654
16608
  --tblr-btn-border-color: transparent;
16655
- --tblr-btn-hover-color: #f8fafc;
16656
- --tblr-btn-hover-bg: #e4405f;
16657
- --tblr-btn-hover-border-color: #e4405f;
16658
- --tblr-btn-focus-shadow-rgb: 228, 64, 95;
16659
- --tblr-btn-active-color: #f8fafc;
16660
- --tblr-btn-active-bg: #e4405f;
16609
+ --tblr-btn-hover-color: var(--tblr-instagram-fg);
16610
+ --tblr-btn-hover-bg: var(--tblr-instagram);
16611
+ --tblr-btn-hover-border-color: var(--tblr-instagram);
16612
+ --tblr-btn-active-color: var(--tblr-instagram-fg);
16613
+ --tblr-btn-active-bg: var(--tblr-instagram);
16661
16614
  --tblr-btn-active-border-color: transparent;
16662
16615
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16663
- --tblr-btn-disabled-color: #e4405f;
16616
+ --tblr-btn-disabled-color: var(--tblr-instagram);
16664
16617
  --tblr-btn-disabled-bg: transparent;
16665
16618
  --tblr-btn-disabled-border-color: transparent;
16666
16619
  --tblr-gradient: none;
@@ -16668,18 +16621,17 @@ a.badge {
16668
16621
  }
16669
16622
 
16670
16623
  .btn-ghost-pinterest {
16671
- --tblr-btn-color: #bd081c;
16624
+ --tblr-btn-color: var(--tblr-pinterest);
16672
16625
  --tblr-btn-bg: transparent;
16673
16626
  --tblr-btn-border-color: transparent;
16674
- --tblr-btn-hover-color: #f8fafc;
16675
- --tblr-btn-hover-bg: #bd081c;
16676
- --tblr-btn-hover-border-color: #bd081c;
16677
- --tblr-btn-focus-shadow-rgb: 189, 8, 28;
16678
- --tblr-btn-active-color: #f8fafc;
16679
- --tblr-btn-active-bg: #bd081c;
16627
+ --tblr-btn-hover-color: var(--tblr-pinterest-fg);
16628
+ --tblr-btn-hover-bg: var(--tblr-pinterest);
16629
+ --tblr-btn-hover-border-color: var(--tblr-pinterest);
16630
+ --tblr-btn-active-color: var(--tblr-pinterest-fg);
16631
+ --tblr-btn-active-bg: var(--tblr-pinterest);
16680
16632
  --tblr-btn-active-border-color: transparent;
16681
16633
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16682
- --tblr-btn-disabled-color: #bd081c;
16634
+ --tblr-btn-disabled-color: var(--tblr-pinterest);
16683
16635
  --tblr-btn-disabled-bg: transparent;
16684
16636
  --tblr-btn-disabled-border-color: transparent;
16685
16637
  --tblr-gradient: none;
@@ -16687,18 +16639,17 @@ a.badge {
16687
16639
  }
16688
16640
 
16689
16641
  .btn-ghost-vk {
16690
- --tblr-btn-color: #6383a8;
16642
+ --tblr-btn-color: var(--tblr-vk);
16691
16643
  --tblr-btn-bg: transparent;
16692
16644
  --tblr-btn-border-color: transparent;
16693
- --tblr-btn-hover-color: #f8fafc;
16694
- --tblr-btn-hover-bg: #6383a8;
16695
- --tblr-btn-hover-border-color: #6383a8;
16696
- --tblr-btn-focus-shadow-rgb: 99, 131, 168;
16697
- --tblr-btn-active-color: #f8fafc;
16698
- --tblr-btn-active-bg: #6383a8;
16645
+ --tblr-btn-hover-color: var(--tblr-vk-fg);
16646
+ --tblr-btn-hover-bg: var(--tblr-vk);
16647
+ --tblr-btn-hover-border-color: var(--tblr-vk);
16648
+ --tblr-btn-active-color: var(--tblr-vk-fg);
16649
+ --tblr-btn-active-bg: var(--tblr-vk);
16699
16650
  --tblr-btn-active-border-color: transparent;
16700
16651
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16701
- --tblr-btn-disabled-color: #6383a8;
16652
+ --tblr-btn-disabled-color: var(--tblr-vk);
16702
16653
  --tblr-btn-disabled-bg: transparent;
16703
16654
  --tblr-btn-disabled-border-color: transparent;
16704
16655
  --tblr-gradient: none;
@@ -16706,18 +16657,17 @@ a.badge {
16706
16657
  }
16707
16658
 
16708
16659
  .btn-ghost-rss {
16709
- --tblr-btn-color: #ffa500;
16660
+ --tblr-btn-color: var(--tblr-rss);
16710
16661
  --tblr-btn-bg: transparent;
16711
16662
  --tblr-btn-border-color: transparent;
16712
- --tblr-btn-hover-color: #f8fafc;
16713
- --tblr-btn-hover-bg: #ffa500;
16714
- --tblr-btn-hover-border-color: #ffa500;
16715
- --tblr-btn-focus-shadow-rgb: 255, 165, 0;
16716
- --tblr-btn-active-color: #f8fafc;
16717
- --tblr-btn-active-bg: #ffa500;
16663
+ --tblr-btn-hover-color: var(--tblr-rss-fg);
16664
+ --tblr-btn-hover-bg: var(--tblr-rss);
16665
+ --tblr-btn-hover-border-color: var(--tblr-rss);
16666
+ --tblr-btn-active-color: var(--tblr-rss-fg);
16667
+ --tblr-btn-active-bg: var(--tblr-rss);
16718
16668
  --tblr-btn-active-border-color: transparent;
16719
16669
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16720
- --tblr-btn-disabled-color: #ffa500;
16670
+ --tblr-btn-disabled-color: var(--tblr-rss);
16721
16671
  --tblr-btn-disabled-bg: transparent;
16722
16672
  --tblr-btn-disabled-border-color: transparent;
16723
16673
  --tblr-gradient: none;
@@ -16725,18 +16675,17 @@ a.badge {
16725
16675
  }
16726
16676
 
16727
16677
  .btn-ghost-flickr {
16728
- --tblr-btn-color: #0063dc;
16678
+ --tblr-btn-color: var(--tblr-flickr);
16729
16679
  --tblr-btn-bg: transparent;
16730
16680
  --tblr-btn-border-color: transparent;
16731
- --tblr-btn-hover-color: #f8fafc;
16732
- --tblr-btn-hover-bg: #0063dc;
16733
- --tblr-btn-hover-border-color: #0063dc;
16734
- --tblr-btn-focus-shadow-rgb: 0, 99, 220;
16735
- --tblr-btn-active-color: #f8fafc;
16736
- --tblr-btn-active-bg: #0063dc;
16681
+ --tblr-btn-hover-color: var(--tblr-flickr-fg);
16682
+ --tblr-btn-hover-bg: var(--tblr-flickr);
16683
+ --tblr-btn-hover-border-color: var(--tblr-flickr);
16684
+ --tblr-btn-active-color: var(--tblr-flickr-fg);
16685
+ --tblr-btn-active-bg: var(--tblr-flickr);
16737
16686
  --tblr-btn-active-border-color: transparent;
16738
16687
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16739
- --tblr-btn-disabled-color: #0063dc;
16688
+ --tblr-btn-disabled-color: var(--tblr-flickr);
16740
16689
  --tblr-btn-disabled-bg: transparent;
16741
16690
  --tblr-btn-disabled-border-color: transparent;
16742
16691
  --tblr-gradient: none;
@@ -16744,18 +16693,17 @@ a.badge {
16744
16693
  }
16745
16694
 
16746
16695
  .btn-ghost-bitbucket {
16747
- --tblr-btn-color: #0052cc;
16696
+ --tblr-btn-color: var(--tblr-bitbucket);
16748
16697
  --tblr-btn-bg: transparent;
16749
16698
  --tblr-btn-border-color: transparent;
16750
- --tblr-btn-hover-color: #f8fafc;
16751
- --tblr-btn-hover-bg: #0052cc;
16752
- --tblr-btn-hover-border-color: #0052cc;
16753
- --tblr-btn-focus-shadow-rgb: 0, 82, 204;
16754
- --tblr-btn-active-color: #f8fafc;
16755
- --tblr-btn-active-bg: #0052cc;
16699
+ --tblr-btn-hover-color: var(--tblr-bitbucket-fg);
16700
+ --tblr-btn-hover-bg: var(--tblr-bitbucket);
16701
+ --tblr-btn-hover-border-color: var(--tblr-bitbucket);
16702
+ --tblr-btn-active-color: var(--tblr-bitbucket-fg);
16703
+ --tblr-btn-active-bg: var(--tblr-bitbucket);
16756
16704
  --tblr-btn-active-border-color: transparent;
16757
16705
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16758
- --tblr-btn-disabled-color: #0052cc;
16706
+ --tblr-btn-disabled-color: var(--tblr-bitbucket);
16759
16707
  --tblr-btn-disabled-bg: transparent;
16760
16708
  --tblr-btn-disabled-border-color: transparent;
16761
16709
  --tblr-gradient: none;
@@ -16763,18 +16711,17 @@ a.badge {
16763
16711
  }
16764
16712
 
16765
16713
  .btn-ghost-tabler {
16766
- --tblr-btn-color: #206bc4;
16714
+ --tblr-btn-color: var(--tblr-tabler);
16767
16715
  --tblr-btn-bg: transparent;
16768
16716
  --tblr-btn-border-color: transparent;
16769
- --tblr-btn-hover-color: #f8fafc;
16770
- --tblr-btn-hover-bg: #206bc4;
16771
- --tblr-btn-hover-border-color: #206bc4;
16772
- --tblr-btn-focus-shadow-rgb: 32, 107, 196;
16773
- --tblr-btn-active-color: #f8fafc;
16774
- --tblr-btn-active-bg: #206bc4;
16717
+ --tblr-btn-hover-color: var(--tblr-tabler-fg);
16718
+ --tblr-btn-hover-bg: var(--tblr-tabler);
16719
+ --tblr-btn-hover-border-color: var(--tblr-tabler);
16720
+ --tblr-btn-active-color: var(--tblr-tabler-fg);
16721
+ --tblr-btn-active-bg: var(--tblr-tabler);
16775
16722
  --tblr-btn-active-border-color: transparent;
16776
16723
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16777
- --tblr-btn-disabled-color: #206bc4;
16724
+ --tblr-btn-disabled-color: var(--tblr-tabler);
16778
16725
  --tblr-btn-disabled-bg: transparent;
16779
16726
  --tblr-btn-disabled-border-color: transparent;
16780
16727
  --tblr-gradient: none;
@@ -16815,13 +16762,10 @@ a.badge {
16815
16762
  }
16816
16763
 
16817
16764
  .btn-list {
16765
+ --tblr-list-gap: 0.5rem;
16818
16766
  display: flex;
16819
16767
  flex-wrap: wrap;
16820
- margin-bottom: -0.5rem !important;
16821
- margin-left: -0.5rem;
16822
- }
16823
- .btn-list > * {
16824
- margin: 0 0 0.5rem 0.5rem !important;
16768
+ gap: var(--tblr-list-gap);
16825
16769
  }
16826
16770
 
16827
16771
  .btn-floating {
@@ -16861,13 +16805,14 @@ a.badge {
16861
16805
  .btn-action {
16862
16806
  padding: 0;
16863
16807
  border: 0;
16864
- color: #616876;
16808
+ color: var(--tblr-muted);
16865
16809
  display: inline-flex;
16866
16810
  width: 2rem;
16867
16811
  height: 2rem;
16868
16812
  align-items: center;
16869
16813
  justify-content: center;
16870
16814
  border-radius: var(--tblr-border-radius);
16815
+ background: transparent;
16871
16816
  }
16872
16817
  .btn-action:after {
16873
16818
  content: none;
@@ -16877,8 +16822,8 @@ a.badge {
16877
16822
  box-shadow: none;
16878
16823
  }
16879
16824
  .btn-action:hover, .btn-action.show {
16880
- color: #1d273b;
16881
- background: #f1f5f9;
16825
+ color: var(--tblr-body-color);
16826
+ background: var(--tblr-active-bg);
16882
16827
  }
16883
16828
  .btn-action.show {
16884
16829
  color: var(--tblr-primary);
@@ -16921,7 +16866,7 @@ a.badge {
16921
16866
  }
16922
16867
 
16923
16868
  .calendar-header {
16924
- color: #616876;
16869
+ color: var(--tblr-muted);
16925
16870
  }
16926
16871
 
16927
16872
  .calendar-date {
@@ -17247,8 +17192,10 @@ Stacked card
17247
17192
  }
17248
17193
 
17249
17194
  .card-header-tabs {
17195
+ background: var(--tblr-bg-surface-secondary);
17250
17196
  flex: 1;
17251
- margin: -0.5rem -0.75rem -1rem;
17197
+ margin: calc(var(--tblr-card-cap-padding-y) * -1) calc(var(--tblr-card-cap-padding-x) * -1) calc(var(--tblr-card-cap-padding-y) * -1);
17198
+ padding: calc(var(--tblr-card-cap-padding-y) * 0.5) calc(var(--tblr-card-cap-padding-x) * 0.5) 0;
17252
17199
  }
17253
17200
 
17254
17201
  .card-header-pills {
@@ -17312,7 +17259,7 @@ Stacked card
17312
17259
  }
17313
17260
 
17314
17261
  .card-meta {
17315
- color: #616876;
17262
+ color: var(--tblr-muted);
17316
17263
  }
17317
17264
 
17318
17265
  .card-title {
@@ -17332,7 +17279,7 @@ a.card-title:hover {
17332
17279
 
17333
17280
  .card-subtitle {
17334
17281
  margin-bottom: 1.25rem;
17335
- color: #616876;
17282
+ color: var(--tblr-muted);
17336
17283
  font-weight: normal;
17337
17284
  }
17338
17285
  .card-header .card-subtitle {
@@ -17394,7 +17341,7 @@ Card optinos
17394
17341
  display: inline-block;
17395
17342
  min-width: 1rem;
17396
17343
  margin-right: 0.25rem;
17397
- color: #616876;
17344
+ color: var(--tblr-muted);
17398
17345
  }
17399
17346
 
17400
17347
  /**
@@ -17607,7 +17554,7 @@ Card list group
17607
17554
  width: 1.25rem !important;
17608
17555
  height: 1.25rem !important;
17609
17556
  margin-left: 0.5rem;
17610
- color: #616876;
17557
+ color: var(--tblr-muted);
17611
17558
  opacity: 0.7;
17612
17559
  text-align: center;
17613
17560
  }
@@ -17727,7 +17674,7 @@ Card list group
17727
17674
  width: 3rem;
17728
17675
  height: 3rem;
17729
17676
  line-height: 1;
17730
- color: #616876;
17677
+ color: var(--tblr-muted);
17731
17678
  }
17732
17679
  .empty-icon svg {
17733
17680
  width: 100%;
@@ -17748,7 +17695,7 @@ Card list group
17748
17695
  font-size: 4rem;
17749
17696
  font-weight: var(--tblr-font-weight-light);
17750
17697
  line-height: 1;
17751
- color: #616876;
17698
+ color: var(--tblr-muted);
17752
17699
  }
17753
17700
 
17754
17701
  .empty-title {
@@ -18119,9 +18066,10 @@ Card list group
18119
18066
  }
18120
18067
 
18121
18068
  .icon {
18122
- width: 1.25rem;
18123
- height: 1.25rem;
18124
- font-size: 1.25rem;
18069
+ --tblr-icon-size: 1.25rem;
18070
+ width: var(--tblr-icon-size);
18071
+ height: var(--tblr-icon-size);
18072
+ font-size: var(--tblr-icon-size);
18125
18073
  vertical-align: bottom;
18126
18074
  stroke-width: 1.5;
18127
18075
  }
@@ -18130,9 +18078,7 @@ Card list group
18130
18078
  }
18131
18079
 
18132
18080
  .icon-inline {
18133
- width: 1rem;
18134
- height: 1rem;
18135
- font-size: 1rem;
18081
+ --tblr-icon-size: 1rem;
18136
18082
  vertical-align: -0.2rem;
18137
18083
  }
18138
18084
 
@@ -18141,124 +18087,40 @@ Card list group
18141
18087
  }
18142
18088
 
18143
18089
  .icon-sm {
18144
- width: 1rem;
18145
- height: 1rem;
18090
+ --tblr-icon-size: 1rem;
18146
18091
  stroke-width: 1;
18147
18092
  }
18148
18093
 
18149
18094
  .icon-md {
18150
- width: 2.5rem;
18151
- height: 2.5rem;
18095
+ --tblr-icon-size: 2.5rem;
18152
18096
  stroke-width: 1;
18153
18097
  }
18154
18098
 
18155
18099
  .icon-lg {
18156
- width: 3.5rem;
18157
- height: 3.5rem;
18100
+ --tblr-icon-size: 3.5rem;
18158
18101
  stroke-width: 1;
18159
18102
  }
18160
18103
 
18161
- @-webkit-keyframes icon-pulse {
18162
- from {
18163
- opacity: 1;
18164
- transform: scale3d(0.8, 0.8, 0.8);
18165
- }
18166
- 50% {
18167
- transform: scale3d(1, 1, 1);
18168
- opacity: 1;
18169
- }
18170
- to {
18171
- opacity: 1;
18172
- transform: scale3d(0.8, 0.8, 0.8);
18173
- }
18174
- }
18175
-
18176
- @keyframes icon-pulse {
18177
- from {
18178
- opacity: 1;
18179
- transform: scale3d(0.8, 0.8, 0.8);
18180
- }
18181
- 50% {
18182
- transform: scale3d(1, 1, 1);
18183
- opacity: 1;
18184
- }
18185
- to {
18186
- opacity: 1;
18187
- transform: scale3d(0.8, 0.8, 0.8);
18188
- }
18189
- }
18190
18104
  .icon-pulse {
18191
18105
  transition: all 0.15s ease 0s;
18192
- -webkit-animation: icon-pulse 2s ease infinite;
18193
- animation: icon-pulse 2s ease infinite;
18106
+ -webkit-animation: pulse 2s ease infinite;
18107
+ animation: pulse 2s ease infinite;
18194
18108
  -webkit-animation-fill-mode: both;
18195
18109
  animation-fill-mode: both;
18196
18110
  }
18197
18111
 
18198
- @-webkit-keyframes icon-tada {
18199
- 0% {
18200
- transform: scale3d(1, 1, 1);
18201
- }
18202
- 10%, 5% {
18203
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 5deg);
18204
- }
18205
- 15%, 25%, 35%, 45% {
18206
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
18207
- }
18208
- 20%, 30%, 40% {
18209
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
18210
- }
18211
- 50% {
18212
- transform: scale3d(1, 1, 1);
18213
- }
18214
- }
18215
-
18216
- @keyframes icon-tada {
18217
- 0% {
18218
- transform: scale3d(1, 1, 1);
18219
- }
18220
- 10%, 5% {
18221
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 5deg);
18222
- }
18223
- 15%, 25%, 35%, 45% {
18224
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
18225
- }
18226
- 20%, 30%, 40% {
18227
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
18228
- }
18229
- 50% {
18230
- transform: scale3d(1, 1, 1);
18231
- }
18232
- }
18233
18112
  .icon-tada {
18234
18113
  transition: all 0.15s ease 0s;
18235
- -webkit-animation: icon-tada 3s ease infinite;
18236
- animation: icon-tada 3s ease infinite;
18114
+ -webkit-animation: tada 3s ease infinite;
18115
+ animation: tada 3s ease infinite;
18237
18116
  -webkit-animation-fill-mode: both;
18238
18117
  animation-fill-mode: both;
18239
18118
  }
18240
18119
 
18241
- @-webkit-keyframes icon-rotate {
18242
- from {
18243
- transform: rotate(0deg);
18244
- }
18245
- to {
18246
- transform: rotate(-360deg);
18247
- }
18248
- }
18249
-
18250
- @keyframes icon-rotate {
18251
- from {
18252
- transform: rotate(0deg);
18253
- }
18254
- to {
18255
- transform: rotate(-360deg);
18256
- }
18257
- }
18258
18120
  .icon-rotate {
18259
18121
  transition: all 0.15s ease 0s;
18260
- -webkit-animation: icon-rotate 3s linear infinite;
18261
- animation: icon-rotate 3s linear infinite;
18122
+ -webkit-animation: rotate-360 3s linear infinite;
18123
+ animation: rotate-360 3s linear infinite;
18262
18124
  -webkit-animation-fill-mode: both;
18263
18125
  animation-fill-mode: both;
18264
18126
  }
@@ -18318,7 +18180,7 @@ Form label
18318
18180
  .form-label-description {
18319
18181
  float: left;
18320
18182
  font-weight: var(--tblr-font-weight-normal);
18321
- color: #616876;
18183
+ color: var(--tblr-muted);
18322
18184
  }
18323
18185
 
18324
18186
  /**
@@ -18326,7 +18188,7 @@ Form hint
18326
18188
  */
18327
18189
  .form-hint {
18328
18190
  display: block;
18329
- color: #616876;
18191
+ color: var(--tblr-muted);
18330
18192
  }
18331
18193
  .form-hint:last-child {
18332
18194
  margin-bottom: 0;
@@ -18356,7 +18218,7 @@ Form control
18356
18218
  color: var(--tblr-body-color);
18357
18219
  }
18358
18220
  .form-control:disabled, .form-control.disabled {
18359
- color: #616876;
18221
+ color: var(--tblr-muted);
18360
18222
  -webkit-user-select: none;
18361
18223
  -moz-user-select: none;
18362
18224
  -ms-user-select: none;
@@ -18445,7 +18307,7 @@ Form help
18445
18307
  width: 1.125rem;
18446
18308
  height: 1.125rem;
18447
18309
  font-size: 0.75rem;
18448
- color: #616876;
18310
+ color: var(--tblr-muted);
18449
18311
  text-align: center;
18450
18312
  text-decoration: none;
18451
18313
  cursor: pointer;
@@ -18702,7 +18564,7 @@ Image check
18702
18564
  .form-imagecheck-caption {
18703
18565
  padding: 0.25rem;
18704
18566
  font-size: 0.765625rem;
18705
- color: #616876;
18567
+ color: var(--tblr-muted);
18706
18568
  text-align: center;
18707
18569
  transition: color 0.3s;
18708
18570
  }
@@ -18752,7 +18614,7 @@ Select group
18752
18614
  padding: 0.4375rem 0.75rem;
18753
18615
  font-size: 0.875rem;
18754
18616
  line-height: 1.4285714286;
18755
- color: #616876;
18617
+ color: var(--tblr-muted);
18756
18618
  background: var(--tblr-bg-forms);
18757
18619
  text-align: center;
18758
18620
  cursor: pointer;
@@ -18931,7 +18793,7 @@ Form check
18931
18793
 
18932
18794
  .form-check-description {
18933
18795
  display: block;
18934
- color: #616876;
18796
+ color: var(--tblr-muted);
18935
18797
  font-size: 0.75rem;
18936
18798
  margin-top: 0.25rem;
18937
18799
  }
@@ -19066,7 +18928,7 @@ Timeline
19066
18928
  .list-timeline-time {
19067
18929
  float: left;
19068
18930
  margin-right: 1rem;
19069
- color: #616876;
18931
+ color: var(--tblr-muted);
19070
18932
  }
19071
18933
 
19072
18934
  .list-timeline-icon {
@@ -19080,7 +18942,7 @@ Timeline
19080
18942
  height: 2.5rem;
19081
18943
  color: #ffffff;
19082
18944
  text-align: center;
19083
- background: #616876;
18945
+ background: var(--tblr-muted);
19084
18946
  border-radius: 100rem;
19085
18947
  }
19086
18948
  .list-timeline-icon .icon {
@@ -19106,9 +18968,9 @@ Timeline
19106
18968
  right: calc(7.5rem + 2px);
19107
18969
  z-index: 1;
19108
18970
  display: block;
19109
- width: 4px;
18971
+ width: 2px;
19110
18972
  content: "";
19111
- background-color: #f1f5f9;
18973
+ background-color: var(--tblr-border-color);
19112
18974
  }
19113
18975
  .list-timeline:not(.list-timeline-simple) > li {
19114
18976
  z-index: 2;
@@ -19140,12 +19002,12 @@ Timeline
19140
19002
  border: 0;
19141
19003
  }
19142
19004
  .list-group-transparent .list-group-item .icon {
19143
- color: #616876;
19005
+ color: var(--tblr-muted);
19144
19006
  }
19145
19007
  .list-group-transparent .list-group-item.active {
19146
19008
  font-weight: var(--tblr-font-weight-bold);
19147
19009
  color: inherit;
19148
- background: var(--tblr-gray-100);
19010
+ background: var(--tblr-active-bg);
19149
19011
  }
19150
19012
  .list-group-transparent .list-group-item.active .icon {
19151
19013
  color: inherit;
@@ -19179,23 +19041,6 @@ Inline list
19179
19041
  margin-inline-end: 0.5rem;
19180
19042
  }
19181
19043
 
19182
- @-webkit-keyframes loader {
19183
- from {
19184
- transform: rotate(0deg);
19185
- }
19186
- to {
19187
- transform: rotate(-360deg);
19188
- }
19189
- }
19190
-
19191
- @keyframes loader {
19192
- from {
19193
- transform: rotate(0deg);
19194
- }
19195
- to {
19196
- transform: rotate(-360deg);
19197
- }
19198
- }
19199
19044
  .loader {
19200
19045
  position: relative;
19201
19046
  display: block;
@@ -19211,13 +19056,13 @@ Inline list
19211
19056
  width: 100%;
19212
19057
  height: 100%;
19213
19058
  content: "";
19214
- border: 1px solid;
19059
+ border: 1px var(--tblr-border-style);
19215
19060
  border-color: transparent;
19216
19061
  border-top-color: currentColor;
19217
19062
  border-right-color: currentColor;
19218
19063
  border-radius: 100rem;
19219
- -webkit-animation: loader 0.6s linear;
19220
- animation: loader 0.6s linear;
19064
+ -webkit-animation: rotate-360 0.6s linear;
19065
+ animation: rotate-360 0.6s linear;
19221
19066
  -webkit-animation-iteration-count: infinite;
19222
19067
  animation-iteration-count: infinite;
19223
19068
  }
@@ -19317,7 +19162,7 @@ Dimmer
19317
19162
  right: 0;
19318
19163
  left: 0;
19319
19164
  height: 2px;
19320
- background: #616876;
19165
+ background: var(--tblr-muted);
19321
19166
  border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0;
19322
19167
  }
19323
19168
 
@@ -19379,7 +19224,7 @@ Dimmer
19379
19224
  margin: 0 0 -var(--tblr-border-width);
19380
19225
  border: 0;
19381
19226
  border-bottom: 2px var(--tblr-border-style) transparent;
19382
- color: #616876;
19227
+ color: var(--tblr-muted);
19383
19228
  }
19384
19229
  .nav-bordered .nav-link.active,
19385
19230
  .nav-bordered .nav-item.show .nav-link {
@@ -19387,12 +19232,6 @@ Dimmer
19387
19232
  border-color: var(--tblr-primary);
19388
19233
  }
19389
19234
 
19390
- .nav-tabs-alt .nav-link {
19391
- font-size: 13px;
19392
- font-weight: var(--tblr-font-weight-bold);
19393
- text-transform: uppercase;
19394
- }
19395
-
19396
19235
  .nav-link {
19397
19236
  display: flex;
19398
19237
  transition: color 0.3s;
@@ -19420,8 +19259,8 @@ Dimmer
19420
19259
  vertical-align: 0.306em;
19421
19260
  width: 0.36em;
19422
19261
  height: 0.36em;
19423
- border-bottom: 1px solid;
19424
- border-right: 1px solid;
19262
+ border-bottom: 1px var(--tblr-border-style);
19263
+ border-right: 1px var(--tblr-border-style);
19425
19264
  margin-left: 0.1em;
19426
19265
  margin-right: 0.4em;
19427
19266
  transform: rotate(45deg);
@@ -19444,6 +19283,10 @@ Dimmer
19444
19283
  height: 100%;
19445
19284
  }
19446
19285
 
19286
+ .nav-fill .nav-item .nav-link {
19287
+ justify-content: center;
19288
+ }
19289
+
19447
19290
  .stars {
19448
19291
  display: inline-flex;
19449
19292
  color: #9ba9be;
@@ -19483,7 +19326,7 @@ Dimmer
19483
19326
  .page-item-subtitle {
19484
19327
  margin-bottom: 2px;
19485
19328
  font-size: 12px;
19486
- color: #616876;
19329
+ color: var(--tblr-muted);
19487
19330
  text-transform: uppercase;
19488
19331
  }
19489
19332
  .page-item.disabled .page-item-subtitle {
@@ -19643,7 +19486,7 @@ Progressbg
19643
19486
  height: 0;
19644
19487
  content: "";
19645
19488
  filter: brightness(70%);
19646
- border: calc(var(--tblr-ribbon-margin) * 0.5) solid;
19489
+ border: calc(var(--tblr-ribbon-margin) * 0.5) var(--tblr-border-style);
19647
19490
  border-color: inherit;
19648
19491
  border-top-color: transparent;
19649
19492
  border-left-color: transparent;
@@ -19781,7 +19624,7 @@ Progressbg
19781
19624
  width: 0;
19782
19625
  height: 0;
19783
19626
  content: "";
19784
- border: 1rem solid;
19627
+ border: 1rem var(--tblr-border-style);
19785
19628
  border-color: inherit;
19786
19629
  border-left-width: 0;
19787
19630
  border-right-color: transparent;
@@ -20030,13 +19873,13 @@ a.step-item:hover {
20030
19873
  background: var(--tblr-bg-surface);
20031
19874
  }
20032
19875
  .step-item.active ~ .step-item {
20033
- color: #616876;
19876
+ color: var(--tblr-muted);
20034
19877
  }
20035
19878
  .step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
20036
19879
  background: #f3f5f5;
20037
19880
  }
20038
19881
  .step-item.active ~ .step-item:before {
20039
- color: #616876 !important;
19882
+ color: var(--tblr-muted) !important;
20040
19883
  }
20041
19884
 
20042
19885
  .steps-counter {
@@ -20274,8 +20117,8 @@ a.step-item:hover {
20274
20117
  }
20275
20118
 
20276
20119
  .status-facebook {
20277
- --tblr-status-color: #3b5998;
20278
- --tblr-status-color-rgb: 59, 89, 152;
20120
+ --tblr-status-color: #1877F2;
20121
+ --tblr-status-color-rgb: 24, 119, 242;
20279
20122
  }
20280
20123
 
20281
20124
  .status-twitter {
@@ -21187,7 +21030,7 @@ a.step-item:hover {
21187
21030
  }
21188
21031
 
21189
21032
  .toast-facebook {
21190
- --tblr-toast-color: #3b5998;
21033
+ --tblr-toast-color: #1877F2;
21191
21034
  }
21192
21035
 
21193
21036
  .toast-twitter {
@@ -21318,7 +21161,7 @@ Hr text
21318
21161
  .hr-text > *:first-child {
21319
21162
  padding-left: 0.5rem;
21320
21163
  padding-right: 0;
21321
- color: #616876;
21164
+ color: var(--tblr-muted);
21322
21165
  }
21323
21166
  .hr-text.hr-text-right:before {
21324
21167
  content: none;
@@ -21469,8 +21312,14 @@ code {
21469
21312
  }
21470
21313
 
21471
21314
  kbd {
21472
- font: inherit;
21473
- box-shadow: 0 0 0 1px var(--tblr-border-color), 0 3px 0 0 var(--tblr-bg-surface), 0 3px 0 1px var(--tblr-border-color);
21315
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
21316
+ display: inline-block;
21317
+ box-sizing: border-box;
21318
+ max-width: 100%;
21319
+ font-size: var(--tblr-font-size-h5);
21320
+ font-weight: var(--tblr-font-weight-medium);
21321
+ line-height: 1;
21322
+ vertical-align: baseline;
21474
21323
  }
21475
21324
 
21476
21325
  img {
@@ -21929,6 +21778,15 @@ Chart sparkline
21929
21778
  background-color: rgba(var(--tblr-tabler-rgb), 0.1) !important;
21930
21779
  }
21931
21780
 
21781
+ .bg-white {
21782
+ background-color: var(--tblr-white) !important;
21783
+ }
21784
+
21785
+ .bg-white-lt {
21786
+ color: var(--tblr-white) !important;
21787
+ background-color: rgba(var(--tblr-white-rgb), 0.1) !important;
21788
+ }
21789
+
21932
21790
  .text-primary {
21933
21791
  color: var(--tblr-primary) !important;
21934
21792
  }