@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 {
@@ -3013,8 +3013,8 @@ textarea.form-control-lg {
3013
3013
  vertical-align: 0.306em;
3014
3014
  width: 0.36em;
3015
3015
  height: 0.36em;
3016
- border-bottom: 1px solid;
3017
- border-left: 1px solid;
3016
+ border-bottom: 1px var(--tblr-border-style);
3017
+ border-left: 1px var(--tblr-border-style);
3018
3018
  margin-right: 0.1em;
3019
3019
  margin-left: 0.4em;
3020
3020
  transform: rotate(-45deg);
@@ -3176,8 +3176,8 @@ textarea.form-control-lg {
3176
3176
  vertical-align: 0.306em;
3177
3177
  width: 0.36em;
3178
3178
  height: 0.36em;
3179
- border-bottom: 1px solid;
3180
- border-left: 1px solid;
3179
+ border-bottom: 1px var(--tblr-border-style);
3180
+ border-left: 1px var(--tblr-border-style);
3181
3181
  margin-right: 0.1em;
3182
3182
  margin-left: 0.4em;
3183
3183
  transform: rotate(135deg);
@@ -3196,8 +3196,8 @@ textarea.form-control-lg {
3196
3196
  vertical-align: 0.306em;
3197
3197
  width: 0.36em;
3198
3198
  height: 0.36em;
3199
- border-bottom: 1px solid;
3200
- border-left: 1px solid;
3199
+ border-bottom: 1px var(--tblr-border-style);
3200
+ border-left: 1px var(--tblr-border-style);
3201
3201
  margin-right: 0.1em;
3202
3202
  margin-left: 0.4em;
3203
3203
  transform: rotate(-135deg);
@@ -3219,8 +3219,8 @@ textarea.form-control-lg {
3219
3219
  vertical-align: 0.306em;
3220
3220
  width: 0.36em;
3221
3221
  height: 0.36em;
3222
- border-bottom: 1px solid;
3223
- border-left: 1px solid;
3222
+ border-bottom: 1px var(--tblr-border-style);
3223
+ border-left: 1px var(--tblr-border-style);
3224
3224
  margin-right: 0.1em;
3225
3225
  margin-left: 0.4em;
3226
3226
  transform: rotate(45deg);
@@ -3439,7 +3439,7 @@ textarea.form-control-lg {
3439
3439
  .nav-tabs {
3440
3440
  --tblr-nav-tabs-border-width: 1px;
3441
3441
  --tblr-nav-tabs-border-color: var(--tblr-border-color);
3442
- --tblr-nav-tabs-border-radius: 4px;
3442
+ --tblr-nav-tabs-border-radius: var(--tblr-border-radius);
3443
3443
  --tblr-nav-tabs-link-hover-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
3444
3444
  --tblr-nav-tabs-link-active-color: var(--tblr-body-color);
3445
3445
  --tblr-nav-tabs-link-active-bg: #f1f5f9;
@@ -5047,17 +5047,17 @@ textarea.form-control-lg {
5047
5047
  }
5048
5048
 
5049
5049
  .list-group-item-facebook {
5050
- color: #23355b;
5051
- background-color: #d8deea;
5050
+ color: #0e4791;
5051
+ background-color: #d1e4fc;
5052
5052
  }
5053
5053
  .list-group-item-facebook.list-group-item-action:hover, .list-group-item-facebook.list-group-item-action:focus {
5054
- color: #23355b;
5055
- background-color: #c2c8d3;
5054
+ color: #0e4791;
5055
+ background-color: #bccde3;
5056
5056
  }
5057
5057
  .list-group-item-facebook.list-group-item-action.active {
5058
5058
  color: #ffffff;
5059
- background-color: #23355b;
5060
- border-color: #23355b;
5059
+ background-color: #0e4791;
5060
+ border-color: #0e4791;
5061
5061
  }
5062
5062
 
5063
5063
  .list-group-item-twitter {
@@ -6922,7 +6922,7 @@ textarea.form-control-lg {
6922
6922
 
6923
6923
  .text-bg-facebook {
6924
6924
  color: #f8fafc !important;
6925
- background-color: RGBA(59, 89, 152, var(--tblr-bg-opacity, 1)) !important;
6925
+ background-color: RGBA(24, 119, 242, var(--tblr-bg-opacity, 1)) !important;
6926
6926
  }
6927
6927
 
6928
6928
  .text-bg-twitter {
@@ -7143,10 +7143,10 @@ textarea.form-control-lg {
7143
7143
  }
7144
7144
 
7145
7145
  .link-facebook {
7146
- color: #3b5998 !important;
7146
+ color: #1877F2 !important;
7147
7147
  }
7148
7148
  .link-facebook:hover, .link-facebook:focus {
7149
- color: #2f477a !important;
7149
+ color: #135fc2 !important;
7150
7150
  }
7151
7151
 
7152
7152
  .link-twitter {
@@ -12125,10 +12125,10 @@ textarea.form-control-lg {
12125
12125
  --tblr-cyan-fg: var(--tblr-light);
12126
12126
  --tblr-cyan-darken: #1592a6;
12127
12127
  --tblr-cyan-rgb: 23, 162, 184;
12128
- --tblr-facebook: #3b5998;
12128
+ --tblr-facebook: #1877F2;
12129
12129
  --tblr-facebook-fg: var(--tblr-light);
12130
- --tblr-facebook-darken: #355089;
12131
- --tblr-facebook-rgb: 59, 89, 152;
12130
+ --tblr-facebook-darken: #166bda;
12131
+ --tblr-facebook-rgb: 24, 119, 242;
12132
12132
  --tblr-twitter: #1da1f2;
12133
12133
  --tblr-twitter-fg: var(--tblr-light);
12134
12134
  --tblr-twitter-darken: #1a91da;
@@ -12238,6 +12238,9 @@ textarea.form-control-lg {
12238
12238
  --tblr-disabled-color: var(--tblr-gray-300);
12239
12239
  --tblr-code-color: var(--tblr-gray-600);
12240
12240
  --tblr-code-bg: var(--tblr-gray-100);
12241
+ --tblr-dark-mode-border-color: #243049;
12242
+ --tblr-dark-mode-border-color-light: #243049;
12243
+ --tblr-dark-mode-border-color-active: #314264;
12241
12244
  --tblr-font-weight-light: 300;
12242
12245
  --tblr-font-weight-normal: 400;
12243
12246
  --tblr-font-weight-medium: 500;
@@ -12263,6 +12266,107 @@ textarea.form-control-lg {
12263
12266
  --tblr-shadow-card-hover: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
12264
12267
  }
12265
12268
 
12269
+ @-webkit-keyframes pulse {
12270
+ from {
12271
+ opacity: 1;
12272
+ transform: scale3d(0.8, 0.8, 0.8);
12273
+ }
12274
+ 50% {
12275
+ transform: scale3d(1, 1, 1);
12276
+ opacity: 1;
12277
+ }
12278
+ to {
12279
+ opacity: 1;
12280
+ transform: scale3d(0.8, 0.8, 0.8);
12281
+ }
12282
+ }
12283
+
12284
+ @keyframes pulse {
12285
+ from {
12286
+ opacity: 1;
12287
+ transform: scale3d(0.8, 0.8, 0.8);
12288
+ }
12289
+ 50% {
12290
+ transform: scale3d(1, 1, 1);
12291
+ opacity: 1;
12292
+ }
12293
+ to {
12294
+ opacity: 1;
12295
+ transform: scale3d(0.8, 0.8, 0.8);
12296
+ }
12297
+ }
12298
+ @-webkit-keyframes tada {
12299
+ 0% {
12300
+ transform: scale3d(1, 1, 1);
12301
+ }
12302
+ 10%, 5% {
12303
+ transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
12304
+ }
12305
+ 15%, 25%, 35%, 45% {
12306
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
12307
+ }
12308
+ 20%, 30%, 40% {
12309
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
12310
+ }
12311
+ 50% {
12312
+ transform: scale3d(1, 1, 1);
12313
+ }
12314
+ }
12315
+ @keyframes tada {
12316
+ 0% {
12317
+ transform: scale3d(1, 1, 1);
12318
+ }
12319
+ 10%, 5% {
12320
+ transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
12321
+ }
12322
+ 15%, 25%, 35%, 45% {
12323
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
12324
+ }
12325
+ 20%, 30%, 40% {
12326
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
12327
+ }
12328
+ 50% {
12329
+ transform: scale3d(1, 1, 1);
12330
+ }
12331
+ }
12332
+ @-webkit-keyframes rotate-360 {
12333
+ from {
12334
+ transform: rotate(0deg);
12335
+ }
12336
+ to {
12337
+ transform: rotate(360deg);
12338
+ }
12339
+ }
12340
+ @keyframes rotate-360 {
12341
+ from {
12342
+ transform: rotate(0deg);
12343
+ }
12344
+ to {
12345
+ transform: rotate(360deg);
12346
+ }
12347
+ }
12348
+ @-webkit-keyframes blink {
12349
+ from {
12350
+ opacity: 0;
12351
+ }
12352
+ 50% {
12353
+ opacity: 1;
12354
+ }
12355
+ to {
12356
+ opacity: 0;
12357
+ }
12358
+ }
12359
+ @keyframes blink {
12360
+ from {
12361
+ opacity: 0;
12362
+ }
12363
+ 50% {
12364
+ opacity: 1;
12365
+ }
12366
+ to {
12367
+ opacity: 0;
12368
+ }
12369
+ }
12266
12370
  body {
12267
12371
  overflow-y: scroll;
12268
12372
  letter-spacing: 0;
@@ -12349,12 +12453,16 @@ body {
12349
12453
  Navbar
12350
12454
  */
12351
12455
  .navbar {
12352
- --tblr-navbar-border-color: var(--tblr-border-color);
12353
12456
  --tblr-navbar-border-width: var(--tblr-border-width);
12354
12457
  --tblr-navbar-active-border-color: var(--tblr-primary);
12458
+ --tblr-navbar-active-bg: rgba(0, 0, 0, 0.06);
12459
+ --tblr-navbar-bg: transparent;
12355
12460
  align-items: stretch;
12356
12461
  min-height: 3.5rem;
12357
- background: transparent;
12462
+ box-shadow: inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);
12463
+ background: var(--tblr-navbar-bg);
12464
+ --tblr-navbar-active-bg: rgba(0, 0, 0, 0.06);
12465
+ --tblr-navbar-bg: transparent;
12358
12466
  color: var(--tblr-body-color);
12359
12467
  }
12360
12468
  .navbar-collapse .navbar {
@@ -12363,31 +12471,6 @@ Navbar
12363
12471
  .navbar.collapsing {
12364
12472
  min-height: 0;
12365
12473
  }
12366
- .navbar::-webkit-scrollbar {
12367
- width: 0.5rem;
12368
- height: 0.5rem;
12369
- -webkit-transition: background 0.3s;
12370
- transition: background 0.3s;
12371
- }
12372
- @media (prefers-reduced-motion: reduce) {
12373
- .navbar::-webkit-scrollbar {
12374
- -webkit-transition: none;
12375
- transition: none;
12376
- }
12377
- }
12378
- .navbar::-webkit-scrollbar-thumb {
12379
- border-radius: 5px;
12380
- background: rgba(var(--tblr-body-color-rgb), 0.16);
12381
- }
12382
- .navbar::-webkit-scrollbar-track {
12383
- background: rgba(var(--tblr-body-color-rgb), 0.06);
12384
- }
12385
- .navbar:hover::-webkit-scrollbar-thumb {
12386
- background: rgba(var(--tblr-body-color-rgb), 0.32);
12387
- }
12388
- .navbar::-webkit-scrollbar-corner {
12389
- background: transparent;
12390
- }
12391
12474
  .navbar .navbar-brand {
12392
12475
  color: var(--tblr-body-color);
12393
12476
  }
@@ -12424,34 +12507,12 @@ Navbar
12424
12507
  }
12425
12508
  @media not print {
12426
12509
  .theme-dark .navbar {
12427
- background: #1d273b;
12510
+ --tblr-navbar-border-color: #243049;
12511
+ --tblr-navbar-bg: #1d273b;
12512
+ --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
12513
+ --tblr-navbar-bg: #1d273b;
12428
12514
  color: rgba(255, 255, 255, 0.7);
12429
12515
  }
12430
- .theme-dark .navbar::-webkit-scrollbar {
12431
- width: 0.5rem;
12432
- height: 0.5rem;
12433
- -webkit-transition: background 0.3s;
12434
- transition: background 0.3s;
12435
- }
12436
- @media (prefers-reduced-motion: reduce) {
12437
- .theme-dark .navbar::-webkit-scrollbar {
12438
- -webkit-transition: none;
12439
- transition: none;
12440
- }
12441
- }
12442
- .theme-dark .navbar::-webkit-scrollbar-thumb {
12443
- border-radius: 5px;
12444
- background: rgba(var(--tblr-body-color-rgb), 0.16);
12445
- }
12446
- .theme-dark .navbar::-webkit-scrollbar-track {
12447
- background: rgba(var(--tblr-body-color-rgb), 0.06);
12448
- }
12449
- .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
12450
- background: rgba(var(--tblr-body-color-rgb), 0.32);
12451
- }
12452
- .theme-dark .navbar::-webkit-scrollbar-corner {
12453
- background: transparent;
12454
- }
12455
12516
  .theme-dark .navbar .navbar-brand {
12456
12517
  color: #ffffff;
12457
12518
  }
@@ -12511,70 +12572,16 @@ Navbar
12511
12572
  .theme-dark .navbar::-webkit-scrollbar-corner {
12512
12573
  background: transparent;
12513
12574
  }
12514
- .theme-dark .navbar .input-icon-addon {
12515
- color: rgba(248, 250, 252, 0.64);
12516
- }
12517
- .theme-dark .navbar .form-control {
12518
- border-color: transparent;
12519
- background-color: rgba(0, 0, 0, 0.1);
12520
- }
12521
- .theme-dark .navbar .form-control::-webkit-input-placeholder {
12522
- color: rgba(248, 250, 252, 0.64);
12523
- }
12524
- .theme-dark .navbar .form-control::-moz-placeholder {
12525
- color: rgba(248, 250, 252, 0.64);
12526
- }
12527
- .theme-dark .navbar .form-control:-ms-input-placeholder {
12528
- color: rgba(248, 250, 252, 0.64);
12529
- }
12530
- .theme-dark .navbar .form-control::-ms-input-placeholder {
12531
- color: rgba(248, 250, 252, 0.64);
12532
- }
12533
- .theme-dark .navbar .form-control::placeholder {
12534
- color: rgba(248, 250, 252, 0.64);
12535
- }
12536
12575
  }
12537
12576
  @media not print {
12538
12577
  @media (prefers-color-scheme: dark) {
12539
12578
  .theme-dark-auto .navbar {
12540
- background: #1d273b;
12579
+ --tblr-navbar-border-color: #243049;
12580
+ --tblr-navbar-bg: #1d273b;
12581
+ --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
12582
+ --tblr-navbar-bg: #1d273b;
12541
12583
  color: rgba(255, 255, 255, 0.7);
12542
12584
  }
12543
- .theme-dark-auto .navbar::-webkit-scrollbar {
12544
- width: 0.5rem;
12545
- height: 0.5rem;
12546
- -webkit-transition: background 0.3s;
12547
- transition: background 0.3s;
12548
- }
12549
- }
12550
- @media (prefers-color-scheme: dark) and (prefers-reduced-motion: reduce) {
12551
- .theme-dark-auto .navbar::-webkit-scrollbar {
12552
- -webkit-transition: none;
12553
- transition: none;
12554
- }
12555
- }
12556
- @media (prefers-color-scheme: dark) {
12557
- .theme-dark-auto .navbar::-webkit-scrollbar-thumb {
12558
- border-radius: 5px;
12559
- background: rgba(var(--tblr-body-color-rgb), 0.16);
12560
- }
12561
- }
12562
- @media (prefers-color-scheme: dark) {
12563
- .theme-dark-auto .navbar::-webkit-scrollbar-track {
12564
- background: rgba(var(--tblr-body-color-rgb), 0.06);
12565
- }
12566
- }
12567
- @media (prefers-color-scheme: dark) {
12568
- .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
12569
- background: rgba(var(--tblr-body-color-rgb), 0.32);
12570
- }
12571
- }
12572
- @media (prefers-color-scheme: dark) {
12573
- .theme-dark-auto .navbar::-webkit-scrollbar-corner {
12574
- background: transparent;
12575
- }
12576
- }
12577
- @media (prefers-color-scheme: dark) {
12578
12585
  .theme-dark-auto .navbar .navbar-brand {
12579
12586
  color: #ffffff;
12580
12587
  }
@@ -12582,8 +12589,6 @@ Navbar
12582
12589
  color: #ffffff;
12583
12590
  opacity: 0.8;
12584
12591
  }
12585
- }
12586
- @media (prefers-color-scheme: dark) {
12587
12592
  .theme-dark-auto .navbar .navbar-nav .nav-link {
12588
12593
  color: rgba(255, 255, 255, 0.7);
12589
12594
  }
@@ -12599,14 +12604,10 @@ Navbar
12599
12604
  .theme-dark-auto .navbar .navbar-nav .nav-link.active {
12600
12605
  color: #ffffff;
12601
12606
  }
12602
- }
12603
- @media (prefers-color-scheme: dark) {
12604
12607
  .theme-dark-auto .navbar .navbar-toggler {
12605
12608
  color: #ffffff;
12606
12609
  border-color: transparent;
12607
12610
  }
12608
- }
12609
- @media (prefers-color-scheme: dark) {
12610
12611
  .theme-dark-auto .navbar .navbar-text {
12611
12612
  color: rgba(255, 255, 255, 0.7);
12612
12613
  }
@@ -12615,8 +12616,6 @@ Navbar
12615
12616
  .theme-dark-auto .navbar .navbar-text a:focus {
12616
12617
  color: rgba(255, 255, 255, 0.7);
12617
12618
  }
12618
- }
12619
- @media (prefers-color-scheme: dark) {
12620
12619
  .theme-dark-auto .navbar::-webkit-scrollbar {
12621
12620
  width: 0.5rem;
12622
12621
  height: 0.5rem;
@@ -12651,32 +12650,6 @@ Navbar
12651
12650
  background: transparent;
12652
12651
  }
12653
12652
  }
12654
- @media (prefers-color-scheme: dark) {
12655
- .theme-dark-auto .navbar .input-icon-addon {
12656
- color: rgba(248, 250, 252, 0.64);
12657
- }
12658
- }
12659
- @media (prefers-color-scheme: dark) {
12660
- .theme-dark-auto .navbar .form-control {
12661
- border-color: transparent;
12662
- background-color: rgba(0, 0, 0, 0.1);
12663
- }
12664
- .theme-dark-auto .navbar .form-control::-webkit-input-placeholder {
12665
- color: rgba(248, 250, 252, 0.64);
12666
- }
12667
- .theme-dark-auto .navbar .form-control::-moz-placeholder {
12668
- color: rgba(248, 250, 252, 0.64);
12669
- }
12670
- .theme-dark-auto .navbar .form-control:-ms-input-placeholder {
12671
- color: rgba(248, 250, 252, 0.64);
12672
- }
12673
- .theme-dark-auto .navbar .form-control::-ms-input-placeholder {
12674
- color: rgba(248, 250, 252, 0.64);
12675
- }
12676
- .theme-dark-auto .navbar .form-control::placeholder {
12677
- color: rgba(248, 250, 252, 0.64);
12678
- }
12679
- }
12680
12653
  }
12681
12654
  .navbar .dropdown-menu {
12682
12655
  position: absolute;
@@ -12741,6 +12714,9 @@ Navbar
12741
12714
  padding-left: 2.5rem;
12742
12715
  color: inherit;
12743
12716
  }
12717
+ .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
12718
+ background: var(--tblr-navbar-active-bg);
12719
+ }
12744
12720
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
12745
12721
  padding-left: 4rem;
12746
12722
  }
@@ -12830,6 +12806,9 @@ Navbar
12830
12806
  padding-left: 2.5rem;
12831
12807
  color: inherit;
12832
12808
  }
12809
+ .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
12810
+ background: var(--tblr-navbar-active-bg);
12811
+ }
12833
12812
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
12834
12813
  padding-left: 4rem;
12835
12814
  }
@@ -12919,6 +12898,9 @@ Navbar
12919
12898
  padding-left: 2.5rem;
12920
12899
  color: inherit;
12921
12900
  }
12901
+ .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
12902
+ background: var(--tblr-navbar-active-bg);
12903
+ }
12922
12904
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
12923
12905
  padding-left: 4rem;
12924
12906
  }
@@ -13008,6 +12990,9 @@ Navbar
13008
12990
  padding-left: 2.5rem;
13009
12991
  color: inherit;
13010
12992
  }
12993
+ .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
12994
+ background: var(--tblr-navbar-active-bg);
12995
+ }
13011
12996
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13012
12997
  padding-left: 4rem;
13013
12998
  }
@@ -13097,6 +13082,9 @@ Navbar
13097
13082
  padding-left: 2.5rem;
13098
13083
  color: inherit;
13099
13084
  }
13085
+ .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
13086
+ background: var(--tblr-navbar-active-bg);
13087
+ }
13100
13088
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13101
13089
  padding-left: 4rem;
13102
13090
  }
@@ -13185,6 +13173,9 @@ Navbar
13185
13173
  padding-left: 2.5rem;
13186
13174
  color: inherit;
13187
13175
  }
13176
+ .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
13177
+ background: var(--tblr-navbar-active-bg);
13178
+ }
13188
13179
  .navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13189
13180
  padding-left: 4rem;
13190
13181
  }
@@ -13321,42 +13312,20 @@ Navbar toggler
13321
13312
  Navbar light
13322
13313
  */
13323
13314
  .navbar-light {
13324
- box-shadow: inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);
13325
- background-color: #ffffff;
13315
+ --tblr-navbar-border-color: var(--tblr-border-color);
13316
+ --tblr-navbar-bg: var(--tblr-bg-surface);
13326
13317
  }
13327
13318
 
13328
13319
  /**
13329
13320
  Navbar dark
13330
13321
  */
13331
13322
  .navbar-dark {
13332
- background: #1d273b;
13323
+ --tblr-navbar-border-color: #243049;
13324
+ --tblr-navbar-bg: #1d273b;
13325
+ --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
13326
+ --tblr-navbar-bg: #1d273b;
13333
13327
  color: rgba(255, 255, 255, 0.7);
13334
13328
  }
13335
- .navbar-dark::-webkit-scrollbar {
13336
- width: 0.5rem;
13337
- height: 0.5rem;
13338
- -webkit-transition: background 0.3s;
13339
- transition: background 0.3s;
13340
- }
13341
- @media (prefers-reduced-motion: reduce) {
13342
- .navbar-dark::-webkit-scrollbar {
13343
- -webkit-transition: none;
13344
- transition: none;
13345
- }
13346
- }
13347
- .navbar-dark::-webkit-scrollbar-thumb {
13348
- border-radius: 5px;
13349
- background: rgba(var(--tblr-body-color-rgb), 0.16);
13350
- }
13351
- .navbar-dark::-webkit-scrollbar-track {
13352
- background: rgba(var(--tblr-body-color-rgb), 0.06);
13353
- }
13354
- .navbar-dark:hover::-webkit-scrollbar-thumb {
13355
- background: rgba(var(--tblr-body-color-rgb), 0.32);
13356
- }
13357
- .navbar-dark::-webkit-scrollbar-corner {
13358
- background: transparent;
13359
- }
13360
13329
  .navbar-dark .navbar-brand {
13361
13330
  color: #ffffff;
13362
13331
  }
@@ -13416,27 +13385,13 @@ Navbar dark
13416
13385
  .navbar-dark::-webkit-scrollbar-corner {
13417
13386
  background: transparent;
13418
13387
  }
13419
- .navbar-dark .input-icon-addon {
13420
- color: rgba(248, 250, 252, 0.64);
13421
- }
13422
- .navbar-dark .form-control {
13423
- border-color: transparent;
13424
- background-color: rgba(0, 0, 0, 0.1);
13425
- }
13426
- .navbar-dark .form-control::-webkit-input-placeholder {
13427
- color: rgba(248, 250, 252, 0.64);
13428
- }
13429
- .navbar-dark .form-control::-moz-placeholder {
13430
- color: rgba(248, 250, 252, 0.64);
13431
- }
13432
- .navbar-dark .form-control:-ms-input-placeholder {
13433
- color: rgba(248, 250, 252, 0.64);
13434
- }
13435
- .navbar-dark .form-control::-ms-input-placeholder {
13436
- color: rgba(248, 250, 252, 0.64);
13437
- }
13438
- .navbar-dark .form-control::placeholder {
13439
- color: rgba(248, 250, 252, 0.64);
13388
+
13389
+ /**
13390
+ Navbar transparent
13391
+ */
13392
+ .navbar-transparent {
13393
+ --tblr-navbar-border-color: transparent !important;
13394
+ background: transparent !important;
13440
13395
  }
13441
13396
 
13442
13397
  /**
@@ -13573,6 +13528,9 @@ Navbar vertical
13573
13528
  padding-left: 2.5rem;
13574
13529
  color: inherit;
13575
13530
  }
13531
+ .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
13532
+ background: var(--tblr-navbar-active-bg);
13533
+ }
13576
13534
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13577
13535
  padding-left: 4rem;
13578
13536
  }
@@ -13698,6 +13656,9 @@ Navbar vertical
13698
13656
  padding-left: 2.5rem;
13699
13657
  color: inherit;
13700
13658
  }
13659
+ .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
13660
+ background: var(--tblr-navbar-active-bg);
13661
+ }
13701
13662
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13702
13663
  padding-left: 4rem;
13703
13664
  }
@@ -13823,6 +13784,9 @@ Navbar vertical
13823
13784
  padding-left: 2.5rem;
13824
13785
  color: inherit;
13825
13786
  }
13787
+ .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
13788
+ background: var(--tblr-navbar-active-bg);
13789
+ }
13826
13790
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13827
13791
  padding-left: 4rem;
13828
13792
  }
@@ -13948,6 +13912,9 @@ Navbar vertical
13948
13912
  padding-left: 2.5rem;
13949
13913
  color: inherit;
13950
13914
  }
13915
+ .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
13916
+ background: var(--tblr-navbar-active-bg);
13917
+ }
13951
13918
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
13952
13919
  padding-left: 4rem;
13953
13920
  }
@@ -14073,6 +14040,9 @@ Navbar vertical
14073
14040
  padding-left: 2.5rem;
14074
14041
  color: inherit;
14075
14042
  }
14043
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
14044
+ background: var(--tblr-navbar-active-bg);
14045
+ }
14076
14046
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
14077
14047
  padding-left: 4rem;
14078
14048
  }
@@ -14181,6 +14151,9 @@ Navbar vertical
14181
14151
  padding-left: 2.5rem;
14182
14152
  color: inherit;
14183
14153
  }
14154
+ .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
14155
+ background: var(--tblr-navbar-active-bg);
14156
+ }
14184
14157
  .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
14185
14158
  padding-left: 4rem;
14186
14159
  }
@@ -14330,7 +14303,7 @@ Navbar vertical
14330
14303
 
14331
14304
  .page-subtitle {
14332
14305
  margin-top: 0.25rem;
14333
- color: #616876;
14306
+ color: var(--tblr-muted);
14334
14307
  }
14335
14308
 
14336
14309
  .page-tabs {
@@ -14382,13 +14355,14 @@ body:not(.theme-dark) .hide-theme-light {
14382
14355
  --tblr-link-color: #307fdd;
14383
14356
  --tblr-link-hover-color: #206bc4;
14384
14357
  --tblr-active-bg: #202c42;
14358
+ --tblr-disabled-color: var(--tblr-gray-700);
14385
14359
  --tblr-card-bg: #1a2234;
14386
14360
  --tblr-card-bg-hover: #1a2234;
14387
14361
  --tblr-card-bg-rgb: 26, 34, 52;
14388
14362
  --tblr-card-color: #f8fafc;
14389
- --tblr-border-color: #243049;
14390
- --tblr-border-color-light: #243049;
14391
- --tblr-border-color-active: #314264;
14363
+ --tblr-border-color: var(--tblr-dark-mode-border-color);
14364
+ --tblr-border-color-light: var(--tblr-dark-mode-border-color-light);
14365
+ --tblr-border-color-active: var(--tblr-dark-mode-border-color-active);
14392
14366
  --tblr-btn-color: #1a2234;
14393
14367
  --tblr-code-color: var(--tblr-body-color);
14394
14368
  --tblr-code-bg: #243049;
@@ -14516,13 +14490,14 @@ body:not(.theme-dark) .hide-theme-light {
14516
14490
  --tblr-link-color: #307fdd;
14517
14491
  --tblr-link-hover-color: #206bc4;
14518
14492
  --tblr-active-bg: #202c42;
14493
+ --tblr-disabled-color: var(--tblr-gray-700);
14519
14494
  --tblr-card-bg: #1a2234;
14520
14495
  --tblr-card-bg-hover: #1a2234;
14521
14496
  --tblr-card-bg-rgb: 26, 34, 52;
14522
14497
  --tblr-card-color: #f8fafc;
14523
- --tblr-border-color: #243049;
14524
- --tblr-border-color-light: #243049;
14525
- --tblr-border-color-active: #314264;
14498
+ --tblr-border-color: var(--tblr-dark-mode-border-color);
14499
+ --tblr-border-color-light: var(--tblr-dark-mode-border-color-light);
14500
+ --tblr-border-color-active: var(--tblr-dark-mode-border-color-active);
14526
14501
  --tblr-btn-color: #1a2234;
14527
14502
  --tblr-code-color: var(--tblr-body-color);
14528
14503
  --tblr-code-bg: #243049;
@@ -14657,7 +14632,7 @@ body:not(.theme-dark) .hide-theme-light {
14657
14632
  }
14658
14633
 
14659
14634
  .alert {
14660
- --tblr-alert-color: #616876;
14635
+ --tblr-alert-color: var(--tblr-muted);
14661
14636
  background: #ffffff;
14662
14637
  border: 1px var(--tblr-border-style) var(--tblr-border-color-translucent);
14663
14638
  border-left: 0.25rem var(--tblr-border-style) var(--tblr-alert-color);
@@ -14685,147 +14660,147 @@ body:not(.theme-dark) .hide-theme-light {
14685
14660
  }
14686
14661
 
14687
14662
  .alert-primary {
14688
- --tblr-alert-color: #206bc4;
14663
+ --tblr-alert-color: var(--tblr-primary);
14689
14664
  }
14690
14665
 
14691
14666
  .alert-secondary {
14692
- --tblr-alert-color: #616876;
14667
+ --tblr-alert-color: var(--tblr-secondary);
14693
14668
  }
14694
14669
 
14695
14670
  .alert-success {
14696
- --tblr-alert-color: #2fb344;
14671
+ --tblr-alert-color: var(--tblr-success);
14697
14672
  }
14698
14673
 
14699
14674
  .alert-info {
14700
- --tblr-alert-color: #4299e1;
14675
+ --tblr-alert-color: var(--tblr-info);
14701
14676
  }
14702
14677
 
14703
14678
  .alert-warning {
14704
- --tblr-alert-color: #f76707;
14679
+ --tblr-alert-color: var(--tblr-warning);
14705
14680
  }
14706
14681
 
14707
14682
  .alert-danger {
14708
- --tblr-alert-color: #d63939;
14683
+ --tblr-alert-color: var(--tblr-danger);
14709
14684
  }
14710
14685
 
14711
14686
  .alert-light {
14712
- --tblr-alert-color: #f8fafc;
14687
+ --tblr-alert-color: var(--tblr-light);
14713
14688
  }
14714
14689
 
14715
14690
  .alert-dark {
14716
- --tblr-alert-color: #1d273b;
14691
+ --tblr-alert-color: var(--tblr-dark);
14717
14692
  }
14718
14693
 
14719
14694
  .alert-muted {
14720
- --tblr-alert-color: #616876;
14695
+ --tblr-alert-color: var(--tblr-muted);
14721
14696
  }
14722
14697
 
14723
14698
  .alert-blue {
14724
- --tblr-alert-color: #206bc4;
14699
+ --tblr-alert-color: var(--tblr-blue);
14725
14700
  }
14726
14701
 
14727
14702
  .alert-azure {
14728
- --tblr-alert-color: #4299e1;
14703
+ --tblr-alert-color: var(--tblr-azure);
14729
14704
  }
14730
14705
 
14731
14706
  .alert-indigo {
14732
- --tblr-alert-color: #4263eb;
14707
+ --tblr-alert-color: var(--tblr-indigo);
14733
14708
  }
14734
14709
 
14735
14710
  .alert-purple {
14736
- --tblr-alert-color: #ae3ec9;
14711
+ --tblr-alert-color: var(--tblr-purple);
14737
14712
  }
14738
14713
 
14739
14714
  .alert-pink {
14740
- --tblr-alert-color: #d6336c;
14715
+ --tblr-alert-color: var(--tblr-pink);
14741
14716
  }
14742
14717
 
14743
14718
  .alert-red {
14744
- --tblr-alert-color: #d63939;
14719
+ --tblr-alert-color: var(--tblr-red);
14745
14720
  }
14746
14721
 
14747
14722
  .alert-orange {
14748
- --tblr-alert-color: #f76707;
14723
+ --tblr-alert-color: var(--tblr-orange);
14749
14724
  }
14750
14725
 
14751
14726
  .alert-yellow {
14752
- --tblr-alert-color: #f59f00;
14727
+ --tblr-alert-color: var(--tblr-yellow);
14753
14728
  }
14754
14729
 
14755
14730
  .alert-lime {
14756
- --tblr-alert-color: #74b816;
14731
+ --tblr-alert-color: var(--tblr-lime);
14757
14732
  }
14758
14733
 
14759
14734
  .alert-green {
14760
- --tblr-alert-color: #2fb344;
14735
+ --tblr-alert-color: var(--tblr-green);
14761
14736
  }
14762
14737
 
14763
14738
  .alert-teal {
14764
- --tblr-alert-color: #0ca678;
14739
+ --tblr-alert-color: var(--tblr-teal);
14765
14740
  }
14766
14741
 
14767
14742
  .alert-cyan {
14768
- --tblr-alert-color: #17a2b8;
14743
+ --tblr-alert-color: var(--tblr-cyan);
14769
14744
  }
14770
14745
 
14771
14746
  .alert-facebook {
14772
- --tblr-alert-color: #3b5998;
14747
+ --tblr-alert-color: var(--tblr-facebook);
14773
14748
  }
14774
14749
 
14775
14750
  .alert-twitter {
14776
- --tblr-alert-color: #1da1f2;
14751
+ --tblr-alert-color: var(--tblr-twitter);
14777
14752
  }
14778
14753
 
14779
14754
  .alert-linkedin {
14780
- --tblr-alert-color: #0a66c2;
14755
+ --tblr-alert-color: var(--tblr-linkedin);
14781
14756
  }
14782
14757
 
14783
14758
  .alert-google {
14784
- --tblr-alert-color: #dc4e41;
14759
+ --tblr-alert-color: var(--tblr-google);
14785
14760
  }
14786
14761
 
14787
14762
  .alert-youtube {
14788
- --tblr-alert-color: #ff0000;
14763
+ --tblr-alert-color: var(--tblr-youtube);
14789
14764
  }
14790
14765
 
14791
14766
  .alert-vimeo {
14792
- --tblr-alert-color: #1ab7ea;
14767
+ --tblr-alert-color: var(--tblr-vimeo);
14793
14768
  }
14794
14769
 
14795
14770
  .alert-dribbble {
14796
- --tblr-alert-color: #ea4c89;
14771
+ --tblr-alert-color: var(--tblr-dribbble);
14797
14772
  }
14798
14773
 
14799
14774
  .alert-github {
14800
- --tblr-alert-color: #181717;
14775
+ --tblr-alert-color: var(--tblr-github);
14801
14776
  }
14802
14777
 
14803
14778
  .alert-instagram {
14804
- --tblr-alert-color: #e4405f;
14779
+ --tblr-alert-color: var(--tblr-instagram);
14805
14780
  }
14806
14781
 
14807
14782
  .alert-pinterest {
14808
- --tblr-alert-color: #bd081c;
14783
+ --tblr-alert-color: var(--tblr-pinterest);
14809
14784
  }
14810
14785
 
14811
14786
  .alert-vk {
14812
- --tblr-alert-color: #6383a8;
14787
+ --tblr-alert-color: var(--tblr-vk);
14813
14788
  }
14814
14789
 
14815
14790
  .alert-rss {
14816
- --tblr-alert-color: #ffa500;
14791
+ --tblr-alert-color: var(--tblr-rss);
14817
14792
  }
14818
14793
 
14819
14794
  .alert-flickr {
14820
- --tblr-alert-color: #0063dc;
14795
+ --tblr-alert-color: var(--tblr-flickr);
14821
14796
  }
14822
14797
 
14823
14798
  .alert-bitbucket {
14824
- --tblr-alert-color: #0052cc;
14799
+ --tblr-alert-color: var(--tblr-bitbucket);
14825
14800
  }
14826
14801
 
14827
14802
  .alert-tabler {
14828
- --tblr-alert-color: #206bc4;
14803
+ --tblr-alert-color: var(--tblr-tabler);
14829
14804
  }
14830
14805
 
14831
14806
  .alert-icon {
@@ -14854,7 +14829,7 @@ body:not(.theme-dark) .hide-theme-light {
14854
14829
  display: inline-flex;
14855
14830
  align-items: center;
14856
14831
  justify-content: center;
14857
- color: #616876;
14832
+ color: var(--tblr-muted);
14858
14833
  text-align: center;
14859
14834
  text-transform: uppercase;
14860
14835
  vertical-align: bottom;
@@ -14903,12 +14878,12 @@ a.avatar {
14903
14878
  }
14904
14879
 
14905
14880
  .avatar-md {
14906
- --tblr-avatar-size: 3.75rem;
14881
+ --tblr-avatar-size: 4rem;
14907
14882
  }
14908
14883
 
14909
14884
  .avatar-md .badge:empty {
14910
- width: 0.9375rem;
14911
- height: 0.9375rem;
14885
+ width: 1rem;
14886
+ height: 1rem;
14912
14887
  }
14913
14888
 
14914
14889
  .avatar-lg {
@@ -14939,16 +14914,10 @@ a.avatar {
14939
14914
  }
14940
14915
 
14941
14916
  .avatar-list {
14942
- display: inline-flex;
14943
- padding: 0;
14944
- margin: 0 0 -0.5rem;
14917
+ --tblr-list-gap: 0.5rem;
14918
+ display: flex;
14945
14919
  flex-wrap: wrap;
14946
- }
14947
- .avatar-list .avatar {
14948
- margin-bottom: 0.5rem;
14949
- }
14950
- .avatar-list .avatar:not(:last-child) {
14951
- margin-right: 0.5rem;
14920
+ gap: var(--tblr-list-gap);
14952
14921
  }
14953
14922
  .avatar-list a.avatar:hover {
14954
14923
  z-index: 1;
@@ -15036,12 +15005,6 @@ a.badge {
15036
15005
  stroke-width: 2;
15037
15006
  }
15038
15007
 
15039
- .badge-sm {
15040
- font-size: 0.625rem;
15041
- line-height: 1rem;
15042
- padding: 0 0.25rem;
15043
- }
15044
-
15045
15008
  .badge-outline {
15046
15009
  background-color: transparent;
15047
15010
  border: var(--tblr-border-width) var(--tblr-border-style) currentColor;
@@ -15051,13 +15014,33 @@ a.badge {
15051
15014
  border-radius: 100rem;
15052
15015
  }
15053
15016
 
15017
+ .badges-list {
15018
+ --tblr-list-gap: 0.5rem;
15019
+ display: flex;
15020
+ flex-wrap: wrap;
15021
+ gap: var(--tblr-list-gap);
15022
+ }
15023
+
15024
+ .badge-notification {
15025
+ position: absolute !important;
15026
+ top: 0 !important;
15027
+ right: 0 !important;
15028
+ transform: translate(50%, -50%);
15029
+ z-index: 1;
15030
+ }
15031
+
15032
+ .badge-blink {
15033
+ -webkit-animation: blink 2s infinite;
15034
+ animation: blink 2s infinite;
15035
+ }
15036
+
15054
15037
  .breadcrumb {
15055
15038
  padding: 0;
15056
15039
  margin: 0;
15057
15040
  background: transparent;
15058
15041
  }
15059
15042
  .breadcrumb a {
15060
- color: #616876;
15043
+ color: var(--tblr-muted);
15061
15044
  }
15062
15045
  .breadcrumb a:hover {
15063
15046
  text-decoration: underline;
@@ -15130,12 +15113,12 @@ a.badge {
15130
15113
 
15131
15114
  .btn-primary {
15132
15115
  --tblr-btn-border-color: transparent;
15116
+ --tblr-btn-hover-border-color: transparent;
15117
+ --tblr-btn-active-border-color: transparent;
15133
15118
  --tblr-btn-color: var(--tblr-primary-fg);
15134
15119
  --tblr-btn-bg: var(--tblr-primary);
15135
- --tblr-btn-hover-border-color: transparent;
15136
15120
  --tblr-btn-hover-color: var(--tblr-primary-fg);
15137
15121
  --tblr-btn-hover-bg: rgba(var(--tblr-primary-rgb), .8);
15138
- --tblr-btn-active-border-color: transparent;
15139
15122
  --tblr-btn-active-color: var(--tblr-primary-fg);
15140
15123
  --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), .8);
15141
15124
  --tblr-btn-disabled-bg: var(--tblr-primary);
@@ -15158,12 +15141,12 @@ a.badge {
15158
15141
 
15159
15142
  .btn-secondary {
15160
15143
  --tblr-btn-border-color: transparent;
15144
+ --tblr-btn-hover-border-color: transparent;
15145
+ --tblr-btn-active-border-color: transparent;
15161
15146
  --tblr-btn-color: var(--tblr-secondary-fg);
15162
15147
  --tblr-btn-bg: var(--tblr-secondary);
15163
- --tblr-btn-hover-border-color: transparent;
15164
15148
  --tblr-btn-hover-color: var(--tblr-secondary-fg);
15165
15149
  --tblr-btn-hover-bg: rgba(var(--tblr-secondary-rgb), .8);
15166
- --tblr-btn-active-border-color: transparent;
15167
15150
  --tblr-btn-active-color: var(--tblr-secondary-fg);
15168
15151
  --tblr-btn-active-bg: rgba(var(--tblr-secondary-rgb), .8);
15169
15152
  --tblr-btn-disabled-bg: var(--tblr-secondary);
@@ -15186,12 +15169,12 @@ a.badge {
15186
15169
 
15187
15170
  .btn-success {
15188
15171
  --tblr-btn-border-color: transparent;
15172
+ --tblr-btn-hover-border-color: transparent;
15173
+ --tblr-btn-active-border-color: transparent;
15189
15174
  --tblr-btn-color: var(--tblr-success-fg);
15190
15175
  --tblr-btn-bg: var(--tblr-success);
15191
- --tblr-btn-hover-border-color: transparent;
15192
15176
  --tblr-btn-hover-color: var(--tblr-success-fg);
15193
15177
  --tblr-btn-hover-bg: rgba(var(--tblr-success-rgb), .8);
15194
- --tblr-btn-active-border-color: transparent;
15195
15178
  --tblr-btn-active-color: var(--tblr-success-fg);
15196
15179
  --tblr-btn-active-bg: rgba(var(--tblr-success-rgb), .8);
15197
15180
  --tblr-btn-disabled-bg: var(--tblr-success);
@@ -15214,12 +15197,12 @@ a.badge {
15214
15197
 
15215
15198
  .btn-info {
15216
15199
  --tblr-btn-border-color: transparent;
15200
+ --tblr-btn-hover-border-color: transparent;
15201
+ --tblr-btn-active-border-color: transparent;
15217
15202
  --tblr-btn-color: var(--tblr-info-fg);
15218
15203
  --tblr-btn-bg: var(--tblr-info);
15219
- --tblr-btn-hover-border-color: transparent;
15220
15204
  --tblr-btn-hover-color: var(--tblr-info-fg);
15221
15205
  --tblr-btn-hover-bg: rgba(var(--tblr-info-rgb), .8);
15222
- --tblr-btn-active-border-color: transparent;
15223
15206
  --tblr-btn-active-color: var(--tblr-info-fg);
15224
15207
  --tblr-btn-active-bg: rgba(var(--tblr-info-rgb), .8);
15225
15208
  --tblr-btn-disabled-bg: var(--tblr-info);
@@ -15242,12 +15225,12 @@ a.badge {
15242
15225
 
15243
15226
  .btn-warning {
15244
15227
  --tblr-btn-border-color: transparent;
15228
+ --tblr-btn-hover-border-color: transparent;
15229
+ --tblr-btn-active-border-color: transparent;
15245
15230
  --tblr-btn-color: var(--tblr-warning-fg);
15246
15231
  --tblr-btn-bg: var(--tblr-warning);
15247
- --tblr-btn-hover-border-color: transparent;
15248
15232
  --tblr-btn-hover-color: var(--tblr-warning-fg);
15249
15233
  --tblr-btn-hover-bg: rgba(var(--tblr-warning-rgb), .8);
15250
- --tblr-btn-active-border-color: transparent;
15251
15234
  --tblr-btn-active-color: var(--tblr-warning-fg);
15252
15235
  --tblr-btn-active-bg: rgba(var(--tblr-warning-rgb), .8);
15253
15236
  --tblr-btn-disabled-bg: var(--tblr-warning);
@@ -15270,12 +15253,12 @@ a.badge {
15270
15253
 
15271
15254
  .btn-danger {
15272
15255
  --tblr-btn-border-color: transparent;
15256
+ --tblr-btn-hover-border-color: transparent;
15257
+ --tblr-btn-active-border-color: transparent;
15273
15258
  --tblr-btn-color: var(--tblr-danger-fg);
15274
15259
  --tblr-btn-bg: var(--tblr-danger);
15275
- --tblr-btn-hover-border-color: transparent;
15276
15260
  --tblr-btn-hover-color: var(--tblr-danger-fg);
15277
15261
  --tblr-btn-hover-bg: rgba(var(--tblr-danger-rgb), .8);
15278
- --tblr-btn-active-border-color: transparent;
15279
15262
  --tblr-btn-active-color: var(--tblr-danger-fg);
15280
15263
  --tblr-btn-active-bg: rgba(var(--tblr-danger-rgb), .8);
15281
15264
  --tblr-btn-disabled-bg: var(--tblr-danger);
@@ -15298,12 +15281,12 @@ a.badge {
15298
15281
 
15299
15282
  .btn-light {
15300
15283
  --tblr-btn-border-color: transparent;
15284
+ --tblr-btn-hover-border-color: transparent;
15285
+ --tblr-btn-active-border-color: transparent;
15301
15286
  --tblr-btn-color: var(--tblr-light-fg);
15302
15287
  --tblr-btn-bg: var(--tblr-light);
15303
- --tblr-btn-hover-border-color: transparent;
15304
15288
  --tblr-btn-hover-color: var(--tblr-light-fg);
15305
15289
  --tblr-btn-hover-bg: rgba(var(--tblr-light-rgb), .8);
15306
- --tblr-btn-active-border-color: transparent;
15307
15290
  --tblr-btn-active-color: var(--tblr-light-fg);
15308
15291
  --tblr-btn-active-bg: rgba(var(--tblr-light-rgb), .8);
15309
15292
  --tblr-btn-disabled-bg: var(--tblr-light);
@@ -15325,13 +15308,13 @@ a.badge {
15325
15308
  }
15326
15309
 
15327
15310
  .btn-dark {
15328
- --tblr-btn-border-color: transparent;
15311
+ --tblr-btn-border-color: var(--tblr-dark-mode-border-color);
15312
+ --tblr-btn-hover-border-color: var(--tblr-dark-mode-border-color-active);
15313
+ --tblr-btn-active-border-color: var(--tblr-dark-mode-border-color-active);
15329
15314
  --tblr-btn-color: var(--tblr-dark-fg);
15330
15315
  --tblr-btn-bg: var(--tblr-dark);
15331
- --tblr-btn-hover-border-color: transparent;
15332
15316
  --tblr-btn-hover-color: var(--tblr-dark-fg);
15333
15317
  --tblr-btn-hover-bg: rgba(var(--tblr-dark-rgb), .8);
15334
- --tblr-btn-active-border-color: transparent;
15335
15318
  --tblr-btn-active-color: var(--tblr-dark-fg);
15336
15319
  --tblr-btn-active-bg: rgba(var(--tblr-dark-rgb), .8);
15337
15320
  --tblr-btn-disabled-bg: var(--tblr-dark);
@@ -15354,12 +15337,12 @@ a.badge {
15354
15337
 
15355
15338
  .btn-muted {
15356
15339
  --tblr-btn-border-color: transparent;
15340
+ --tblr-btn-hover-border-color: transparent;
15341
+ --tblr-btn-active-border-color: transparent;
15357
15342
  --tblr-btn-color: var(--tblr-muted-fg);
15358
15343
  --tblr-btn-bg: var(--tblr-muted);
15359
- --tblr-btn-hover-border-color: transparent;
15360
15344
  --tblr-btn-hover-color: var(--tblr-muted-fg);
15361
15345
  --tblr-btn-hover-bg: rgba(var(--tblr-muted-rgb), .8);
15362
- --tblr-btn-active-border-color: transparent;
15363
15346
  --tblr-btn-active-color: var(--tblr-muted-fg);
15364
15347
  --tblr-btn-active-bg: rgba(var(--tblr-muted-rgb), .8);
15365
15348
  --tblr-btn-disabled-bg: var(--tblr-muted);
@@ -15382,12 +15365,12 @@ a.badge {
15382
15365
 
15383
15366
  .btn-blue {
15384
15367
  --tblr-btn-border-color: transparent;
15368
+ --tblr-btn-hover-border-color: transparent;
15369
+ --tblr-btn-active-border-color: transparent;
15385
15370
  --tblr-btn-color: var(--tblr-blue-fg);
15386
15371
  --tblr-btn-bg: var(--tblr-blue);
15387
- --tblr-btn-hover-border-color: transparent;
15388
15372
  --tblr-btn-hover-color: var(--tblr-blue-fg);
15389
15373
  --tblr-btn-hover-bg: rgba(var(--tblr-blue-rgb), .8);
15390
- --tblr-btn-active-border-color: transparent;
15391
15374
  --tblr-btn-active-color: var(--tblr-blue-fg);
15392
15375
  --tblr-btn-active-bg: rgba(var(--tblr-blue-rgb), .8);
15393
15376
  --tblr-btn-disabled-bg: var(--tblr-blue);
@@ -15410,12 +15393,12 @@ a.badge {
15410
15393
 
15411
15394
  .btn-azure {
15412
15395
  --tblr-btn-border-color: transparent;
15396
+ --tblr-btn-hover-border-color: transparent;
15397
+ --tblr-btn-active-border-color: transparent;
15413
15398
  --tblr-btn-color: var(--tblr-azure-fg);
15414
15399
  --tblr-btn-bg: var(--tblr-azure);
15415
- --tblr-btn-hover-border-color: transparent;
15416
15400
  --tblr-btn-hover-color: var(--tblr-azure-fg);
15417
15401
  --tblr-btn-hover-bg: rgba(var(--tblr-azure-rgb), .8);
15418
- --tblr-btn-active-border-color: transparent;
15419
15402
  --tblr-btn-active-color: var(--tblr-azure-fg);
15420
15403
  --tblr-btn-active-bg: rgba(var(--tblr-azure-rgb), .8);
15421
15404
  --tblr-btn-disabled-bg: var(--tblr-azure);
@@ -15438,12 +15421,12 @@ a.badge {
15438
15421
 
15439
15422
  .btn-indigo {
15440
15423
  --tblr-btn-border-color: transparent;
15424
+ --tblr-btn-hover-border-color: transparent;
15425
+ --tblr-btn-active-border-color: transparent;
15441
15426
  --tblr-btn-color: var(--tblr-indigo-fg);
15442
15427
  --tblr-btn-bg: var(--tblr-indigo);
15443
- --tblr-btn-hover-border-color: transparent;
15444
15428
  --tblr-btn-hover-color: var(--tblr-indigo-fg);
15445
15429
  --tblr-btn-hover-bg: rgba(var(--tblr-indigo-rgb), .8);
15446
- --tblr-btn-active-border-color: transparent;
15447
15430
  --tblr-btn-active-color: var(--tblr-indigo-fg);
15448
15431
  --tblr-btn-active-bg: rgba(var(--tblr-indigo-rgb), .8);
15449
15432
  --tblr-btn-disabled-bg: var(--tblr-indigo);
@@ -15466,12 +15449,12 @@ a.badge {
15466
15449
 
15467
15450
  .btn-purple {
15468
15451
  --tblr-btn-border-color: transparent;
15452
+ --tblr-btn-hover-border-color: transparent;
15453
+ --tblr-btn-active-border-color: transparent;
15469
15454
  --tblr-btn-color: var(--tblr-purple-fg);
15470
15455
  --tblr-btn-bg: var(--tblr-purple);
15471
- --tblr-btn-hover-border-color: transparent;
15472
15456
  --tblr-btn-hover-color: var(--tblr-purple-fg);
15473
15457
  --tblr-btn-hover-bg: rgba(var(--tblr-purple-rgb), .8);
15474
- --tblr-btn-active-border-color: transparent;
15475
15458
  --tblr-btn-active-color: var(--tblr-purple-fg);
15476
15459
  --tblr-btn-active-bg: rgba(var(--tblr-purple-rgb), .8);
15477
15460
  --tblr-btn-disabled-bg: var(--tblr-purple);
@@ -15494,12 +15477,12 @@ a.badge {
15494
15477
 
15495
15478
  .btn-pink {
15496
15479
  --tblr-btn-border-color: transparent;
15480
+ --tblr-btn-hover-border-color: transparent;
15481
+ --tblr-btn-active-border-color: transparent;
15497
15482
  --tblr-btn-color: var(--tblr-pink-fg);
15498
15483
  --tblr-btn-bg: var(--tblr-pink);
15499
- --tblr-btn-hover-border-color: transparent;
15500
15484
  --tblr-btn-hover-color: var(--tblr-pink-fg);
15501
15485
  --tblr-btn-hover-bg: rgba(var(--tblr-pink-rgb), .8);
15502
- --tblr-btn-active-border-color: transparent;
15503
15486
  --tblr-btn-active-color: var(--tblr-pink-fg);
15504
15487
  --tblr-btn-active-bg: rgba(var(--tblr-pink-rgb), .8);
15505
15488
  --tblr-btn-disabled-bg: var(--tblr-pink);
@@ -15522,12 +15505,12 @@ a.badge {
15522
15505
 
15523
15506
  .btn-red {
15524
15507
  --tblr-btn-border-color: transparent;
15508
+ --tblr-btn-hover-border-color: transparent;
15509
+ --tblr-btn-active-border-color: transparent;
15525
15510
  --tblr-btn-color: var(--tblr-red-fg);
15526
15511
  --tblr-btn-bg: var(--tblr-red);
15527
- --tblr-btn-hover-border-color: transparent;
15528
15512
  --tblr-btn-hover-color: var(--tblr-red-fg);
15529
15513
  --tblr-btn-hover-bg: rgba(var(--tblr-red-rgb), .8);
15530
- --tblr-btn-active-border-color: transparent;
15531
15514
  --tblr-btn-active-color: var(--tblr-red-fg);
15532
15515
  --tblr-btn-active-bg: rgba(var(--tblr-red-rgb), .8);
15533
15516
  --tblr-btn-disabled-bg: var(--tblr-red);
@@ -15550,12 +15533,12 @@ a.badge {
15550
15533
 
15551
15534
  .btn-orange {
15552
15535
  --tblr-btn-border-color: transparent;
15536
+ --tblr-btn-hover-border-color: transparent;
15537
+ --tblr-btn-active-border-color: transparent;
15553
15538
  --tblr-btn-color: var(--tblr-orange-fg);
15554
15539
  --tblr-btn-bg: var(--tblr-orange);
15555
- --tblr-btn-hover-border-color: transparent;
15556
15540
  --tblr-btn-hover-color: var(--tblr-orange-fg);
15557
15541
  --tblr-btn-hover-bg: rgba(var(--tblr-orange-rgb), .8);
15558
- --tblr-btn-active-border-color: transparent;
15559
15542
  --tblr-btn-active-color: var(--tblr-orange-fg);
15560
15543
  --tblr-btn-active-bg: rgba(var(--tblr-orange-rgb), .8);
15561
15544
  --tblr-btn-disabled-bg: var(--tblr-orange);
@@ -15578,12 +15561,12 @@ a.badge {
15578
15561
 
15579
15562
  .btn-yellow {
15580
15563
  --tblr-btn-border-color: transparent;
15564
+ --tblr-btn-hover-border-color: transparent;
15565
+ --tblr-btn-active-border-color: transparent;
15581
15566
  --tblr-btn-color: var(--tblr-yellow-fg);
15582
15567
  --tblr-btn-bg: var(--tblr-yellow);
15583
- --tblr-btn-hover-border-color: transparent;
15584
15568
  --tblr-btn-hover-color: var(--tblr-yellow-fg);
15585
15569
  --tblr-btn-hover-bg: rgba(var(--tblr-yellow-rgb), .8);
15586
- --tblr-btn-active-border-color: transparent;
15587
15570
  --tblr-btn-active-color: var(--tblr-yellow-fg);
15588
15571
  --tblr-btn-active-bg: rgba(var(--tblr-yellow-rgb), .8);
15589
15572
  --tblr-btn-disabled-bg: var(--tblr-yellow);
@@ -15606,12 +15589,12 @@ a.badge {
15606
15589
 
15607
15590
  .btn-lime {
15608
15591
  --tblr-btn-border-color: transparent;
15592
+ --tblr-btn-hover-border-color: transparent;
15593
+ --tblr-btn-active-border-color: transparent;
15609
15594
  --tblr-btn-color: var(--tblr-lime-fg);
15610
15595
  --tblr-btn-bg: var(--tblr-lime);
15611
- --tblr-btn-hover-border-color: transparent;
15612
15596
  --tblr-btn-hover-color: var(--tblr-lime-fg);
15613
15597
  --tblr-btn-hover-bg: rgba(var(--tblr-lime-rgb), .8);
15614
- --tblr-btn-active-border-color: transparent;
15615
15598
  --tblr-btn-active-color: var(--tblr-lime-fg);
15616
15599
  --tblr-btn-active-bg: rgba(var(--tblr-lime-rgb), .8);
15617
15600
  --tblr-btn-disabled-bg: var(--tblr-lime);
@@ -15634,12 +15617,12 @@ a.badge {
15634
15617
 
15635
15618
  .btn-green {
15636
15619
  --tblr-btn-border-color: transparent;
15620
+ --tblr-btn-hover-border-color: transparent;
15621
+ --tblr-btn-active-border-color: transparent;
15637
15622
  --tblr-btn-color: var(--tblr-green-fg);
15638
15623
  --tblr-btn-bg: var(--tblr-green);
15639
- --tblr-btn-hover-border-color: transparent;
15640
15624
  --tblr-btn-hover-color: var(--tblr-green-fg);
15641
15625
  --tblr-btn-hover-bg: rgba(var(--tblr-green-rgb), .8);
15642
- --tblr-btn-active-border-color: transparent;
15643
15626
  --tblr-btn-active-color: var(--tblr-green-fg);
15644
15627
  --tblr-btn-active-bg: rgba(var(--tblr-green-rgb), .8);
15645
15628
  --tblr-btn-disabled-bg: var(--tblr-green);
@@ -15662,12 +15645,12 @@ a.badge {
15662
15645
 
15663
15646
  .btn-teal {
15664
15647
  --tblr-btn-border-color: transparent;
15648
+ --tblr-btn-hover-border-color: transparent;
15649
+ --tblr-btn-active-border-color: transparent;
15665
15650
  --tblr-btn-color: var(--tblr-teal-fg);
15666
15651
  --tblr-btn-bg: var(--tblr-teal);
15667
- --tblr-btn-hover-border-color: transparent;
15668
15652
  --tblr-btn-hover-color: var(--tblr-teal-fg);
15669
15653
  --tblr-btn-hover-bg: rgba(var(--tblr-teal-rgb), .8);
15670
- --tblr-btn-active-border-color: transparent;
15671
15654
  --tblr-btn-active-color: var(--tblr-teal-fg);
15672
15655
  --tblr-btn-active-bg: rgba(var(--tblr-teal-rgb), .8);
15673
15656
  --tblr-btn-disabled-bg: var(--tblr-teal);
@@ -15690,12 +15673,12 @@ a.badge {
15690
15673
 
15691
15674
  .btn-cyan {
15692
15675
  --tblr-btn-border-color: transparent;
15676
+ --tblr-btn-hover-border-color: transparent;
15677
+ --tblr-btn-active-border-color: transparent;
15693
15678
  --tblr-btn-color: var(--tblr-cyan-fg);
15694
15679
  --tblr-btn-bg: var(--tblr-cyan);
15695
- --tblr-btn-hover-border-color: transparent;
15696
15680
  --tblr-btn-hover-color: var(--tblr-cyan-fg);
15697
15681
  --tblr-btn-hover-bg: rgba(var(--tblr-cyan-rgb), .8);
15698
- --tblr-btn-active-border-color: transparent;
15699
15682
  --tblr-btn-active-color: var(--tblr-cyan-fg);
15700
15683
  --tblr-btn-active-bg: rgba(var(--tblr-cyan-rgb), .8);
15701
15684
  --tblr-btn-disabled-bg: var(--tblr-cyan);
@@ -15718,12 +15701,12 @@ a.badge {
15718
15701
 
15719
15702
  .btn-facebook {
15720
15703
  --tblr-btn-border-color: transparent;
15704
+ --tblr-btn-hover-border-color: transparent;
15705
+ --tblr-btn-active-border-color: transparent;
15721
15706
  --tblr-btn-color: var(--tblr-facebook-fg);
15722
15707
  --tblr-btn-bg: var(--tblr-facebook);
15723
- --tblr-btn-hover-border-color: transparent;
15724
15708
  --tblr-btn-hover-color: var(--tblr-facebook-fg);
15725
15709
  --tblr-btn-hover-bg: rgba(var(--tblr-facebook-rgb), .8);
15726
- --tblr-btn-active-border-color: transparent;
15727
15710
  --tblr-btn-active-color: var(--tblr-facebook-fg);
15728
15711
  --tblr-btn-active-bg: rgba(var(--tblr-facebook-rgb), .8);
15729
15712
  --tblr-btn-disabled-bg: var(--tblr-facebook);
@@ -15746,12 +15729,12 @@ a.badge {
15746
15729
 
15747
15730
  .btn-twitter {
15748
15731
  --tblr-btn-border-color: transparent;
15732
+ --tblr-btn-hover-border-color: transparent;
15733
+ --tblr-btn-active-border-color: transparent;
15749
15734
  --tblr-btn-color: var(--tblr-twitter-fg);
15750
15735
  --tblr-btn-bg: var(--tblr-twitter);
15751
- --tblr-btn-hover-border-color: transparent;
15752
15736
  --tblr-btn-hover-color: var(--tblr-twitter-fg);
15753
15737
  --tblr-btn-hover-bg: rgba(var(--tblr-twitter-rgb), .8);
15754
- --tblr-btn-active-border-color: transparent;
15755
15738
  --tblr-btn-active-color: var(--tblr-twitter-fg);
15756
15739
  --tblr-btn-active-bg: rgba(var(--tblr-twitter-rgb), .8);
15757
15740
  --tblr-btn-disabled-bg: var(--tblr-twitter);
@@ -15774,12 +15757,12 @@ a.badge {
15774
15757
 
15775
15758
  .btn-linkedin {
15776
15759
  --tblr-btn-border-color: transparent;
15760
+ --tblr-btn-hover-border-color: transparent;
15761
+ --tblr-btn-active-border-color: transparent;
15777
15762
  --tblr-btn-color: var(--tblr-linkedin-fg);
15778
15763
  --tblr-btn-bg: var(--tblr-linkedin);
15779
- --tblr-btn-hover-border-color: transparent;
15780
15764
  --tblr-btn-hover-color: var(--tblr-linkedin-fg);
15781
15765
  --tblr-btn-hover-bg: rgba(var(--tblr-linkedin-rgb), .8);
15782
- --tblr-btn-active-border-color: transparent;
15783
15766
  --tblr-btn-active-color: var(--tblr-linkedin-fg);
15784
15767
  --tblr-btn-active-bg: rgba(var(--tblr-linkedin-rgb), .8);
15785
15768
  --tblr-btn-disabled-bg: var(--tblr-linkedin);
@@ -15802,12 +15785,12 @@ a.badge {
15802
15785
 
15803
15786
  .btn-google {
15804
15787
  --tblr-btn-border-color: transparent;
15788
+ --tblr-btn-hover-border-color: transparent;
15789
+ --tblr-btn-active-border-color: transparent;
15805
15790
  --tblr-btn-color: var(--tblr-google-fg);
15806
15791
  --tblr-btn-bg: var(--tblr-google);
15807
- --tblr-btn-hover-border-color: transparent;
15808
15792
  --tblr-btn-hover-color: var(--tblr-google-fg);
15809
15793
  --tblr-btn-hover-bg: rgba(var(--tblr-google-rgb), .8);
15810
- --tblr-btn-active-border-color: transparent;
15811
15794
  --tblr-btn-active-color: var(--tblr-google-fg);
15812
15795
  --tblr-btn-active-bg: rgba(var(--tblr-google-rgb), .8);
15813
15796
  --tblr-btn-disabled-bg: var(--tblr-google);
@@ -15830,12 +15813,12 @@ a.badge {
15830
15813
 
15831
15814
  .btn-youtube {
15832
15815
  --tblr-btn-border-color: transparent;
15816
+ --tblr-btn-hover-border-color: transparent;
15817
+ --tblr-btn-active-border-color: transparent;
15833
15818
  --tblr-btn-color: var(--tblr-youtube-fg);
15834
15819
  --tblr-btn-bg: var(--tblr-youtube);
15835
- --tblr-btn-hover-border-color: transparent;
15836
15820
  --tblr-btn-hover-color: var(--tblr-youtube-fg);
15837
15821
  --tblr-btn-hover-bg: rgba(var(--tblr-youtube-rgb), .8);
15838
- --tblr-btn-active-border-color: transparent;
15839
15822
  --tblr-btn-active-color: var(--tblr-youtube-fg);
15840
15823
  --tblr-btn-active-bg: rgba(var(--tblr-youtube-rgb), .8);
15841
15824
  --tblr-btn-disabled-bg: var(--tblr-youtube);
@@ -15858,12 +15841,12 @@ a.badge {
15858
15841
 
15859
15842
  .btn-vimeo {
15860
15843
  --tblr-btn-border-color: transparent;
15844
+ --tblr-btn-hover-border-color: transparent;
15845
+ --tblr-btn-active-border-color: transparent;
15861
15846
  --tblr-btn-color: var(--tblr-vimeo-fg);
15862
15847
  --tblr-btn-bg: var(--tblr-vimeo);
15863
- --tblr-btn-hover-border-color: transparent;
15864
15848
  --tblr-btn-hover-color: var(--tblr-vimeo-fg);
15865
15849
  --tblr-btn-hover-bg: rgba(var(--tblr-vimeo-rgb), .8);
15866
- --tblr-btn-active-border-color: transparent;
15867
15850
  --tblr-btn-active-color: var(--tblr-vimeo-fg);
15868
15851
  --tblr-btn-active-bg: rgba(var(--tblr-vimeo-rgb), .8);
15869
15852
  --tblr-btn-disabled-bg: var(--tblr-vimeo);
@@ -15886,12 +15869,12 @@ a.badge {
15886
15869
 
15887
15870
  .btn-dribbble {
15888
15871
  --tblr-btn-border-color: transparent;
15872
+ --tblr-btn-hover-border-color: transparent;
15873
+ --tblr-btn-active-border-color: transparent;
15889
15874
  --tblr-btn-color: var(--tblr-dribbble-fg);
15890
15875
  --tblr-btn-bg: var(--tblr-dribbble);
15891
- --tblr-btn-hover-border-color: transparent;
15892
15876
  --tblr-btn-hover-color: var(--tblr-dribbble-fg);
15893
15877
  --tblr-btn-hover-bg: rgba(var(--tblr-dribbble-rgb), .8);
15894
- --tblr-btn-active-border-color: transparent;
15895
15878
  --tblr-btn-active-color: var(--tblr-dribbble-fg);
15896
15879
  --tblr-btn-active-bg: rgba(var(--tblr-dribbble-rgb), .8);
15897
15880
  --tblr-btn-disabled-bg: var(--tblr-dribbble);
@@ -15914,12 +15897,12 @@ a.badge {
15914
15897
 
15915
15898
  .btn-github {
15916
15899
  --tblr-btn-border-color: transparent;
15900
+ --tblr-btn-hover-border-color: transparent;
15901
+ --tblr-btn-active-border-color: transparent;
15917
15902
  --tblr-btn-color: var(--tblr-github-fg);
15918
15903
  --tblr-btn-bg: var(--tblr-github);
15919
- --tblr-btn-hover-border-color: transparent;
15920
15904
  --tblr-btn-hover-color: var(--tblr-github-fg);
15921
15905
  --tblr-btn-hover-bg: rgba(var(--tblr-github-rgb), .8);
15922
- --tblr-btn-active-border-color: transparent;
15923
15906
  --tblr-btn-active-color: var(--tblr-github-fg);
15924
15907
  --tblr-btn-active-bg: rgba(var(--tblr-github-rgb), .8);
15925
15908
  --tblr-btn-disabled-bg: var(--tblr-github);
@@ -15942,12 +15925,12 @@ a.badge {
15942
15925
 
15943
15926
  .btn-instagram {
15944
15927
  --tblr-btn-border-color: transparent;
15928
+ --tblr-btn-hover-border-color: transparent;
15929
+ --tblr-btn-active-border-color: transparent;
15945
15930
  --tblr-btn-color: var(--tblr-instagram-fg);
15946
15931
  --tblr-btn-bg: var(--tblr-instagram);
15947
- --tblr-btn-hover-border-color: transparent;
15948
15932
  --tblr-btn-hover-color: var(--tblr-instagram-fg);
15949
15933
  --tblr-btn-hover-bg: rgba(var(--tblr-instagram-rgb), .8);
15950
- --tblr-btn-active-border-color: transparent;
15951
15934
  --tblr-btn-active-color: var(--tblr-instagram-fg);
15952
15935
  --tblr-btn-active-bg: rgba(var(--tblr-instagram-rgb), .8);
15953
15936
  --tblr-btn-disabled-bg: var(--tblr-instagram);
@@ -15970,12 +15953,12 @@ a.badge {
15970
15953
 
15971
15954
  .btn-pinterest {
15972
15955
  --tblr-btn-border-color: transparent;
15956
+ --tblr-btn-hover-border-color: transparent;
15957
+ --tblr-btn-active-border-color: transparent;
15973
15958
  --tblr-btn-color: var(--tblr-pinterest-fg);
15974
15959
  --tblr-btn-bg: var(--tblr-pinterest);
15975
- --tblr-btn-hover-border-color: transparent;
15976
15960
  --tblr-btn-hover-color: var(--tblr-pinterest-fg);
15977
15961
  --tblr-btn-hover-bg: rgba(var(--tblr-pinterest-rgb), .8);
15978
- --tblr-btn-active-border-color: transparent;
15979
15962
  --tblr-btn-active-color: var(--tblr-pinterest-fg);
15980
15963
  --tblr-btn-active-bg: rgba(var(--tblr-pinterest-rgb), .8);
15981
15964
  --tblr-btn-disabled-bg: var(--tblr-pinterest);
@@ -15998,12 +15981,12 @@ a.badge {
15998
15981
 
15999
15982
  .btn-vk {
16000
15983
  --tblr-btn-border-color: transparent;
15984
+ --tblr-btn-hover-border-color: transparent;
15985
+ --tblr-btn-active-border-color: transparent;
16001
15986
  --tblr-btn-color: var(--tblr-vk-fg);
16002
15987
  --tblr-btn-bg: var(--tblr-vk);
16003
- --tblr-btn-hover-border-color: transparent;
16004
15988
  --tblr-btn-hover-color: var(--tblr-vk-fg);
16005
15989
  --tblr-btn-hover-bg: rgba(var(--tblr-vk-rgb), .8);
16006
- --tblr-btn-active-border-color: transparent;
16007
15990
  --tblr-btn-active-color: var(--tblr-vk-fg);
16008
15991
  --tblr-btn-active-bg: rgba(var(--tblr-vk-rgb), .8);
16009
15992
  --tblr-btn-disabled-bg: var(--tblr-vk);
@@ -16026,12 +16009,12 @@ a.badge {
16026
16009
 
16027
16010
  .btn-rss {
16028
16011
  --tblr-btn-border-color: transparent;
16012
+ --tblr-btn-hover-border-color: transparent;
16013
+ --tblr-btn-active-border-color: transparent;
16029
16014
  --tblr-btn-color: var(--tblr-rss-fg);
16030
16015
  --tblr-btn-bg: var(--tblr-rss);
16031
- --tblr-btn-hover-border-color: transparent;
16032
16016
  --tblr-btn-hover-color: var(--tblr-rss-fg);
16033
16017
  --tblr-btn-hover-bg: rgba(var(--tblr-rss-rgb), .8);
16034
- --tblr-btn-active-border-color: transparent;
16035
16018
  --tblr-btn-active-color: var(--tblr-rss-fg);
16036
16019
  --tblr-btn-active-bg: rgba(var(--tblr-rss-rgb), .8);
16037
16020
  --tblr-btn-disabled-bg: var(--tblr-rss);
@@ -16054,12 +16037,12 @@ a.badge {
16054
16037
 
16055
16038
  .btn-flickr {
16056
16039
  --tblr-btn-border-color: transparent;
16040
+ --tblr-btn-hover-border-color: transparent;
16041
+ --tblr-btn-active-border-color: transparent;
16057
16042
  --tblr-btn-color: var(--tblr-flickr-fg);
16058
16043
  --tblr-btn-bg: var(--tblr-flickr);
16059
- --tblr-btn-hover-border-color: transparent;
16060
16044
  --tblr-btn-hover-color: var(--tblr-flickr-fg);
16061
16045
  --tblr-btn-hover-bg: rgba(var(--tblr-flickr-rgb), .8);
16062
- --tblr-btn-active-border-color: transparent;
16063
16046
  --tblr-btn-active-color: var(--tblr-flickr-fg);
16064
16047
  --tblr-btn-active-bg: rgba(var(--tblr-flickr-rgb), .8);
16065
16048
  --tblr-btn-disabled-bg: var(--tblr-flickr);
@@ -16082,12 +16065,12 @@ a.badge {
16082
16065
 
16083
16066
  .btn-bitbucket {
16084
16067
  --tblr-btn-border-color: transparent;
16068
+ --tblr-btn-hover-border-color: transparent;
16069
+ --tblr-btn-active-border-color: transparent;
16085
16070
  --tblr-btn-color: var(--tblr-bitbucket-fg);
16086
16071
  --tblr-btn-bg: var(--tblr-bitbucket);
16087
- --tblr-btn-hover-border-color: transparent;
16088
16072
  --tblr-btn-hover-color: var(--tblr-bitbucket-fg);
16089
16073
  --tblr-btn-hover-bg: rgba(var(--tblr-bitbucket-rgb), .8);
16090
- --tblr-btn-active-border-color: transparent;
16091
16074
  --tblr-btn-active-color: var(--tblr-bitbucket-fg);
16092
16075
  --tblr-btn-active-bg: rgba(var(--tblr-bitbucket-rgb), .8);
16093
16076
  --tblr-btn-disabled-bg: var(--tblr-bitbucket);
@@ -16110,12 +16093,12 @@ a.badge {
16110
16093
 
16111
16094
  .btn-tabler {
16112
16095
  --tblr-btn-border-color: transparent;
16096
+ --tblr-btn-hover-border-color: transparent;
16097
+ --tblr-btn-active-border-color: transparent;
16113
16098
  --tblr-btn-color: var(--tblr-tabler-fg);
16114
16099
  --tblr-btn-bg: var(--tblr-tabler);
16115
- --tblr-btn-hover-border-color: transparent;
16116
16100
  --tblr-btn-hover-color: var(--tblr-tabler-fg);
16117
16101
  --tblr-btn-hover-bg: rgba(var(--tblr-tabler-rgb), .8);
16118
- --tblr-btn-active-border-color: transparent;
16119
16102
  --tblr-btn-active-color: var(--tblr-tabler-fg);
16120
16103
  --tblr-btn-active-bg: rgba(var(--tblr-tabler-rgb), .8);
16121
16104
  --tblr-btn-disabled-bg: var(--tblr-tabler);
@@ -16137,18 +16120,17 @@ a.badge {
16137
16120
  }
16138
16121
 
16139
16122
  .btn-ghost-primary {
16140
- --tblr-btn-color: #206bc4;
16123
+ --tblr-btn-color: var(--tblr-primary);
16141
16124
  --tblr-btn-bg: transparent;
16142
16125
  --tblr-btn-border-color: transparent;
16143
- --tblr-btn-hover-color: #f8fafc;
16144
- --tblr-btn-hover-bg: #206bc4;
16145
- --tblr-btn-hover-border-color: #206bc4;
16146
- --tblr-btn-focus-shadow-rgb: 32, 107, 196;
16147
- --tblr-btn-active-color: #f8fafc;
16148
- --tblr-btn-active-bg: #206bc4;
16126
+ --tblr-btn-hover-color: var(--tblr-primary-fg);
16127
+ --tblr-btn-hover-bg: var(--tblr-primary);
16128
+ --tblr-btn-hover-border-color: var(--tblr-primary);
16129
+ --tblr-btn-active-color: var(--tblr-primary-fg);
16130
+ --tblr-btn-active-bg: var(--tblr-primary);
16149
16131
  --tblr-btn-active-border-color: transparent;
16150
16132
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16151
- --tblr-btn-disabled-color: #206bc4;
16133
+ --tblr-btn-disabled-color: var(--tblr-primary);
16152
16134
  --tblr-btn-disabled-bg: transparent;
16153
16135
  --tblr-btn-disabled-border-color: transparent;
16154
16136
  --tblr-gradient: none;
@@ -16156,18 +16138,17 @@ a.badge {
16156
16138
  }
16157
16139
 
16158
16140
  .btn-ghost-secondary {
16159
- --tblr-btn-color: #616876;
16141
+ --tblr-btn-color: var(--tblr-secondary);
16160
16142
  --tblr-btn-bg: transparent;
16161
16143
  --tblr-btn-border-color: transparent;
16162
- --tblr-btn-hover-color: #f8fafc;
16163
- --tblr-btn-hover-bg: #616876;
16164
- --tblr-btn-hover-border-color: #616876;
16165
- --tblr-btn-focus-shadow-rgb: 97, 104, 118;
16166
- --tblr-btn-active-color: #f8fafc;
16167
- --tblr-btn-active-bg: #616876;
16144
+ --tblr-btn-hover-color: var(--tblr-secondary-fg);
16145
+ --tblr-btn-hover-bg: var(--tblr-secondary);
16146
+ --tblr-btn-hover-border-color: var(--tblr-secondary);
16147
+ --tblr-btn-active-color: var(--tblr-secondary-fg);
16148
+ --tblr-btn-active-bg: var(--tblr-secondary);
16168
16149
  --tblr-btn-active-border-color: transparent;
16169
16150
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16170
- --tblr-btn-disabled-color: #616876;
16151
+ --tblr-btn-disabled-color: var(--tblr-secondary);
16171
16152
  --tblr-btn-disabled-bg: transparent;
16172
16153
  --tblr-btn-disabled-border-color: transparent;
16173
16154
  --tblr-gradient: none;
@@ -16175,18 +16156,17 @@ a.badge {
16175
16156
  }
16176
16157
 
16177
16158
  .btn-ghost-success {
16178
- --tblr-btn-color: #2fb344;
16159
+ --tblr-btn-color: var(--tblr-success);
16179
16160
  --tblr-btn-bg: transparent;
16180
16161
  --tblr-btn-border-color: transparent;
16181
- --tblr-btn-hover-color: #f8fafc;
16182
- --tblr-btn-hover-bg: #2fb344;
16183
- --tblr-btn-hover-border-color: #2fb344;
16184
- --tblr-btn-focus-shadow-rgb: 47, 179, 68;
16185
- --tblr-btn-active-color: #f8fafc;
16186
- --tblr-btn-active-bg: #2fb344;
16162
+ --tblr-btn-hover-color: var(--tblr-success-fg);
16163
+ --tblr-btn-hover-bg: var(--tblr-success);
16164
+ --tblr-btn-hover-border-color: var(--tblr-success);
16165
+ --tblr-btn-active-color: var(--tblr-success-fg);
16166
+ --tblr-btn-active-bg: var(--tblr-success);
16187
16167
  --tblr-btn-active-border-color: transparent;
16188
16168
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16189
- --tblr-btn-disabled-color: #2fb344;
16169
+ --tblr-btn-disabled-color: var(--tblr-success);
16190
16170
  --tblr-btn-disabled-bg: transparent;
16191
16171
  --tblr-btn-disabled-border-color: transparent;
16192
16172
  --tblr-gradient: none;
@@ -16194,18 +16174,17 @@ a.badge {
16194
16174
  }
16195
16175
 
16196
16176
  .btn-ghost-info {
16197
- --tblr-btn-color: #4299e1;
16177
+ --tblr-btn-color: var(--tblr-info);
16198
16178
  --tblr-btn-bg: transparent;
16199
16179
  --tblr-btn-border-color: transparent;
16200
- --tblr-btn-hover-color: #f8fafc;
16201
- --tblr-btn-hover-bg: #4299e1;
16202
- --tblr-btn-hover-border-color: #4299e1;
16203
- --tblr-btn-focus-shadow-rgb: 66, 153, 225;
16204
- --tblr-btn-active-color: #f8fafc;
16205
- --tblr-btn-active-bg: #4299e1;
16180
+ --tblr-btn-hover-color: var(--tblr-info-fg);
16181
+ --tblr-btn-hover-bg: var(--tblr-info);
16182
+ --tblr-btn-hover-border-color: var(--tblr-info);
16183
+ --tblr-btn-active-color: var(--tblr-info-fg);
16184
+ --tblr-btn-active-bg: var(--tblr-info);
16206
16185
  --tblr-btn-active-border-color: transparent;
16207
16186
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16208
- --tblr-btn-disabled-color: #4299e1;
16187
+ --tblr-btn-disabled-color: var(--tblr-info);
16209
16188
  --tblr-btn-disabled-bg: transparent;
16210
16189
  --tblr-btn-disabled-border-color: transparent;
16211
16190
  --tblr-gradient: none;
@@ -16213,18 +16192,17 @@ a.badge {
16213
16192
  }
16214
16193
 
16215
16194
  .btn-ghost-warning {
16216
- --tblr-btn-color: #f76707;
16195
+ --tblr-btn-color: var(--tblr-warning);
16217
16196
  --tblr-btn-bg: transparent;
16218
16197
  --tblr-btn-border-color: transparent;
16219
- --tblr-btn-hover-color: #f8fafc;
16220
- --tblr-btn-hover-bg: #f76707;
16221
- --tblr-btn-hover-border-color: #f76707;
16222
- --tblr-btn-focus-shadow-rgb: 247, 103, 7;
16223
- --tblr-btn-active-color: #f8fafc;
16224
- --tblr-btn-active-bg: #f76707;
16198
+ --tblr-btn-hover-color: var(--tblr-warning-fg);
16199
+ --tblr-btn-hover-bg: var(--tblr-warning);
16200
+ --tblr-btn-hover-border-color: var(--tblr-warning);
16201
+ --tblr-btn-active-color: var(--tblr-warning-fg);
16202
+ --tblr-btn-active-bg: var(--tblr-warning);
16225
16203
  --tblr-btn-active-border-color: transparent;
16226
16204
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16227
- --tblr-btn-disabled-color: #f76707;
16205
+ --tblr-btn-disabled-color: var(--tblr-warning);
16228
16206
  --tblr-btn-disabled-bg: transparent;
16229
16207
  --tblr-btn-disabled-border-color: transparent;
16230
16208
  --tblr-gradient: none;
@@ -16232,18 +16210,17 @@ a.badge {
16232
16210
  }
16233
16211
 
16234
16212
  .btn-ghost-danger {
16235
- --tblr-btn-color: #d63939;
16213
+ --tblr-btn-color: var(--tblr-danger);
16236
16214
  --tblr-btn-bg: transparent;
16237
16215
  --tblr-btn-border-color: transparent;
16238
- --tblr-btn-hover-color: #f8fafc;
16239
- --tblr-btn-hover-bg: #d63939;
16240
- --tblr-btn-hover-border-color: #d63939;
16241
- --tblr-btn-focus-shadow-rgb: 214, 57, 57;
16242
- --tblr-btn-active-color: #f8fafc;
16243
- --tblr-btn-active-bg: #d63939;
16216
+ --tblr-btn-hover-color: var(--tblr-danger-fg);
16217
+ --tblr-btn-hover-bg: var(--tblr-danger);
16218
+ --tblr-btn-hover-border-color: var(--tblr-danger);
16219
+ --tblr-btn-active-color: var(--tblr-danger-fg);
16220
+ --tblr-btn-active-bg: var(--tblr-danger);
16244
16221
  --tblr-btn-active-border-color: transparent;
16245
16222
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16246
- --tblr-btn-disabled-color: #d63939;
16223
+ --tblr-btn-disabled-color: var(--tblr-danger);
16247
16224
  --tblr-btn-disabled-bg: transparent;
16248
16225
  --tblr-btn-disabled-border-color: transparent;
16249
16226
  --tblr-gradient: none;
@@ -16251,18 +16228,17 @@ a.badge {
16251
16228
  }
16252
16229
 
16253
16230
  .btn-ghost-light {
16254
- --tblr-btn-color: #f8fafc;
16231
+ --tblr-btn-color: var(--tblr-light);
16255
16232
  --tblr-btn-bg: transparent;
16256
16233
  --tblr-btn-border-color: transparent;
16257
- --tblr-btn-hover-color: #1d273b;
16258
- --tblr-btn-hover-bg: #f8fafc;
16259
- --tblr-btn-hover-border-color: #f8fafc;
16260
- --tblr-btn-focus-shadow-rgb: 248, 250, 252;
16261
- --tblr-btn-active-color: #1d273b;
16262
- --tblr-btn-active-bg: #f8fafc;
16234
+ --tblr-btn-hover-color: var(--tblr-light-fg);
16235
+ --tblr-btn-hover-bg: var(--tblr-light);
16236
+ --tblr-btn-hover-border-color: var(--tblr-light);
16237
+ --tblr-btn-active-color: var(--tblr-light-fg);
16238
+ --tblr-btn-active-bg: var(--tblr-light);
16263
16239
  --tblr-btn-active-border-color: transparent;
16264
16240
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16265
- --tblr-btn-disabled-color: #f8fafc;
16241
+ --tblr-btn-disabled-color: var(--tblr-light);
16266
16242
  --tblr-btn-disabled-bg: transparent;
16267
16243
  --tblr-btn-disabled-border-color: transparent;
16268
16244
  --tblr-gradient: none;
@@ -16270,18 +16246,17 @@ a.badge {
16270
16246
  }
16271
16247
 
16272
16248
  .btn-ghost-dark {
16273
- --tblr-btn-color: #1d273b;
16249
+ --tblr-btn-color: var(--tblr-dark);
16274
16250
  --tblr-btn-bg: transparent;
16275
16251
  --tblr-btn-border-color: transparent;
16276
- --tblr-btn-hover-color: #f8fafc;
16277
- --tblr-btn-hover-bg: #1d273b;
16278
- --tblr-btn-hover-border-color: #1d273b;
16279
- --tblr-btn-focus-shadow-rgb: 29, 39, 59;
16280
- --tblr-btn-active-color: #f8fafc;
16281
- --tblr-btn-active-bg: #1d273b;
16252
+ --tblr-btn-hover-color: var(--tblr-dark-fg);
16253
+ --tblr-btn-hover-bg: var(--tblr-dark);
16254
+ --tblr-btn-hover-border-color: var(--tblr-dark);
16255
+ --tblr-btn-active-color: var(--tblr-dark-fg);
16256
+ --tblr-btn-active-bg: var(--tblr-dark);
16282
16257
  --tblr-btn-active-border-color: transparent;
16283
16258
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16284
- --tblr-btn-disabled-color: #1d273b;
16259
+ --tblr-btn-disabled-color: var(--tblr-dark);
16285
16260
  --tblr-btn-disabled-bg: transparent;
16286
16261
  --tblr-btn-disabled-border-color: transparent;
16287
16262
  --tblr-gradient: none;
@@ -16289,18 +16264,17 @@ a.badge {
16289
16264
  }
16290
16265
 
16291
16266
  .btn-ghost-muted {
16292
- --tblr-btn-color: #616876;
16267
+ --tblr-btn-color: var(--tblr-muted);
16293
16268
  --tblr-btn-bg: transparent;
16294
16269
  --tblr-btn-border-color: transparent;
16295
- --tblr-btn-hover-color: #f8fafc;
16296
- --tblr-btn-hover-bg: #616876;
16297
- --tblr-btn-hover-border-color: #616876;
16298
- --tblr-btn-focus-shadow-rgb: 97, 104, 118;
16299
- --tblr-btn-active-color: #f8fafc;
16300
- --tblr-btn-active-bg: #616876;
16270
+ --tblr-btn-hover-color: var(--tblr-muted-fg);
16271
+ --tblr-btn-hover-bg: var(--tblr-muted);
16272
+ --tblr-btn-hover-border-color: var(--tblr-muted);
16273
+ --tblr-btn-active-color: var(--tblr-muted-fg);
16274
+ --tblr-btn-active-bg: var(--tblr-muted);
16301
16275
  --tblr-btn-active-border-color: transparent;
16302
16276
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16303
- --tblr-btn-disabled-color: #616876;
16277
+ --tblr-btn-disabled-color: var(--tblr-muted);
16304
16278
  --tblr-btn-disabled-bg: transparent;
16305
16279
  --tblr-btn-disabled-border-color: transparent;
16306
16280
  --tblr-gradient: none;
@@ -16308,18 +16282,17 @@ a.badge {
16308
16282
  }
16309
16283
 
16310
16284
  .btn-ghost-blue {
16311
- --tblr-btn-color: #206bc4;
16285
+ --tblr-btn-color: var(--tblr-blue);
16312
16286
  --tblr-btn-bg: transparent;
16313
16287
  --tblr-btn-border-color: transparent;
16314
- --tblr-btn-hover-color: #f8fafc;
16315
- --tblr-btn-hover-bg: #206bc4;
16316
- --tblr-btn-hover-border-color: #206bc4;
16317
- --tblr-btn-focus-shadow-rgb: 32, 107, 196;
16318
- --tblr-btn-active-color: #f8fafc;
16319
- --tblr-btn-active-bg: #206bc4;
16288
+ --tblr-btn-hover-color: var(--tblr-blue-fg);
16289
+ --tblr-btn-hover-bg: var(--tblr-blue);
16290
+ --tblr-btn-hover-border-color: var(--tblr-blue);
16291
+ --tblr-btn-active-color: var(--tblr-blue-fg);
16292
+ --tblr-btn-active-bg: var(--tblr-blue);
16320
16293
  --tblr-btn-active-border-color: transparent;
16321
16294
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16322
- --tblr-btn-disabled-color: #206bc4;
16295
+ --tblr-btn-disabled-color: var(--tblr-blue);
16323
16296
  --tblr-btn-disabled-bg: transparent;
16324
16297
  --tblr-btn-disabled-border-color: transparent;
16325
16298
  --tblr-gradient: none;
@@ -16327,18 +16300,17 @@ a.badge {
16327
16300
  }
16328
16301
 
16329
16302
  .btn-ghost-azure {
16330
- --tblr-btn-color: #4299e1;
16303
+ --tblr-btn-color: var(--tblr-azure);
16331
16304
  --tblr-btn-bg: transparent;
16332
16305
  --tblr-btn-border-color: transparent;
16333
- --tblr-btn-hover-color: #f8fafc;
16334
- --tblr-btn-hover-bg: #4299e1;
16335
- --tblr-btn-hover-border-color: #4299e1;
16336
- --tblr-btn-focus-shadow-rgb: 66, 153, 225;
16337
- --tblr-btn-active-color: #f8fafc;
16338
- --tblr-btn-active-bg: #4299e1;
16306
+ --tblr-btn-hover-color: var(--tblr-azure-fg);
16307
+ --tblr-btn-hover-bg: var(--tblr-azure);
16308
+ --tblr-btn-hover-border-color: var(--tblr-azure);
16309
+ --tblr-btn-active-color: var(--tblr-azure-fg);
16310
+ --tblr-btn-active-bg: var(--tblr-azure);
16339
16311
  --tblr-btn-active-border-color: transparent;
16340
16312
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16341
- --tblr-btn-disabled-color: #4299e1;
16313
+ --tblr-btn-disabled-color: var(--tblr-azure);
16342
16314
  --tblr-btn-disabled-bg: transparent;
16343
16315
  --tblr-btn-disabled-border-color: transparent;
16344
16316
  --tblr-gradient: none;
@@ -16346,18 +16318,17 @@ a.badge {
16346
16318
  }
16347
16319
 
16348
16320
  .btn-ghost-indigo {
16349
- --tblr-btn-color: #4263eb;
16321
+ --tblr-btn-color: var(--tblr-indigo);
16350
16322
  --tblr-btn-bg: transparent;
16351
16323
  --tblr-btn-border-color: transparent;
16352
- --tblr-btn-hover-color: #f8fafc;
16353
- --tblr-btn-hover-bg: #4263eb;
16354
- --tblr-btn-hover-border-color: #4263eb;
16355
- --tblr-btn-focus-shadow-rgb: 66, 99, 235;
16356
- --tblr-btn-active-color: #f8fafc;
16357
- --tblr-btn-active-bg: #4263eb;
16324
+ --tblr-btn-hover-color: var(--tblr-indigo-fg);
16325
+ --tblr-btn-hover-bg: var(--tblr-indigo);
16326
+ --tblr-btn-hover-border-color: var(--tblr-indigo);
16327
+ --tblr-btn-active-color: var(--tblr-indigo-fg);
16328
+ --tblr-btn-active-bg: var(--tblr-indigo);
16358
16329
  --tblr-btn-active-border-color: transparent;
16359
16330
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16360
- --tblr-btn-disabled-color: #4263eb;
16331
+ --tblr-btn-disabled-color: var(--tblr-indigo);
16361
16332
  --tblr-btn-disabled-bg: transparent;
16362
16333
  --tblr-btn-disabled-border-color: transparent;
16363
16334
  --tblr-gradient: none;
@@ -16365,18 +16336,17 @@ a.badge {
16365
16336
  }
16366
16337
 
16367
16338
  .btn-ghost-purple {
16368
- --tblr-btn-color: #ae3ec9;
16339
+ --tblr-btn-color: var(--tblr-purple);
16369
16340
  --tblr-btn-bg: transparent;
16370
16341
  --tblr-btn-border-color: transparent;
16371
- --tblr-btn-hover-color: #f8fafc;
16372
- --tblr-btn-hover-bg: #ae3ec9;
16373
- --tblr-btn-hover-border-color: #ae3ec9;
16374
- --tblr-btn-focus-shadow-rgb: 174, 62, 201;
16375
- --tblr-btn-active-color: #f8fafc;
16376
- --tblr-btn-active-bg: #ae3ec9;
16342
+ --tblr-btn-hover-color: var(--tblr-purple-fg);
16343
+ --tblr-btn-hover-bg: var(--tblr-purple);
16344
+ --tblr-btn-hover-border-color: var(--tblr-purple);
16345
+ --tblr-btn-active-color: var(--tblr-purple-fg);
16346
+ --tblr-btn-active-bg: var(--tblr-purple);
16377
16347
  --tblr-btn-active-border-color: transparent;
16378
16348
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16379
- --tblr-btn-disabled-color: #ae3ec9;
16349
+ --tblr-btn-disabled-color: var(--tblr-purple);
16380
16350
  --tblr-btn-disabled-bg: transparent;
16381
16351
  --tblr-btn-disabled-border-color: transparent;
16382
16352
  --tblr-gradient: none;
@@ -16384,18 +16354,17 @@ a.badge {
16384
16354
  }
16385
16355
 
16386
16356
  .btn-ghost-pink {
16387
- --tblr-btn-color: #d6336c;
16357
+ --tblr-btn-color: var(--tblr-pink);
16388
16358
  --tblr-btn-bg: transparent;
16389
16359
  --tblr-btn-border-color: transparent;
16390
- --tblr-btn-hover-color: #f8fafc;
16391
- --tblr-btn-hover-bg: #d6336c;
16392
- --tblr-btn-hover-border-color: #d6336c;
16393
- --tblr-btn-focus-shadow-rgb: 214, 51, 108;
16394
- --tblr-btn-active-color: #f8fafc;
16395
- --tblr-btn-active-bg: #d6336c;
16360
+ --tblr-btn-hover-color: var(--tblr-pink-fg);
16361
+ --tblr-btn-hover-bg: var(--tblr-pink);
16362
+ --tblr-btn-hover-border-color: var(--tblr-pink);
16363
+ --tblr-btn-active-color: var(--tblr-pink-fg);
16364
+ --tblr-btn-active-bg: var(--tblr-pink);
16396
16365
  --tblr-btn-active-border-color: transparent;
16397
16366
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16398
- --tblr-btn-disabled-color: #d6336c;
16367
+ --tblr-btn-disabled-color: var(--tblr-pink);
16399
16368
  --tblr-btn-disabled-bg: transparent;
16400
16369
  --tblr-btn-disabled-border-color: transparent;
16401
16370
  --tblr-gradient: none;
@@ -16403,18 +16372,17 @@ a.badge {
16403
16372
  }
16404
16373
 
16405
16374
  .btn-ghost-red {
16406
- --tblr-btn-color: #d63939;
16375
+ --tblr-btn-color: var(--tblr-red);
16407
16376
  --tblr-btn-bg: transparent;
16408
16377
  --tblr-btn-border-color: transparent;
16409
- --tblr-btn-hover-color: #f8fafc;
16410
- --tblr-btn-hover-bg: #d63939;
16411
- --tblr-btn-hover-border-color: #d63939;
16412
- --tblr-btn-focus-shadow-rgb: 214, 57, 57;
16413
- --tblr-btn-active-color: #f8fafc;
16414
- --tblr-btn-active-bg: #d63939;
16378
+ --tblr-btn-hover-color: var(--tblr-red-fg);
16379
+ --tblr-btn-hover-bg: var(--tblr-red);
16380
+ --tblr-btn-hover-border-color: var(--tblr-red);
16381
+ --tblr-btn-active-color: var(--tblr-red-fg);
16382
+ --tblr-btn-active-bg: var(--tblr-red);
16415
16383
  --tblr-btn-active-border-color: transparent;
16416
16384
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16417
- --tblr-btn-disabled-color: #d63939;
16385
+ --tblr-btn-disabled-color: var(--tblr-red);
16418
16386
  --tblr-btn-disabled-bg: transparent;
16419
16387
  --tblr-btn-disabled-border-color: transparent;
16420
16388
  --tblr-gradient: none;
@@ -16422,18 +16390,17 @@ a.badge {
16422
16390
  }
16423
16391
 
16424
16392
  .btn-ghost-orange {
16425
- --tblr-btn-color: #f76707;
16393
+ --tblr-btn-color: var(--tblr-orange);
16426
16394
  --tblr-btn-bg: transparent;
16427
16395
  --tblr-btn-border-color: transparent;
16428
- --tblr-btn-hover-color: #f8fafc;
16429
- --tblr-btn-hover-bg: #f76707;
16430
- --tblr-btn-hover-border-color: #f76707;
16431
- --tblr-btn-focus-shadow-rgb: 247, 103, 7;
16432
- --tblr-btn-active-color: #f8fafc;
16433
- --tblr-btn-active-bg: #f76707;
16396
+ --tblr-btn-hover-color: var(--tblr-orange-fg);
16397
+ --tblr-btn-hover-bg: var(--tblr-orange);
16398
+ --tblr-btn-hover-border-color: var(--tblr-orange);
16399
+ --tblr-btn-active-color: var(--tblr-orange-fg);
16400
+ --tblr-btn-active-bg: var(--tblr-orange);
16434
16401
  --tblr-btn-active-border-color: transparent;
16435
16402
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16436
- --tblr-btn-disabled-color: #f76707;
16403
+ --tblr-btn-disabled-color: var(--tblr-orange);
16437
16404
  --tblr-btn-disabled-bg: transparent;
16438
16405
  --tblr-btn-disabled-border-color: transparent;
16439
16406
  --tblr-gradient: none;
@@ -16441,18 +16408,17 @@ a.badge {
16441
16408
  }
16442
16409
 
16443
16410
  .btn-ghost-yellow {
16444
- --tblr-btn-color: #f59f00;
16411
+ --tblr-btn-color: var(--tblr-yellow);
16445
16412
  --tblr-btn-bg: transparent;
16446
16413
  --tblr-btn-border-color: transparent;
16447
- --tblr-btn-hover-color: #f8fafc;
16448
- --tblr-btn-hover-bg: #f59f00;
16449
- --tblr-btn-hover-border-color: #f59f00;
16450
- --tblr-btn-focus-shadow-rgb: 245, 159, 0;
16451
- --tblr-btn-active-color: #f8fafc;
16452
- --tblr-btn-active-bg: #f59f00;
16414
+ --tblr-btn-hover-color: var(--tblr-yellow-fg);
16415
+ --tblr-btn-hover-bg: var(--tblr-yellow);
16416
+ --tblr-btn-hover-border-color: var(--tblr-yellow);
16417
+ --tblr-btn-active-color: var(--tblr-yellow-fg);
16418
+ --tblr-btn-active-bg: var(--tblr-yellow);
16453
16419
  --tblr-btn-active-border-color: transparent;
16454
16420
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16455
- --tblr-btn-disabled-color: #f59f00;
16421
+ --tblr-btn-disabled-color: var(--tblr-yellow);
16456
16422
  --tblr-btn-disabled-bg: transparent;
16457
16423
  --tblr-btn-disabled-border-color: transparent;
16458
16424
  --tblr-gradient: none;
@@ -16460,18 +16426,17 @@ a.badge {
16460
16426
  }
16461
16427
 
16462
16428
  .btn-ghost-lime {
16463
- --tblr-btn-color: #74b816;
16429
+ --tblr-btn-color: var(--tblr-lime);
16464
16430
  --tblr-btn-bg: transparent;
16465
16431
  --tblr-btn-border-color: transparent;
16466
- --tblr-btn-hover-color: #f8fafc;
16467
- --tblr-btn-hover-bg: #74b816;
16468
- --tblr-btn-hover-border-color: #74b816;
16469
- --tblr-btn-focus-shadow-rgb: 116, 184, 22;
16470
- --tblr-btn-active-color: #f8fafc;
16471
- --tblr-btn-active-bg: #74b816;
16432
+ --tblr-btn-hover-color: var(--tblr-lime-fg);
16433
+ --tblr-btn-hover-bg: var(--tblr-lime);
16434
+ --tblr-btn-hover-border-color: var(--tblr-lime);
16435
+ --tblr-btn-active-color: var(--tblr-lime-fg);
16436
+ --tblr-btn-active-bg: var(--tblr-lime);
16472
16437
  --tblr-btn-active-border-color: transparent;
16473
16438
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16474
- --tblr-btn-disabled-color: #74b816;
16439
+ --tblr-btn-disabled-color: var(--tblr-lime);
16475
16440
  --tblr-btn-disabled-bg: transparent;
16476
16441
  --tblr-btn-disabled-border-color: transparent;
16477
16442
  --tblr-gradient: none;
@@ -16479,18 +16444,17 @@ a.badge {
16479
16444
  }
16480
16445
 
16481
16446
  .btn-ghost-green {
16482
- --tblr-btn-color: #2fb344;
16447
+ --tblr-btn-color: var(--tblr-green);
16483
16448
  --tblr-btn-bg: transparent;
16484
16449
  --tblr-btn-border-color: transparent;
16485
- --tblr-btn-hover-color: #f8fafc;
16486
- --tblr-btn-hover-bg: #2fb344;
16487
- --tblr-btn-hover-border-color: #2fb344;
16488
- --tblr-btn-focus-shadow-rgb: 47, 179, 68;
16489
- --tblr-btn-active-color: #f8fafc;
16490
- --tblr-btn-active-bg: #2fb344;
16450
+ --tblr-btn-hover-color: var(--tblr-green-fg);
16451
+ --tblr-btn-hover-bg: var(--tblr-green);
16452
+ --tblr-btn-hover-border-color: var(--tblr-green);
16453
+ --tblr-btn-active-color: var(--tblr-green-fg);
16454
+ --tblr-btn-active-bg: var(--tblr-green);
16491
16455
  --tblr-btn-active-border-color: transparent;
16492
16456
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16493
- --tblr-btn-disabled-color: #2fb344;
16457
+ --tblr-btn-disabled-color: var(--tblr-green);
16494
16458
  --tblr-btn-disabled-bg: transparent;
16495
16459
  --tblr-btn-disabled-border-color: transparent;
16496
16460
  --tblr-gradient: none;
@@ -16498,18 +16462,17 @@ a.badge {
16498
16462
  }
16499
16463
 
16500
16464
  .btn-ghost-teal {
16501
- --tblr-btn-color: #0ca678;
16465
+ --tblr-btn-color: var(--tblr-teal);
16502
16466
  --tblr-btn-bg: transparent;
16503
16467
  --tblr-btn-border-color: transparent;
16504
- --tblr-btn-hover-color: #f8fafc;
16505
- --tblr-btn-hover-bg: #0ca678;
16506
- --tblr-btn-hover-border-color: #0ca678;
16507
- --tblr-btn-focus-shadow-rgb: 12, 166, 120;
16508
- --tblr-btn-active-color: #f8fafc;
16509
- --tblr-btn-active-bg: #0ca678;
16468
+ --tblr-btn-hover-color: var(--tblr-teal-fg);
16469
+ --tblr-btn-hover-bg: var(--tblr-teal);
16470
+ --tblr-btn-hover-border-color: var(--tblr-teal);
16471
+ --tblr-btn-active-color: var(--tblr-teal-fg);
16472
+ --tblr-btn-active-bg: var(--tblr-teal);
16510
16473
  --tblr-btn-active-border-color: transparent;
16511
16474
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16512
- --tblr-btn-disabled-color: #0ca678;
16475
+ --tblr-btn-disabled-color: var(--tblr-teal);
16513
16476
  --tblr-btn-disabled-bg: transparent;
16514
16477
  --tblr-btn-disabled-border-color: transparent;
16515
16478
  --tblr-gradient: none;
@@ -16517,18 +16480,17 @@ a.badge {
16517
16480
  }
16518
16481
 
16519
16482
  .btn-ghost-cyan {
16520
- --tblr-btn-color: #17a2b8;
16483
+ --tblr-btn-color: var(--tblr-cyan);
16521
16484
  --tblr-btn-bg: transparent;
16522
16485
  --tblr-btn-border-color: transparent;
16523
- --tblr-btn-hover-color: #f8fafc;
16524
- --tblr-btn-hover-bg: #17a2b8;
16525
- --tblr-btn-hover-border-color: #17a2b8;
16526
- --tblr-btn-focus-shadow-rgb: 23, 162, 184;
16527
- --tblr-btn-active-color: #f8fafc;
16528
- --tblr-btn-active-bg: #17a2b8;
16486
+ --tblr-btn-hover-color: var(--tblr-cyan-fg);
16487
+ --tblr-btn-hover-bg: var(--tblr-cyan);
16488
+ --tblr-btn-hover-border-color: var(--tblr-cyan);
16489
+ --tblr-btn-active-color: var(--tblr-cyan-fg);
16490
+ --tblr-btn-active-bg: var(--tblr-cyan);
16529
16491
  --tblr-btn-active-border-color: transparent;
16530
16492
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16531
- --tblr-btn-disabled-color: #17a2b8;
16493
+ --tblr-btn-disabled-color: var(--tblr-cyan);
16532
16494
  --tblr-btn-disabled-bg: transparent;
16533
16495
  --tblr-btn-disabled-border-color: transparent;
16534
16496
  --tblr-gradient: none;
@@ -16536,18 +16498,17 @@ a.badge {
16536
16498
  }
16537
16499
 
16538
16500
  .btn-ghost-facebook {
16539
- --tblr-btn-color: #3b5998;
16501
+ --tblr-btn-color: var(--tblr-facebook);
16540
16502
  --tblr-btn-bg: transparent;
16541
16503
  --tblr-btn-border-color: transparent;
16542
- --tblr-btn-hover-color: #f8fafc;
16543
- --tblr-btn-hover-bg: #3b5998;
16544
- --tblr-btn-hover-border-color: #3b5998;
16545
- --tblr-btn-focus-shadow-rgb: 59, 89, 152;
16546
- --tblr-btn-active-color: #f8fafc;
16547
- --tblr-btn-active-bg: #3b5998;
16504
+ --tblr-btn-hover-color: var(--tblr-facebook-fg);
16505
+ --tblr-btn-hover-bg: var(--tblr-facebook);
16506
+ --tblr-btn-hover-border-color: var(--tblr-facebook);
16507
+ --tblr-btn-active-color: var(--tblr-facebook-fg);
16508
+ --tblr-btn-active-bg: var(--tblr-facebook);
16548
16509
  --tblr-btn-active-border-color: transparent;
16549
16510
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16550
- --tblr-btn-disabled-color: #3b5998;
16511
+ --tblr-btn-disabled-color: var(--tblr-facebook);
16551
16512
  --tblr-btn-disabled-bg: transparent;
16552
16513
  --tblr-btn-disabled-border-color: transparent;
16553
16514
  --tblr-gradient: none;
@@ -16555,18 +16516,17 @@ a.badge {
16555
16516
  }
16556
16517
 
16557
16518
  .btn-ghost-twitter {
16558
- --tblr-btn-color: #1da1f2;
16519
+ --tblr-btn-color: var(--tblr-twitter);
16559
16520
  --tblr-btn-bg: transparent;
16560
16521
  --tblr-btn-border-color: transparent;
16561
- --tblr-btn-hover-color: #f8fafc;
16562
- --tblr-btn-hover-bg: #1da1f2;
16563
- --tblr-btn-hover-border-color: #1da1f2;
16564
- --tblr-btn-focus-shadow-rgb: 29, 161, 242;
16565
- --tblr-btn-active-color: #f8fafc;
16566
- --tblr-btn-active-bg: #1da1f2;
16522
+ --tblr-btn-hover-color: var(--tblr-twitter-fg);
16523
+ --tblr-btn-hover-bg: var(--tblr-twitter);
16524
+ --tblr-btn-hover-border-color: var(--tblr-twitter);
16525
+ --tblr-btn-active-color: var(--tblr-twitter-fg);
16526
+ --tblr-btn-active-bg: var(--tblr-twitter);
16567
16527
  --tblr-btn-active-border-color: transparent;
16568
16528
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16569
- --tblr-btn-disabled-color: #1da1f2;
16529
+ --tblr-btn-disabled-color: var(--tblr-twitter);
16570
16530
  --tblr-btn-disabled-bg: transparent;
16571
16531
  --tblr-btn-disabled-border-color: transparent;
16572
16532
  --tblr-gradient: none;
@@ -16574,18 +16534,17 @@ a.badge {
16574
16534
  }
16575
16535
 
16576
16536
  .btn-ghost-linkedin {
16577
- --tblr-btn-color: #0a66c2;
16537
+ --tblr-btn-color: var(--tblr-linkedin);
16578
16538
  --tblr-btn-bg: transparent;
16579
16539
  --tblr-btn-border-color: transparent;
16580
- --tblr-btn-hover-color: #f8fafc;
16581
- --tblr-btn-hover-bg: #0a66c2;
16582
- --tblr-btn-hover-border-color: #0a66c2;
16583
- --tblr-btn-focus-shadow-rgb: 10, 102, 194;
16584
- --tblr-btn-active-color: #f8fafc;
16585
- --tblr-btn-active-bg: #0a66c2;
16540
+ --tblr-btn-hover-color: var(--tblr-linkedin-fg);
16541
+ --tblr-btn-hover-bg: var(--tblr-linkedin);
16542
+ --tblr-btn-hover-border-color: var(--tblr-linkedin);
16543
+ --tblr-btn-active-color: var(--tblr-linkedin-fg);
16544
+ --tblr-btn-active-bg: var(--tblr-linkedin);
16586
16545
  --tblr-btn-active-border-color: transparent;
16587
16546
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16588
- --tblr-btn-disabled-color: #0a66c2;
16547
+ --tblr-btn-disabled-color: var(--tblr-linkedin);
16589
16548
  --tblr-btn-disabled-bg: transparent;
16590
16549
  --tblr-btn-disabled-border-color: transparent;
16591
16550
  --tblr-gradient: none;
@@ -16593,18 +16552,17 @@ a.badge {
16593
16552
  }
16594
16553
 
16595
16554
  .btn-ghost-google {
16596
- --tblr-btn-color: #dc4e41;
16555
+ --tblr-btn-color: var(--tblr-google);
16597
16556
  --tblr-btn-bg: transparent;
16598
16557
  --tblr-btn-border-color: transparent;
16599
- --tblr-btn-hover-color: #f8fafc;
16600
- --tblr-btn-hover-bg: #dc4e41;
16601
- --tblr-btn-hover-border-color: #dc4e41;
16602
- --tblr-btn-focus-shadow-rgb: 220, 78, 65;
16603
- --tblr-btn-active-color: #f8fafc;
16604
- --tblr-btn-active-bg: #dc4e41;
16558
+ --tblr-btn-hover-color: var(--tblr-google-fg);
16559
+ --tblr-btn-hover-bg: var(--tblr-google);
16560
+ --tblr-btn-hover-border-color: var(--tblr-google);
16561
+ --tblr-btn-active-color: var(--tblr-google-fg);
16562
+ --tblr-btn-active-bg: var(--tblr-google);
16605
16563
  --tblr-btn-active-border-color: transparent;
16606
16564
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16607
- --tblr-btn-disabled-color: #dc4e41;
16565
+ --tblr-btn-disabled-color: var(--tblr-google);
16608
16566
  --tblr-btn-disabled-bg: transparent;
16609
16567
  --tblr-btn-disabled-border-color: transparent;
16610
16568
  --tblr-gradient: none;
@@ -16612,18 +16570,17 @@ a.badge {
16612
16570
  }
16613
16571
 
16614
16572
  .btn-ghost-youtube {
16615
- --tblr-btn-color: #ff0000;
16573
+ --tblr-btn-color: var(--tblr-youtube);
16616
16574
  --tblr-btn-bg: transparent;
16617
16575
  --tblr-btn-border-color: transparent;
16618
- --tblr-btn-hover-color: #f8fafc;
16619
- --tblr-btn-hover-bg: #ff0000;
16620
- --tblr-btn-hover-border-color: #ff0000;
16621
- --tblr-btn-focus-shadow-rgb: 255, 0, 0;
16622
- --tblr-btn-active-color: #f8fafc;
16623
- --tblr-btn-active-bg: #ff0000;
16576
+ --tblr-btn-hover-color: var(--tblr-youtube-fg);
16577
+ --tblr-btn-hover-bg: var(--tblr-youtube);
16578
+ --tblr-btn-hover-border-color: var(--tblr-youtube);
16579
+ --tblr-btn-active-color: var(--tblr-youtube-fg);
16580
+ --tblr-btn-active-bg: var(--tblr-youtube);
16624
16581
  --tblr-btn-active-border-color: transparent;
16625
16582
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16626
- --tblr-btn-disabled-color: #ff0000;
16583
+ --tblr-btn-disabled-color: var(--tblr-youtube);
16627
16584
  --tblr-btn-disabled-bg: transparent;
16628
16585
  --tblr-btn-disabled-border-color: transparent;
16629
16586
  --tblr-gradient: none;
@@ -16631,18 +16588,17 @@ a.badge {
16631
16588
  }
16632
16589
 
16633
16590
  .btn-ghost-vimeo {
16634
- --tblr-btn-color: #1ab7ea;
16591
+ --tblr-btn-color: var(--tblr-vimeo);
16635
16592
  --tblr-btn-bg: transparent;
16636
16593
  --tblr-btn-border-color: transparent;
16637
- --tblr-btn-hover-color: #f8fafc;
16638
- --tblr-btn-hover-bg: #1ab7ea;
16639
- --tblr-btn-hover-border-color: #1ab7ea;
16640
- --tblr-btn-focus-shadow-rgb: 26, 183, 234;
16641
- --tblr-btn-active-color: #f8fafc;
16642
- --tblr-btn-active-bg: #1ab7ea;
16594
+ --tblr-btn-hover-color: var(--tblr-vimeo-fg);
16595
+ --tblr-btn-hover-bg: var(--tblr-vimeo);
16596
+ --tblr-btn-hover-border-color: var(--tblr-vimeo);
16597
+ --tblr-btn-active-color: var(--tblr-vimeo-fg);
16598
+ --tblr-btn-active-bg: var(--tblr-vimeo);
16643
16599
  --tblr-btn-active-border-color: transparent;
16644
16600
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16645
- --tblr-btn-disabled-color: #1ab7ea;
16601
+ --tblr-btn-disabled-color: var(--tblr-vimeo);
16646
16602
  --tblr-btn-disabled-bg: transparent;
16647
16603
  --tblr-btn-disabled-border-color: transparent;
16648
16604
  --tblr-gradient: none;
@@ -16650,18 +16606,17 @@ a.badge {
16650
16606
  }
16651
16607
 
16652
16608
  .btn-ghost-dribbble {
16653
- --tblr-btn-color: #ea4c89;
16609
+ --tblr-btn-color: var(--tblr-dribbble);
16654
16610
  --tblr-btn-bg: transparent;
16655
16611
  --tblr-btn-border-color: transparent;
16656
- --tblr-btn-hover-color: #f8fafc;
16657
- --tblr-btn-hover-bg: #ea4c89;
16658
- --tblr-btn-hover-border-color: #ea4c89;
16659
- --tblr-btn-focus-shadow-rgb: 234, 76, 137;
16660
- --tblr-btn-active-color: #f8fafc;
16661
- --tblr-btn-active-bg: #ea4c89;
16612
+ --tblr-btn-hover-color: var(--tblr-dribbble-fg);
16613
+ --tblr-btn-hover-bg: var(--tblr-dribbble);
16614
+ --tblr-btn-hover-border-color: var(--tblr-dribbble);
16615
+ --tblr-btn-active-color: var(--tblr-dribbble-fg);
16616
+ --tblr-btn-active-bg: var(--tblr-dribbble);
16662
16617
  --tblr-btn-active-border-color: transparent;
16663
16618
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16664
- --tblr-btn-disabled-color: #ea4c89;
16619
+ --tblr-btn-disabled-color: var(--tblr-dribbble);
16665
16620
  --tblr-btn-disabled-bg: transparent;
16666
16621
  --tblr-btn-disabled-border-color: transparent;
16667
16622
  --tblr-gradient: none;
@@ -16669,18 +16624,17 @@ a.badge {
16669
16624
  }
16670
16625
 
16671
16626
  .btn-ghost-github {
16672
- --tblr-btn-color: #181717;
16627
+ --tblr-btn-color: var(--tblr-github);
16673
16628
  --tblr-btn-bg: transparent;
16674
16629
  --tblr-btn-border-color: transparent;
16675
- --tblr-btn-hover-color: #f8fafc;
16676
- --tblr-btn-hover-bg: #181717;
16677
- --tblr-btn-hover-border-color: #181717;
16678
- --tblr-btn-focus-shadow-rgb: 24, 23, 23;
16679
- --tblr-btn-active-color: #f8fafc;
16680
- --tblr-btn-active-bg: #181717;
16630
+ --tblr-btn-hover-color: var(--tblr-github-fg);
16631
+ --tblr-btn-hover-bg: var(--tblr-github);
16632
+ --tblr-btn-hover-border-color: var(--tblr-github);
16633
+ --tblr-btn-active-color: var(--tblr-github-fg);
16634
+ --tblr-btn-active-bg: var(--tblr-github);
16681
16635
  --tblr-btn-active-border-color: transparent;
16682
16636
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16683
- --tblr-btn-disabled-color: #181717;
16637
+ --tblr-btn-disabled-color: var(--tblr-github);
16684
16638
  --tblr-btn-disabled-bg: transparent;
16685
16639
  --tblr-btn-disabled-border-color: transparent;
16686
16640
  --tblr-gradient: none;
@@ -16688,18 +16642,17 @@ a.badge {
16688
16642
  }
16689
16643
 
16690
16644
  .btn-ghost-instagram {
16691
- --tblr-btn-color: #e4405f;
16645
+ --tblr-btn-color: var(--tblr-instagram);
16692
16646
  --tblr-btn-bg: transparent;
16693
16647
  --tblr-btn-border-color: transparent;
16694
- --tblr-btn-hover-color: #f8fafc;
16695
- --tblr-btn-hover-bg: #e4405f;
16696
- --tblr-btn-hover-border-color: #e4405f;
16697
- --tblr-btn-focus-shadow-rgb: 228, 64, 95;
16698
- --tblr-btn-active-color: #f8fafc;
16699
- --tblr-btn-active-bg: #e4405f;
16648
+ --tblr-btn-hover-color: var(--tblr-instagram-fg);
16649
+ --tblr-btn-hover-bg: var(--tblr-instagram);
16650
+ --tblr-btn-hover-border-color: var(--tblr-instagram);
16651
+ --tblr-btn-active-color: var(--tblr-instagram-fg);
16652
+ --tblr-btn-active-bg: var(--tblr-instagram);
16700
16653
  --tblr-btn-active-border-color: transparent;
16701
16654
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16702
- --tblr-btn-disabled-color: #e4405f;
16655
+ --tblr-btn-disabled-color: var(--tblr-instagram);
16703
16656
  --tblr-btn-disabled-bg: transparent;
16704
16657
  --tblr-btn-disabled-border-color: transparent;
16705
16658
  --tblr-gradient: none;
@@ -16707,18 +16660,17 @@ a.badge {
16707
16660
  }
16708
16661
 
16709
16662
  .btn-ghost-pinterest {
16710
- --tblr-btn-color: #bd081c;
16663
+ --tblr-btn-color: var(--tblr-pinterest);
16711
16664
  --tblr-btn-bg: transparent;
16712
16665
  --tblr-btn-border-color: transparent;
16713
- --tblr-btn-hover-color: #f8fafc;
16714
- --tblr-btn-hover-bg: #bd081c;
16715
- --tblr-btn-hover-border-color: #bd081c;
16716
- --tblr-btn-focus-shadow-rgb: 189, 8, 28;
16717
- --tblr-btn-active-color: #f8fafc;
16718
- --tblr-btn-active-bg: #bd081c;
16666
+ --tblr-btn-hover-color: var(--tblr-pinterest-fg);
16667
+ --tblr-btn-hover-bg: var(--tblr-pinterest);
16668
+ --tblr-btn-hover-border-color: var(--tblr-pinterest);
16669
+ --tblr-btn-active-color: var(--tblr-pinterest-fg);
16670
+ --tblr-btn-active-bg: var(--tblr-pinterest);
16719
16671
  --tblr-btn-active-border-color: transparent;
16720
16672
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16721
- --tblr-btn-disabled-color: #bd081c;
16673
+ --tblr-btn-disabled-color: var(--tblr-pinterest);
16722
16674
  --tblr-btn-disabled-bg: transparent;
16723
16675
  --tblr-btn-disabled-border-color: transparent;
16724
16676
  --tblr-gradient: none;
@@ -16726,18 +16678,17 @@ a.badge {
16726
16678
  }
16727
16679
 
16728
16680
  .btn-ghost-vk {
16729
- --tblr-btn-color: #6383a8;
16681
+ --tblr-btn-color: var(--tblr-vk);
16730
16682
  --tblr-btn-bg: transparent;
16731
16683
  --tblr-btn-border-color: transparent;
16732
- --tblr-btn-hover-color: #f8fafc;
16733
- --tblr-btn-hover-bg: #6383a8;
16734
- --tblr-btn-hover-border-color: #6383a8;
16735
- --tblr-btn-focus-shadow-rgb: 99, 131, 168;
16736
- --tblr-btn-active-color: #f8fafc;
16737
- --tblr-btn-active-bg: #6383a8;
16684
+ --tblr-btn-hover-color: var(--tblr-vk-fg);
16685
+ --tblr-btn-hover-bg: var(--tblr-vk);
16686
+ --tblr-btn-hover-border-color: var(--tblr-vk);
16687
+ --tblr-btn-active-color: var(--tblr-vk-fg);
16688
+ --tblr-btn-active-bg: var(--tblr-vk);
16738
16689
  --tblr-btn-active-border-color: transparent;
16739
16690
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16740
- --tblr-btn-disabled-color: #6383a8;
16691
+ --tblr-btn-disabled-color: var(--tblr-vk);
16741
16692
  --tblr-btn-disabled-bg: transparent;
16742
16693
  --tblr-btn-disabled-border-color: transparent;
16743
16694
  --tblr-gradient: none;
@@ -16745,18 +16696,17 @@ a.badge {
16745
16696
  }
16746
16697
 
16747
16698
  .btn-ghost-rss {
16748
- --tblr-btn-color: #ffa500;
16699
+ --tblr-btn-color: var(--tblr-rss);
16749
16700
  --tblr-btn-bg: transparent;
16750
16701
  --tblr-btn-border-color: transparent;
16751
- --tblr-btn-hover-color: #f8fafc;
16752
- --tblr-btn-hover-bg: #ffa500;
16753
- --tblr-btn-hover-border-color: #ffa500;
16754
- --tblr-btn-focus-shadow-rgb: 255, 165, 0;
16755
- --tblr-btn-active-color: #f8fafc;
16756
- --tblr-btn-active-bg: #ffa500;
16702
+ --tblr-btn-hover-color: var(--tblr-rss-fg);
16703
+ --tblr-btn-hover-bg: var(--tblr-rss);
16704
+ --tblr-btn-hover-border-color: var(--tblr-rss);
16705
+ --tblr-btn-active-color: var(--tblr-rss-fg);
16706
+ --tblr-btn-active-bg: var(--tblr-rss);
16757
16707
  --tblr-btn-active-border-color: transparent;
16758
16708
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16759
- --tblr-btn-disabled-color: #ffa500;
16709
+ --tblr-btn-disabled-color: var(--tblr-rss);
16760
16710
  --tblr-btn-disabled-bg: transparent;
16761
16711
  --tblr-btn-disabled-border-color: transparent;
16762
16712
  --tblr-gradient: none;
@@ -16764,18 +16714,17 @@ a.badge {
16764
16714
  }
16765
16715
 
16766
16716
  .btn-ghost-flickr {
16767
- --tblr-btn-color: #0063dc;
16717
+ --tblr-btn-color: var(--tblr-flickr);
16768
16718
  --tblr-btn-bg: transparent;
16769
16719
  --tblr-btn-border-color: transparent;
16770
- --tblr-btn-hover-color: #f8fafc;
16771
- --tblr-btn-hover-bg: #0063dc;
16772
- --tblr-btn-hover-border-color: #0063dc;
16773
- --tblr-btn-focus-shadow-rgb: 0, 99, 220;
16774
- --tblr-btn-active-color: #f8fafc;
16775
- --tblr-btn-active-bg: #0063dc;
16720
+ --tblr-btn-hover-color: var(--tblr-flickr-fg);
16721
+ --tblr-btn-hover-bg: var(--tblr-flickr);
16722
+ --tblr-btn-hover-border-color: var(--tblr-flickr);
16723
+ --tblr-btn-active-color: var(--tblr-flickr-fg);
16724
+ --tblr-btn-active-bg: var(--tblr-flickr);
16776
16725
  --tblr-btn-active-border-color: transparent;
16777
16726
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16778
- --tblr-btn-disabled-color: #0063dc;
16727
+ --tblr-btn-disabled-color: var(--tblr-flickr);
16779
16728
  --tblr-btn-disabled-bg: transparent;
16780
16729
  --tblr-btn-disabled-border-color: transparent;
16781
16730
  --tblr-gradient: none;
@@ -16783,18 +16732,17 @@ a.badge {
16783
16732
  }
16784
16733
 
16785
16734
  .btn-ghost-bitbucket {
16786
- --tblr-btn-color: #0052cc;
16735
+ --tblr-btn-color: var(--tblr-bitbucket);
16787
16736
  --tblr-btn-bg: transparent;
16788
16737
  --tblr-btn-border-color: transparent;
16789
- --tblr-btn-hover-color: #f8fafc;
16790
- --tblr-btn-hover-bg: #0052cc;
16791
- --tblr-btn-hover-border-color: #0052cc;
16792
- --tblr-btn-focus-shadow-rgb: 0, 82, 204;
16793
- --tblr-btn-active-color: #f8fafc;
16794
- --tblr-btn-active-bg: #0052cc;
16738
+ --tblr-btn-hover-color: var(--tblr-bitbucket-fg);
16739
+ --tblr-btn-hover-bg: var(--tblr-bitbucket);
16740
+ --tblr-btn-hover-border-color: var(--tblr-bitbucket);
16741
+ --tblr-btn-active-color: var(--tblr-bitbucket-fg);
16742
+ --tblr-btn-active-bg: var(--tblr-bitbucket);
16795
16743
  --tblr-btn-active-border-color: transparent;
16796
16744
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16797
- --tblr-btn-disabled-color: #0052cc;
16745
+ --tblr-btn-disabled-color: var(--tblr-bitbucket);
16798
16746
  --tblr-btn-disabled-bg: transparent;
16799
16747
  --tblr-btn-disabled-border-color: transparent;
16800
16748
  --tblr-gradient: none;
@@ -16802,18 +16750,17 @@ a.badge {
16802
16750
  }
16803
16751
 
16804
16752
  .btn-ghost-tabler {
16805
- --tblr-btn-color: #206bc4;
16753
+ --tblr-btn-color: var(--tblr-tabler);
16806
16754
  --tblr-btn-bg: transparent;
16807
16755
  --tblr-btn-border-color: transparent;
16808
- --tblr-btn-hover-color: #f8fafc;
16809
- --tblr-btn-hover-bg: #206bc4;
16810
- --tblr-btn-hover-border-color: #206bc4;
16811
- --tblr-btn-focus-shadow-rgb: 32, 107, 196;
16812
- --tblr-btn-active-color: #f8fafc;
16813
- --tblr-btn-active-bg: #206bc4;
16756
+ --tblr-btn-hover-color: var(--tblr-tabler-fg);
16757
+ --tblr-btn-hover-bg: var(--tblr-tabler);
16758
+ --tblr-btn-hover-border-color: var(--tblr-tabler);
16759
+ --tblr-btn-active-color: var(--tblr-tabler-fg);
16760
+ --tblr-btn-active-bg: var(--tblr-tabler);
16814
16761
  --tblr-btn-active-border-color: transparent;
16815
16762
  --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
16816
- --tblr-btn-disabled-color: #206bc4;
16763
+ --tblr-btn-disabled-color: var(--tblr-tabler);
16817
16764
  --tblr-btn-disabled-bg: transparent;
16818
16765
  --tblr-btn-disabled-border-color: transparent;
16819
16766
  --tblr-gradient: none;
@@ -16854,13 +16801,10 @@ a.badge {
16854
16801
  }
16855
16802
 
16856
16803
  .btn-list {
16804
+ --tblr-list-gap: 0.5rem;
16857
16805
  display: flex;
16858
16806
  flex-wrap: wrap;
16859
- margin-bottom: -0.5rem !important;
16860
- margin-right: -0.5rem;
16861
- }
16862
- .btn-list > * {
16863
- margin: 0 0.5rem 0.5rem 0 !important;
16807
+ gap: var(--tblr-list-gap);
16864
16808
  }
16865
16809
 
16866
16810
  .btn-floating {
@@ -16900,13 +16844,14 @@ a.badge {
16900
16844
  .btn-action {
16901
16845
  padding: 0;
16902
16846
  border: 0;
16903
- color: #616876;
16847
+ color: var(--tblr-muted);
16904
16848
  display: inline-flex;
16905
16849
  width: 2rem;
16906
16850
  height: 2rem;
16907
16851
  align-items: center;
16908
16852
  justify-content: center;
16909
16853
  border-radius: var(--tblr-border-radius);
16854
+ background: transparent;
16910
16855
  }
16911
16856
  .btn-action:after {
16912
16857
  content: none;
@@ -16916,8 +16861,8 @@ a.badge {
16916
16861
  box-shadow: none;
16917
16862
  }
16918
16863
  .btn-action:hover, .btn-action.show {
16919
- color: #1d273b;
16920
- background: #f1f5f9;
16864
+ color: var(--tblr-body-color);
16865
+ background: var(--tblr-active-bg);
16921
16866
  }
16922
16867
  .btn-action.show {
16923
16868
  color: var(--tblr-primary);
@@ -16960,7 +16905,7 @@ a.badge {
16960
16905
  }
16961
16906
 
16962
16907
  .calendar-header {
16963
- color: #616876;
16908
+ color: var(--tblr-muted);
16964
16909
  }
16965
16910
 
16966
16911
  .calendar-date {
@@ -17286,8 +17231,10 @@ Stacked card
17286
17231
  }
17287
17232
 
17288
17233
  .card-header-tabs {
17234
+ background: var(--tblr-bg-surface-secondary);
17289
17235
  flex: 1;
17290
- margin: -0.5rem -0.75rem -1rem;
17236
+ 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);
17237
+ padding: calc(var(--tblr-card-cap-padding-y) * 0.5) calc(var(--tblr-card-cap-padding-x) * 0.5) 0;
17291
17238
  }
17292
17239
 
17293
17240
  .card-header-pills {
@@ -17351,7 +17298,7 @@ Stacked card
17351
17298
  }
17352
17299
 
17353
17300
  .card-meta {
17354
- color: #616876;
17301
+ color: var(--tblr-muted);
17355
17302
  }
17356
17303
 
17357
17304
  .card-title {
@@ -17371,7 +17318,7 @@ a.card-title:hover {
17371
17318
 
17372
17319
  .card-subtitle {
17373
17320
  margin-bottom: 1.25rem;
17374
- color: #616876;
17321
+ color: var(--tblr-muted);
17375
17322
  font-weight: normal;
17376
17323
  }
17377
17324
  .card-header .card-subtitle {
@@ -17433,7 +17380,7 @@ Card optinos
17433
17380
  display: inline-block;
17434
17381
  min-width: 1rem;
17435
17382
  margin-left: 0.25rem;
17436
- color: #616876;
17383
+ color: var(--tblr-muted);
17437
17384
  }
17438
17385
 
17439
17386
  /**
@@ -17646,7 +17593,7 @@ Card list group
17646
17593
  width: 1.25rem !important;
17647
17594
  height: 1.25rem !important;
17648
17595
  margin-right: 0.5rem;
17649
- color: #616876;
17596
+ color: var(--tblr-muted);
17650
17597
  opacity: 0.7;
17651
17598
  text-align: center;
17652
17599
  }
@@ -17766,7 +17713,7 @@ Card list group
17766
17713
  width: 3rem;
17767
17714
  height: 3rem;
17768
17715
  line-height: 1;
17769
- color: #616876;
17716
+ color: var(--tblr-muted);
17770
17717
  }
17771
17718
  .empty-icon svg {
17772
17719
  width: 100%;
@@ -17787,7 +17734,7 @@ Card list group
17787
17734
  font-size: 4rem;
17788
17735
  font-weight: var(--tblr-font-weight-light);
17789
17736
  line-height: 1;
17790
- color: #616876;
17737
+ color: var(--tblr-muted);
17791
17738
  }
17792
17739
 
17793
17740
  .empty-title {
@@ -18158,9 +18105,10 @@ Card list group
18158
18105
  }
18159
18106
 
18160
18107
  .icon {
18161
- width: 1.25rem;
18162
- height: 1.25rem;
18163
- font-size: 1.25rem;
18108
+ --tblr-icon-size: 1.25rem;
18109
+ width: var(--tblr-icon-size);
18110
+ height: var(--tblr-icon-size);
18111
+ font-size: var(--tblr-icon-size);
18164
18112
  vertical-align: bottom;
18165
18113
  stroke-width: 1.5;
18166
18114
  }
@@ -18169,9 +18117,7 @@ Card list group
18169
18117
  }
18170
18118
 
18171
18119
  .icon-inline {
18172
- width: 1rem;
18173
- height: 1rem;
18174
- font-size: 1rem;
18120
+ --tblr-icon-size: 1rem;
18175
18121
  vertical-align: -0.2rem;
18176
18122
  }
18177
18123
 
@@ -18180,124 +18126,40 @@ Card list group
18180
18126
  }
18181
18127
 
18182
18128
  .icon-sm {
18183
- width: 1rem;
18184
- height: 1rem;
18129
+ --tblr-icon-size: 1rem;
18185
18130
  stroke-width: 1;
18186
18131
  }
18187
18132
 
18188
18133
  .icon-md {
18189
- width: 2.5rem;
18190
- height: 2.5rem;
18134
+ --tblr-icon-size: 2.5rem;
18191
18135
  stroke-width: 1;
18192
18136
  }
18193
18137
 
18194
18138
  .icon-lg {
18195
- width: 3.5rem;
18196
- height: 3.5rem;
18139
+ --tblr-icon-size: 3.5rem;
18197
18140
  stroke-width: 1;
18198
18141
  }
18199
18142
 
18200
- @-webkit-keyframes icon-pulse {
18201
- from {
18202
- opacity: 1;
18203
- transform: scale3d(0.8, 0.8, 0.8);
18204
- }
18205
- 50% {
18206
- transform: scale3d(1, 1, 1);
18207
- opacity: 1;
18208
- }
18209
- to {
18210
- opacity: 1;
18211
- transform: scale3d(0.8, 0.8, 0.8);
18212
- }
18213
- }
18214
-
18215
- @keyframes icon-pulse {
18216
- from {
18217
- opacity: 1;
18218
- transform: scale3d(0.8, 0.8, 0.8);
18219
- }
18220
- 50% {
18221
- transform: scale3d(1, 1, 1);
18222
- opacity: 1;
18223
- }
18224
- to {
18225
- opacity: 1;
18226
- transform: scale3d(0.8, 0.8, 0.8);
18227
- }
18228
- }
18229
18143
  .icon-pulse {
18230
18144
  transition: all 0.15s ease 0s;
18231
- -webkit-animation: icon-pulse 2s ease infinite;
18232
- animation: icon-pulse 2s ease infinite;
18145
+ -webkit-animation: pulse 2s ease infinite;
18146
+ animation: pulse 2s ease infinite;
18233
18147
  -webkit-animation-fill-mode: both;
18234
18148
  animation-fill-mode: both;
18235
18149
  }
18236
18150
 
18237
- @-webkit-keyframes icon-tada {
18238
- 0% {
18239
- transform: scale3d(1, 1, 1);
18240
- }
18241
- 10%, 5% {
18242
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
18243
- }
18244
- 15%, 25%, 35%, 45% {
18245
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
18246
- }
18247
- 20%, 30%, 40% {
18248
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
18249
- }
18250
- 50% {
18251
- transform: scale3d(1, 1, 1);
18252
- }
18253
- }
18254
-
18255
- @keyframes icon-tada {
18256
- 0% {
18257
- transform: scale3d(1, 1, 1);
18258
- }
18259
- 10%, 5% {
18260
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
18261
- }
18262
- 15%, 25%, 35%, 45% {
18263
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
18264
- }
18265
- 20%, 30%, 40% {
18266
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
18267
- }
18268
- 50% {
18269
- transform: scale3d(1, 1, 1);
18270
- }
18271
- }
18272
18151
  .icon-tada {
18273
18152
  transition: all 0.15s ease 0s;
18274
- -webkit-animation: icon-tada 3s ease infinite;
18275
- animation: icon-tada 3s ease infinite;
18153
+ -webkit-animation: tada 3s ease infinite;
18154
+ animation: tada 3s ease infinite;
18276
18155
  -webkit-animation-fill-mode: both;
18277
18156
  animation-fill-mode: both;
18278
18157
  }
18279
18158
 
18280
- @-webkit-keyframes icon-rotate {
18281
- from {
18282
- transform: rotate(0deg);
18283
- }
18284
- to {
18285
- transform: rotate(360deg);
18286
- }
18287
- }
18288
-
18289
- @keyframes icon-rotate {
18290
- from {
18291
- transform: rotate(0deg);
18292
- }
18293
- to {
18294
- transform: rotate(360deg);
18295
- }
18296
- }
18297
18159
  .icon-rotate {
18298
18160
  transition: all 0.15s ease 0s;
18299
- -webkit-animation: icon-rotate 3s linear infinite;
18300
- animation: icon-rotate 3s linear infinite;
18161
+ -webkit-animation: rotate-360 3s linear infinite;
18162
+ animation: rotate-360 3s linear infinite;
18301
18163
  -webkit-animation-fill-mode: both;
18302
18164
  animation-fill-mode: both;
18303
18165
  }
@@ -18357,7 +18219,7 @@ Form label
18357
18219
  .form-label-description {
18358
18220
  float: right;
18359
18221
  font-weight: var(--tblr-font-weight-normal);
18360
- color: #616876;
18222
+ color: var(--tblr-muted);
18361
18223
  }
18362
18224
 
18363
18225
  /**
@@ -18365,7 +18227,7 @@ Form hint
18365
18227
  */
18366
18228
  .form-hint {
18367
18229
  display: block;
18368
- color: #616876;
18230
+ color: var(--tblr-muted);
18369
18231
  }
18370
18232
  .form-hint:last-child {
18371
18233
  margin-bottom: 0;
@@ -18395,7 +18257,7 @@ Form control
18395
18257
  color: var(--tblr-body-color);
18396
18258
  }
18397
18259
  .form-control:disabled, .form-control.disabled {
18398
- color: #616876;
18260
+ color: var(--tblr-muted);
18399
18261
  -webkit-user-select: none;
18400
18262
  -moz-user-select: none;
18401
18263
  -ms-user-select: none;
@@ -18484,7 +18346,7 @@ Form help
18484
18346
  width: 1.125rem;
18485
18347
  height: 1.125rem;
18486
18348
  font-size: 0.75rem;
18487
- color: #616876;
18349
+ color: var(--tblr-muted);
18488
18350
  text-align: center;
18489
18351
  text-decoration: none;
18490
18352
  cursor: pointer;
@@ -18741,7 +18603,7 @@ Image check
18741
18603
  .form-imagecheck-caption {
18742
18604
  padding: 0.25rem;
18743
18605
  font-size: 0.765625rem;
18744
- color: #616876;
18606
+ color: var(--tblr-muted);
18745
18607
  text-align: center;
18746
18608
  transition: color 0.3s;
18747
18609
  }
@@ -18791,7 +18653,7 @@ Select group
18791
18653
  padding: 0.4375rem 0.75rem;
18792
18654
  font-size: 0.875rem;
18793
18655
  line-height: 1.4285714286;
18794
- color: #616876;
18656
+ color: var(--tblr-muted);
18795
18657
  background: var(--tblr-bg-forms);
18796
18658
  text-align: center;
18797
18659
  cursor: pointer;
@@ -18970,7 +18832,7 @@ Form check
18970
18832
 
18971
18833
  .form-check-description {
18972
18834
  display: block;
18973
- color: #616876;
18835
+ color: var(--tblr-muted);
18974
18836
  font-size: 0.75rem;
18975
18837
  margin-top: 0.25rem;
18976
18838
  }
@@ -19105,7 +18967,7 @@ Timeline
19105
18967
  .list-timeline-time {
19106
18968
  float: right;
19107
18969
  margin-left: 1rem;
19108
- color: #616876;
18970
+ color: var(--tblr-muted);
19109
18971
  }
19110
18972
 
19111
18973
  .list-timeline-icon {
@@ -19119,7 +18981,7 @@ Timeline
19119
18981
  height: 2.5rem;
19120
18982
  color: #ffffff;
19121
18983
  text-align: center;
19122
- background: #616876;
18984
+ background: var(--tblr-muted);
19123
18985
  border-radius: 100rem;
19124
18986
  }
19125
18987
  .list-timeline-icon .icon {
@@ -19145,9 +19007,9 @@ Timeline
19145
19007
  left: calc(7.5rem + 2px);
19146
19008
  z-index: 1;
19147
19009
  display: block;
19148
- width: 4px;
19010
+ width: 2px;
19149
19011
  content: "";
19150
- background-color: #f1f5f9;
19012
+ background-color: var(--tblr-border-color);
19151
19013
  }
19152
19014
  .list-timeline:not(.list-timeline-simple) > li {
19153
19015
  z-index: 2;
@@ -19179,12 +19041,12 @@ Timeline
19179
19041
  border: 0;
19180
19042
  }
19181
19043
  .list-group-transparent .list-group-item .icon {
19182
- color: #616876;
19044
+ color: var(--tblr-muted);
19183
19045
  }
19184
19046
  .list-group-transparent .list-group-item.active {
19185
19047
  font-weight: var(--tblr-font-weight-bold);
19186
19048
  color: inherit;
19187
- background: var(--tblr-gray-100);
19049
+ background: var(--tblr-active-bg);
19188
19050
  }
19189
19051
  .list-group-transparent .list-group-item.active .icon {
19190
19052
  color: inherit;
@@ -19218,23 +19080,6 @@ Inline list
19218
19080
  margin-inline-end: 0.5rem;
19219
19081
  }
19220
19082
 
19221
- @-webkit-keyframes loader {
19222
- from {
19223
- transform: rotate(0deg);
19224
- }
19225
- to {
19226
- transform: rotate(360deg);
19227
- }
19228
- }
19229
-
19230
- @keyframes loader {
19231
- from {
19232
- transform: rotate(0deg);
19233
- }
19234
- to {
19235
- transform: rotate(360deg);
19236
- }
19237
- }
19238
19083
  .loader {
19239
19084
  position: relative;
19240
19085
  display: block;
@@ -19250,13 +19095,13 @@ Inline list
19250
19095
  width: 100%;
19251
19096
  height: 100%;
19252
19097
  content: "";
19253
- border: 1px solid;
19098
+ border: 1px var(--tblr-border-style);
19254
19099
  border-color: transparent;
19255
19100
  border-top-color: currentColor;
19256
19101
  border-left-color: currentColor;
19257
19102
  border-radius: 100rem;
19258
- -webkit-animation: loader 0.6s linear;
19259
- animation: loader 0.6s linear;
19103
+ -webkit-animation: rotate-360 0.6s linear;
19104
+ animation: rotate-360 0.6s linear;
19260
19105
  -webkit-animation-iteration-count: infinite;
19261
19106
  animation-iteration-count: infinite;
19262
19107
  }
@@ -19356,7 +19201,7 @@ Dimmer
19356
19201
  left: 0;
19357
19202
  right: 0;
19358
19203
  height: 2px;
19359
- background: #616876;
19204
+ background: var(--tblr-muted);
19360
19205
  border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0;
19361
19206
  }
19362
19207
 
@@ -19418,7 +19263,7 @@ Dimmer
19418
19263
  margin: 0 0 -var(--tblr-border-width);
19419
19264
  border: 0;
19420
19265
  border-bottom: 2px var(--tblr-border-style) transparent;
19421
- color: #616876;
19266
+ color: var(--tblr-muted);
19422
19267
  }
19423
19268
  .nav-bordered .nav-link.active,
19424
19269
  .nav-bordered .nav-item.show .nav-link {
@@ -19426,12 +19271,6 @@ Dimmer
19426
19271
  border-color: var(--tblr-primary);
19427
19272
  }
19428
19273
 
19429
- .nav-tabs-alt .nav-link {
19430
- font-size: 13px;
19431
- font-weight: var(--tblr-font-weight-bold);
19432
- text-transform: uppercase;
19433
- }
19434
-
19435
19274
  .nav-link {
19436
19275
  display: flex;
19437
19276
  transition: color 0.3s;
@@ -19459,8 +19298,8 @@ Dimmer
19459
19298
  vertical-align: 0.306em;
19460
19299
  width: 0.36em;
19461
19300
  height: 0.36em;
19462
- border-bottom: 1px solid;
19463
- border-left: 1px solid;
19301
+ border-bottom: 1px var(--tblr-border-style);
19302
+ border-left: 1px var(--tblr-border-style);
19464
19303
  margin-right: 0.1em;
19465
19304
  margin-left: 0.4em;
19466
19305
  transform: rotate(-45deg);
@@ -19483,6 +19322,10 @@ Dimmer
19483
19322
  height: 100%;
19484
19323
  }
19485
19324
 
19325
+ .nav-fill .nav-item .nav-link {
19326
+ justify-content: center;
19327
+ }
19328
+
19486
19329
  .stars {
19487
19330
  display: inline-flex;
19488
19331
  color: #9ba9be;
@@ -19522,7 +19365,7 @@ Dimmer
19522
19365
  .page-item-subtitle {
19523
19366
  margin-bottom: 2px;
19524
19367
  font-size: 12px;
19525
- color: #616876;
19368
+ color: var(--tblr-muted);
19526
19369
  text-transform: uppercase;
19527
19370
  }
19528
19371
  .page-item.disabled .page-item-subtitle {
@@ -19682,7 +19525,7 @@ Progressbg
19682
19525
  height: 0;
19683
19526
  content: "";
19684
19527
  filter: brightness(70%);
19685
- border: calc(var(--tblr-ribbon-margin) * 0.5) solid;
19528
+ border: calc(var(--tblr-ribbon-margin) * 0.5) var(--tblr-border-style);
19686
19529
  border-color: inherit;
19687
19530
  border-top-color: transparent;
19688
19531
  border-right-color: transparent;
@@ -19820,7 +19663,7 @@ Progressbg
19820
19663
  width: 0;
19821
19664
  height: 0;
19822
19665
  content: "";
19823
- border: 1rem solid;
19666
+ border: 1rem var(--tblr-border-style);
19824
19667
  border-color: inherit;
19825
19668
  border-right-width: 0;
19826
19669
  border-left-color: transparent;
@@ -20069,13 +19912,13 @@ a.step-item:hover {
20069
19912
  background: var(--tblr-bg-surface);
20070
19913
  }
20071
19914
  .step-item.active ~ .step-item {
20072
- color: #616876;
19915
+ color: var(--tblr-muted);
20073
19916
  }
20074
19917
  .step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
20075
19918
  background: #f3f5f5;
20076
19919
  }
20077
19920
  .step-item.active ~ .step-item:before {
20078
- color: #616876 !important;
19921
+ color: var(--tblr-muted) !important;
20079
19922
  }
20080
19923
 
20081
19924
  .steps-counter {
@@ -20313,8 +20156,8 @@ a.step-item:hover {
20313
20156
  }
20314
20157
 
20315
20158
  .status-facebook {
20316
- --tblr-status-color: #3b5998;
20317
- --tblr-status-color-rgb: 59, 89, 152;
20159
+ --tblr-status-color: #1877F2;
20160
+ --tblr-status-color-rgb: 24, 119, 242;
20318
20161
  }
20319
20162
 
20320
20163
  .status-twitter {
@@ -21226,7 +21069,7 @@ a.step-item:hover {
21226
21069
  }
21227
21070
 
21228
21071
  .toast-facebook {
21229
- --tblr-toast-color: #3b5998;
21072
+ --tblr-toast-color: #1877F2;
21230
21073
  }
21231
21074
 
21232
21075
  .toast-twitter {
@@ -21357,7 +21200,7 @@ Hr text
21357
21200
  .hr-text > *:first-child {
21358
21201
  padding-right: 0.5rem;
21359
21202
  padding-left: 0;
21360
- color: #616876;
21203
+ color: var(--tblr-muted);
21361
21204
  }
21362
21205
  .hr-text.hr-text-left:before {
21363
21206
  content: none;
@@ -21508,8 +21351,14 @@ code {
21508
21351
  }
21509
21352
 
21510
21353
  kbd {
21511
- font: inherit;
21512
- 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);
21354
+ border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
21355
+ display: inline-block;
21356
+ box-sizing: border-box;
21357
+ max-width: 100%;
21358
+ font-size: var(--tblr-font-size-h5);
21359
+ font-weight: var(--tblr-font-weight-medium);
21360
+ line-height: 1;
21361
+ vertical-align: baseline;
21513
21362
  }
21514
21363
 
21515
21364
  img {
@@ -21968,6 +21817,15 @@ Chart sparkline
21968
21817
  background-color: rgba(var(--tblr-tabler-rgb), 0.1) !important;
21969
21818
  }
21970
21819
 
21820
+ .bg-white {
21821
+ background-color: var(--tblr-white) !important;
21822
+ }
21823
+
21824
+ .bg-white-lt {
21825
+ color: var(--tblr-white) !important;
21826
+ background-color: rgba(var(--tblr-white-rgb), 0.1) !important;
21827
+ }
21828
+
21971
21829
  .text-primary {
21972
21830
  color: var(--tblr-primary) !important;
21973
21831
  }