mirror of
https://github.com/itflow-org/itflow
synced 2026-08-27 18:05:12 +00:00
2302 lines
70 KiB
CSS
2302 lines
70 KiB
CSS
@charset "UTF-8";
|
|
/*!
|
|
* AdminLTE v4.7.0 — AdminLTE 3 color palette (legacy)
|
|
* Opt-in. The extended colours exactly as AdminLTE 3 shipped them — same
|
|
* names, same values, same text-colour rule (Bootstrap 4's YIQ brightness
|
|
* test, so lightblue, olive and teal take white text as they did) — with
|
|
* the AdminLTE 4 class families: `.bg-*`, `.text-bg-*`, `.text-*`,
|
|
* `.border-*`, `.link-*`, `.bg-gradient-*`, `.card-*`, `.callout-*`,
|
|
* `.direct-chat-*`, plus dark-mode tokens — and `data-lte-primary="lightblue"`
|
|
* on <html> to make any of them Bootstrap's `primary`, buttons and all.
|
|
*
|
|
* Load EITHER this file OR adminlte-colors.css (the palette designed for
|
|
* 4.4), not both: they define the same class names (navy, teal, olive, …)
|
|
* with different values. Nothing here is in adminlte.css.
|
|
* See docs/colors.html.
|
|
*
|
|
* Author: Colorlib
|
|
* Website: AdminLTE.io <https://adminlte.io>
|
|
* License: Open source - MIT <https://opensource.org/licenses/MIT>
|
|
*/
|
|
:root,
|
|
[data-bs-theme=light] {
|
|
--bs-lightblue: #3c8dbc;
|
|
--bs-lightblue-rgb: 60, 141, 188;
|
|
--bs-lightblue-text-emphasis: #18384b;
|
|
--bs-lightblue-bg-subtle: #d8e8f2;
|
|
--bs-lightblue-border-subtle: #b1d1e4;
|
|
--bs-navy: #001f3f;
|
|
--bs-navy-rgb: 0, 31, 63;
|
|
--bs-navy-text-emphasis: #000c19;
|
|
--bs-navy-bg-subtle: #ccd2d9;
|
|
--bs-navy-border-subtle: #99a5b2;
|
|
--bs-olive: #3d9970;
|
|
--bs-olive-rgb: 61, 153, 112;
|
|
--bs-olive-text-emphasis: #183d2d;
|
|
--bs-olive-bg-subtle: #d8ebe2;
|
|
--bs-olive-border-subtle: #b1d6c6;
|
|
--bs-lime: #01ff70;
|
|
--bs-lime-rgb: 1, 255, 112;
|
|
--bs-lime-text-emphasis: #00662d;
|
|
--bs-lime-bg-subtle: #ccffe2;
|
|
--bs-lime-border-subtle: #99ffc6;
|
|
--bs-fuchsia: #f012be;
|
|
--bs-fuchsia-rgb: 240, 18, 190;
|
|
--bs-fuchsia-text-emphasis: #60074c;
|
|
--bs-fuchsia-bg-subtle: #fcd0f2;
|
|
--bs-fuchsia-border-subtle: #f9a0e5;
|
|
--bs-maroon: #d81b60;
|
|
--bs-maroon-rgb: 216, 27, 96;
|
|
--bs-maroon-text-emphasis: #560b26;
|
|
--bs-maroon-bg-subtle: #f7d1df;
|
|
--bs-maroon-border-subtle: #efa4bf;
|
|
--bs-blue: #007bff;
|
|
--bs-blue-rgb: 0, 123, 255;
|
|
--bs-blue-text-emphasis: #003166;
|
|
--bs-blue-bg-subtle: #cce5ff;
|
|
--bs-blue-border-subtle: #99caff;
|
|
--bs-indigo: #6610f2;
|
|
--bs-indigo-rgb: 102, 16, 242;
|
|
--bs-indigo-text-emphasis: #290661;
|
|
--bs-indigo-bg-subtle: #e0cffc;
|
|
--bs-indigo-border-subtle: #c29ffa;
|
|
--bs-purple: #6f42c1;
|
|
--bs-purple-rgb: 111, 66, 193;
|
|
--bs-purple-text-emphasis: #2c1a4d;
|
|
--bs-purple-bg-subtle: #e2d9f3;
|
|
--bs-purple-border-subtle: #c5b3e6;
|
|
--bs-pink: #e83e8c;
|
|
--bs-pink-rgb: 232, 62, 140;
|
|
--bs-pink-text-emphasis: #5d1938;
|
|
--bs-pink-bg-subtle: #fad8e8;
|
|
--bs-pink-border-subtle: #f6b2d1;
|
|
--bs-red: #dc3545;
|
|
--bs-red-rgb: 220, 53, 69;
|
|
--bs-red-text-emphasis: #58151c;
|
|
--bs-red-bg-subtle: #f8d7da;
|
|
--bs-red-border-subtle: #f1aeb5;
|
|
--bs-orange: #fd7e14;
|
|
--bs-orange-rgb: 253, 126, 20;
|
|
--bs-orange-text-emphasis: #653208;
|
|
--bs-orange-bg-subtle: #ffe5d0;
|
|
--bs-orange-border-subtle: #fecba1;
|
|
--bs-yellow: #ffc107;
|
|
--bs-yellow-rgb: 255, 193, 7;
|
|
--bs-yellow-text-emphasis: #664d03;
|
|
--bs-yellow-bg-subtle: #fff3cd;
|
|
--bs-yellow-border-subtle: #ffe69c;
|
|
--bs-green: #28a745;
|
|
--bs-green-rgb: 40, 167, 69;
|
|
--bs-green-text-emphasis: #10431c;
|
|
--bs-green-bg-subtle: #d4edda;
|
|
--bs-green-border-subtle: #a9dcb5;
|
|
--bs-teal: #20c997;
|
|
--bs-teal-rgb: 32, 201, 151;
|
|
--bs-teal-text-emphasis: #0d503c;
|
|
--bs-teal-bg-subtle: #d2f4ea;
|
|
--bs-teal-border-subtle: #a6e9d5;
|
|
--bs-cyan: #17a2b8;
|
|
--bs-cyan-rgb: 23, 162, 184;
|
|
--bs-cyan-text-emphasis: #09414a;
|
|
--bs-cyan-bg-subtle: #d1ecf1;
|
|
--bs-cyan-border-subtle: #a2dae3;
|
|
--bs-gray: #6c757d;
|
|
--bs-gray-rgb: 108, 117, 125;
|
|
--bs-gray-text-emphasis: #2b2f32;
|
|
--bs-gray-bg-subtle: #e2e3e5;
|
|
--bs-gray-border-subtle: #c4c8cb;
|
|
--bs-gray-dark: #343a40;
|
|
--bs-gray-dark-rgb: 52, 58, 64;
|
|
--bs-gray-dark-text-emphasis: #15171a;
|
|
--bs-gray-dark-bg-subtle: #d6d8d9;
|
|
--bs-gray-dark-border-subtle: #aeb0b3;
|
|
}
|
|
|
|
[data-bs-theme=dark] {
|
|
--bs-lightblue-text-emphasis: #8abbd7;
|
|
--bs-lightblue-bg-subtle: #0c1c26;
|
|
--bs-lightblue-border-subtle: #245571;
|
|
--bs-navy-text-emphasis: #66798c;
|
|
--bs-navy-bg-subtle: #00060d;
|
|
--bs-navy-border-subtle: #001326;
|
|
--bs-olive-text-emphasis: #8bc2a9;
|
|
--bs-olive-bg-subtle: #0c1f16;
|
|
--bs-olive-border-subtle: #255c43;
|
|
--bs-lime-text-emphasis: #67ffa9;
|
|
--bs-lime-bg-subtle: #003316;
|
|
--bs-lime-border-subtle: #019943;
|
|
--bs-fuchsia-text-emphasis: #f671d8;
|
|
--bs-fuchsia-bg-subtle: #300426;
|
|
--bs-fuchsia-border-subtle: #900b72;
|
|
--bs-maroon-text-emphasis: #e876a0;
|
|
--bs-maroon-bg-subtle: #2b0513;
|
|
--bs-maroon-border-subtle: #82103a;
|
|
--bs-blue-text-emphasis: #66b0ff;
|
|
--bs-blue-bg-subtle: #001933;
|
|
--bs-blue-border-subtle: #004a99;
|
|
--bs-indigo-text-emphasis: #a370f7;
|
|
--bs-indigo-bg-subtle: #140330;
|
|
--bs-indigo-border-subtle: #3d0a91;
|
|
--bs-purple-text-emphasis: #a98eda;
|
|
--bs-purple-bg-subtle: #160d27;
|
|
--bs-purple-border-subtle: #432874;
|
|
--bs-pink-text-emphasis: #f18bba;
|
|
--bs-pink-bg-subtle: #2e0c1c;
|
|
--bs-pink-border-subtle: #8b2554;
|
|
--bs-red-text-emphasis: #ea868f;
|
|
--bs-red-bg-subtle: #2c0b0e;
|
|
--bs-red-border-subtle: #842029;
|
|
--bs-orange-text-emphasis: #feb272;
|
|
--bs-orange-bg-subtle: #331904;
|
|
--bs-orange-border-subtle: #984c0c;
|
|
--bs-yellow-text-emphasis: #ffda6a;
|
|
--bs-yellow-bg-subtle: #332701;
|
|
--bs-yellow-border-subtle: #997404;
|
|
--bs-green-text-emphasis: #7eca8f;
|
|
--bs-green-bg-subtle: #08210e;
|
|
--bs-green-border-subtle: #186429;
|
|
--bs-teal-text-emphasis: #79dfc1;
|
|
--bs-teal-bg-subtle: #06281e;
|
|
--bs-teal-border-subtle: #13795b;
|
|
--bs-cyan-text-emphasis: #74c7d4;
|
|
--bs-cyan-bg-subtle: #052025;
|
|
--bs-cyan-border-subtle: #0e616e;
|
|
--bs-gray-text-emphasis: #a7acb1;
|
|
--bs-gray-bg-subtle: #161719;
|
|
--bs-gray-border-subtle: #41464b;
|
|
--bs-gray-dark-text-emphasis: #85898c;
|
|
--bs-gray-dark-bg-subtle: #0a0c0d;
|
|
--bs-gray-dark-border-subtle: #1f2326;
|
|
}
|
|
|
|
.bg-lightblue {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-lightblue-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-lightblue {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-lightblue-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-lightblue {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-lightblue-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-lightblue {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-lightblue-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-lightblue {
|
|
color: RGBA(var(--bs-lightblue-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-lightblue-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-lightblue:hover, .link-lightblue:focus {
|
|
color: RGBA(48, 113, 150, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(48, 113, 150, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-navy {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-navy-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-navy {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-navy-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-navy {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-navy-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-navy {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-navy-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-navy {
|
|
color: RGBA(var(--bs-navy-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-navy-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-navy:hover, .link-navy:focus {
|
|
color: RGBA(0, 25, 50, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(0, 25, 50, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-olive {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-olive-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-olive {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-olive-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-olive {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-olive-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-olive {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-olive-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-olive {
|
|
color: RGBA(var(--bs-olive-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-olive-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-olive:hover, .link-olive:focus {
|
|
color: RGBA(49, 122, 90, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(49, 122, 90, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-lime {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-lime-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-lime {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-lime-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-lime {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-lime-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-lime {
|
|
color: #1f2d3d !important;
|
|
background-color: RGBA(var(--bs-lime-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-lime {
|
|
color: RGBA(var(--bs-lime-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-lime-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-lime:hover, .link-lime:focus {
|
|
color: RGBA(1, 204, 90, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(1, 204, 90, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-fuchsia {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-fuchsia-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-fuchsia {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-fuchsia-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-fuchsia {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-fuchsia-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-fuchsia {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-fuchsia-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-fuchsia {
|
|
color: RGBA(var(--bs-fuchsia-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-fuchsia-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-fuchsia:hover, .link-fuchsia:focus {
|
|
color: RGBA(192, 14, 152, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(192, 14, 152, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-maroon {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-maroon-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-maroon {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-maroon-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-maroon {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-maroon-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-maroon {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-maroon-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-maroon {
|
|
color: RGBA(var(--bs-maroon-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-maroon-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-maroon:hover, .link-maroon:focus {
|
|
color: RGBA(173, 22, 77, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(173, 22, 77, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-blue {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-blue {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-blue {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-blue-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-blue {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-blue-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-blue {
|
|
color: RGBA(var(--bs-blue-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-blue-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-blue:hover, .link-blue:focus {
|
|
color: RGBA(0, 98, 204, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(0, 98, 204, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-indigo {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-indigo {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-indigo {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-indigo-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-indigo {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-indigo-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-indigo {
|
|
color: RGBA(var(--bs-indigo-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-indigo-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-indigo:hover, .link-indigo:focus {
|
|
color: RGBA(82, 13, 194, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(82, 13, 194, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-purple {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-purple {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-purple {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-purple-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-purple {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-purple-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-purple {
|
|
color: RGBA(var(--bs-purple-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-purple-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-purple:hover, .link-purple:focus {
|
|
color: RGBA(89, 53, 154, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(89, 53, 154, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-pink {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-pink {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-pink {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-pink {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-pink-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-pink {
|
|
color: RGBA(var(--bs-pink-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-pink-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-pink:hover, .link-pink:focus {
|
|
color: RGBA(186, 50, 112, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(186, 50, 112, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-red {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-red {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-red {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-red-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-red {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-red-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-red {
|
|
color: RGBA(var(--bs-red-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-red-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-red:hover, .link-red:focus {
|
|
color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-orange {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-orange {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-orange {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-orange-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-orange {
|
|
color: #1f2d3d !important;
|
|
background-color: RGBA(var(--bs-orange-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-orange {
|
|
color: RGBA(var(--bs-orange-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-orange-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-orange:hover, .link-orange:focus {
|
|
color: RGBA(202, 101, 16, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(202, 101, 16, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-yellow {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-yellow {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-yellow {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-yellow-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-yellow {
|
|
color: #1f2d3d !important;
|
|
background-color: RGBA(var(--bs-yellow-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-yellow {
|
|
color: RGBA(var(--bs-yellow-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-yellow-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-yellow:hover, .link-yellow:focus {
|
|
color: RGBA(204, 154, 6, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(204, 154, 6, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-green {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-green {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-green {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-green-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-green {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-green-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-green {
|
|
color: RGBA(var(--bs-green-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-green-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-green:hover, .link-green:focus {
|
|
color: RGBA(32, 134, 55, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(32, 134, 55, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-teal {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-teal {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-teal-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-teal {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-teal-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-teal {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-teal-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-teal {
|
|
color: RGBA(var(--bs-teal-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-teal-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-teal:hover, .link-teal:focus {
|
|
color: RGBA(26, 161, 121, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(26, 161, 121, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-cyan {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-cyan {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-cyan {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-cyan-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-cyan {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-cyan-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-cyan {
|
|
color: RGBA(var(--bs-cyan-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-cyan-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-cyan:hover, .link-cyan:focus {
|
|
color: RGBA(18, 130, 147, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(18, 130, 147, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-gray {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-gray {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-gray {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-gray {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-gray {
|
|
color: RGBA(var(--bs-gray-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-gray-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-gray:hover, .link-gray:focus {
|
|
color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-gray-dark {
|
|
--bs-bg-opacity: 1;
|
|
background-color: rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important;
|
|
}
|
|
|
|
.text-gray-dark {
|
|
--bs-text-opacity: 1;
|
|
color: rgba(var(--bs-gray-dark-rgb), var(--bs-text-opacity)) !important;
|
|
}
|
|
|
|
.border-gray-dark {
|
|
--bs-border-opacity: 1;
|
|
border-color: rgba(var(--bs-gray-dark-rgb), var(--bs-border-opacity)) !important;
|
|
}
|
|
|
|
.text-bg-gray-dark {
|
|
color: #fff !important;
|
|
background-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-bg-opacity, 1)) !important;
|
|
}
|
|
|
|
.link-gray-dark {
|
|
color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
.link-gray-dark:hover, .link-gray-dark:focus {
|
|
color: RGBA(42, 46, 51, var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(42, 46, 51, var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
|
|
.bg-gradient-primary {
|
|
color: #fff !important;
|
|
background-color: #0d6efd !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-secondary {
|
|
color: #fff !important;
|
|
background-color: #6c757d !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-success {
|
|
color: #fff !important;
|
|
background-color: #198754 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-info {
|
|
color: #fff !important;
|
|
background-color: #0dcaf0 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-warning {
|
|
color: #1f2d3d !important;
|
|
background-color: #ffc107 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-danger {
|
|
color: #fff !important;
|
|
background-color: #dc3545 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-light {
|
|
color: #1f2d3d !important;
|
|
background-color: #f8f9fa !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-dark {
|
|
color: #fff !important;
|
|
background-color: #212529 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-lightblue {
|
|
color: #fff !important;
|
|
background-color: #3c8dbc !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-navy {
|
|
color: #fff !important;
|
|
background-color: #001f3f !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-olive {
|
|
color: #fff !important;
|
|
background-color: #3d9970 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-lime {
|
|
color: #1f2d3d !important;
|
|
background-color: #01ff70 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-fuchsia {
|
|
color: #fff !important;
|
|
background-color: #f012be !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-maroon {
|
|
color: #fff !important;
|
|
background-color: #d81b60 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-blue {
|
|
color: #fff !important;
|
|
background-color: #007bff !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-indigo {
|
|
color: #fff !important;
|
|
background-color: #6610f2 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-purple {
|
|
color: #fff !important;
|
|
background-color: #6f42c1 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-pink {
|
|
color: #fff !important;
|
|
background-color: #e83e8c !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-red {
|
|
color: #fff !important;
|
|
background-color: #dc3545 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-orange {
|
|
color: #1f2d3d !important;
|
|
background-color: #fd7e14 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-yellow {
|
|
color: #1f2d3d !important;
|
|
background-color: #ffc107 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-green {
|
|
color: #fff !important;
|
|
background-color: #28a745 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-teal {
|
|
color: #fff !important;
|
|
background-color: #20c997 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-cyan {
|
|
color: #fff !important;
|
|
background-color: #17a2b8 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-gray {
|
|
color: #fff !important;
|
|
background-color: #6c757d !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.bg-gradient-gray-dark {
|
|
color: #fff !important;
|
|
background-color: #343a40 !important;
|
|
background-image: var(--bs-gradient) !important;
|
|
}
|
|
|
|
.card-lightblue,
|
|
.bg-lightblue,
|
|
.text-bg-lightblue {
|
|
--lte-card-variant-bg: #3c8dbc;
|
|
--lte-card-variant-bg-rgb: 60, 141, 188;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-navy,
|
|
.bg-navy,
|
|
.text-bg-navy {
|
|
--lte-card-variant-bg: #001f3f;
|
|
--lte-card-variant-bg-rgb: 0, 31, 63;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-olive,
|
|
.bg-olive,
|
|
.text-bg-olive {
|
|
--lte-card-variant-bg: #3d9970;
|
|
--lte-card-variant-bg-rgb: 61, 153, 112;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-lime,
|
|
.bg-lime,
|
|
.text-bg-lime {
|
|
--lte-card-variant-bg: #01ff70;
|
|
--lte-card-variant-bg-rgb: 1, 255, 112;
|
|
--lte-card-variant-color: #1f2d3d;
|
|
--lte-card-variant-color-rgb: 31, 45, 61;
|
|
}
|
|
|
|
.card-fuchsia,
|
|
.bg-fuchsia,
|
|
.text-bg-fuchsia {
|
|
--lte-card-variant-bg: #f012be;
|
|
--lte-card-variant-bg-rgb: 240, 18, 190;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-maroon,
|
|
.bg-maroon,
|
|
.text-bg-maroon {
|
|
--lte-card-variant-bg: #d81b60;
|
|
--lte-card-variant-bg-rgb: 216, 27, 96;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-blue,
|
|
.bg-blue,
|
|
.text-bg-blue {
|
|
--lte-card-variant-bg: #007bff;
|
|
--lte-card-variant-bg-rgb: 0, 123, 255;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-indigo,
|
|
.bg-indigo,
|
|
.text-bg-indigo {
|
|
--lte-card-variant-bg: #6610f2;
|
|
--lte-card-variant-bg-rgb: 102, 16, 242;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-purple,
|
|
.bg-purple,
|
|
.text-bg-purple {
|
|
--lte-card-variant-bg: #6f42c1;
|
|
--lte-card-variant-bg-rgb: 111, 66, 193;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-pink,
|
|
.bg-pink,
|
|
.text-bg-pink {
|
|
--lte-card-variant-bg: #e83e8c;
|
|
--lte-card-variant-bg-rgb: 232, 62, 140;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-red,
|
|
.bg-red,
|
|
.text-bg-red {
|
|
--lte-card-variant-bg: #dc3545;
|
|
--lte-card-variant-bg-rgb: 220, 53, 69;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-orange,
|
|
.bg-orange,
|
|
.text-bg-orange {
|
|
--lte-card-variant-bg: #fd7e14;
|
|
--lte-card-variant-bg-rgb: 253, 126, 20;
|
|
--lte-card-variant-color: #1f2d3d;
|
|
--lte-card-variant-color-rgb: 31, 45, 61;
|
|
}
|
|
|
|
.card-yellow,
|
|
.bg-yellow,
|
|
.text-bg-yellow {
|
|
--lte-card-variant-bg: #ffc107;
|
|
--lte-card-variant-bg-rgb: 255, 193, 7;
|
|
--lte-card-variant-color: #1f2d3d;
|
|
--lte-card-variant-color-rgb: 31, 45, 61;
|
|
}
|
|
|
|
.card-green,
|
|
.bg-green,
|
|
.text-bg-green {
|
|
--lte-card-variant-bg: #28a745;
|
|
--lte-card-variant-bg-rgb: 40, 167, 69;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-teal,
|
|
.bg-teal,
|
|
.text-bg-teal {
|
|
--lte-card-variant-bg: #20c997;
|
|
--lte-card-variant-bg-rgb: 32, 201, 151;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-cyan,
|
|
.bg-cyan,
|
|
.text-bg-cyan {
|
|
--lte-card-variant-bg: #17a2b8;
|
|
--lte-card-variant-bg-rgb: 23, 162, 184;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-gray,
|
|
.bg-gray,
|
|
.text-bg-gray {
|
|
--lte-card-variant-bg: #6c757d;
|
|
--lte-card-variant-bg-rgb: 108, 117, 125;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.card-gray-dark,
|
|
.bg-gray-dark,
|
|
.text-bg-gray-dark {
|
|
--lte-card-variant-bg: #343a40;
|
|
--lte-card-variant-bg-rgb: 52, 58, 64;
|
|
--lte-card-variant-color: #fff;
|
|
--lte-card-variant-color-rgb: 255, 255, 255;
|
|
}
|
|
|
|
.callout-lightblue {
|
|
--lte-callout-color: var(--bs-lightblue-text-emphasis);
|
|
--lte-callout-bg: var(--bs-lightblue-bg-subtle);
|
|
--lte-callout-border: var(--bs-lightblue-border-subtle);
|
|
--lte-callout-link: var(--bs-lightblue-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-lightblue-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-lightblue-text-emphasis);
|
|
}
|
|
|
|
.callout-navy {
|
|
--lte-callout-color: var(--bs-navy-text-emphasis);
|
|
--lte-callout-bg: var(--bs-navy-bg-subtle);
|
|
--lte-callout-border: var(--bs-navy-border-subtle);
|
|
--lte-callout-link: var(--bs-navy-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-navy-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-navy-text-emphasis);
|
|
}
|
|
|
|
.callout-olive {
|
|
--lte-callout-color: var(--bs-olive-text-emphasis);
|
|
--lte-callout-bg: var(--bs-olive-bg-subtle);
|
|
--lte-callout-border: var(--bs-olive-border-subtle);
|
|
--lte-callout-link: var(--bs-olive-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-olive-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-olive-text-emphasis);
|
|
}
|
|
|
|
.callout-lime {
|
|
--lte-callout-color: var(--bs-lime-text-emphasis);
|
|
--lte-callout-bg: var(--bs-lime-bg-subtle);
|
|
--lte-callout-border: var(--bs-lime-border-subtle);
|
|
--lte-callout-link: var(--bs-lime-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-lime-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-lime-text-emphasis);
|
|
}
|
|
|
|
.callout-fuchsia {
|
|
--lte-callout-color: var(--bs-fuchsia-text-emphasis);
|
|
--lte-callout-bg: var(--bs-fuchsia-bg-subtle);
|
|
--lte-callout-border: var(--bs-fuchsia-border-subtle);
|
|
--lte-callout-link: var(--bs-fuchsia-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-fuchsia-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-fuchsia-text-emphasis);
|
|
}
|
|
|
|
.callout-maroon {
|
|
--lte-callout-color: var(--bs-maroon-text-emphasis);
|
|
--lte-callout-bg: var(--bs-maroon-bg-subtle);
|
|
--lte-callout-border: var(--bs-maroon-border-subtle);
|
|
--lte-callout-link: var(--bs-maroon-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-maroon-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-maroon-text-emphasis);
|
|
}
|
|
|
|
.callout-blue {
|
|
--lte-callout-color: var(--bs-blue-text-emphasis);
|
|
--lte-callout-bg: var(--bs-blue-bg-subtle);
|
|
--lte-callout-border: var(--bs-blue-border-subtle);
|
|
--lte-callout-link: var(--bs-blue-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-blue-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-blue-text-emphasis);
|
|
}
|
|
|
|
.callout-indigo {
|
|
--lte-callout-color: var(--bs-indigo-text-emphasis);
|
|
--lte-callout-bg: var(--bs-indigo-bg-subtle);
|
|
--lte-callout-border: var(--bs-indigo-border-subtle);
|
|
--lte-callout-link: var(--bs-indigo-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-indigo-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-indigo-text-emphasis);
|
|
}
|
|
|
|
.callout-purple {
|
|
--lte-callout-color: var(--bs-purple-text-emphasis);
|
|
--lte-callout-bg: var(--bs-purple-bg-subtle);
|
|
--lte-callout-border: var(--bs-purple-border-subtle);
|
|
--lte-callout-link: var(--bs-purple-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-purple-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-purple-text-emphasis);
|
|
}
|
|
|
|
.callout-pink {
|
|
--lte-callout-color: var(--bs-pink-text-emphasis);
|
|
--lte-callout-bg: var(--bs-pink-bg-subtle);
|
|
--lte-callout-border: var(--bs-pink-border-subtle);
|
|
--lte-callout-link: var(--bs-pink-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-pink-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-pink-text-emphasis);
|
|
}
|
|
|
|
.callout-red {
|
|
--lte-callout-color: var(--bs-red-text-emphasis);
|
|
--lte-callout-bg: var(--bs-red-bg-subtle);
|
|
--lte-callout-border: var(--bs-red-border-subtle);
|
|
--lte-callout-link: var(--bs-red-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-red-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-red-text-emphasis);
|
|
}
|
|
|
|
.callout-orange {
|
|
--lte-callout-color: var(--bs-orange-text-emphasis);
|
|
--lte-callout-bg: var(--bs-orange-bg-subtle);
|
|
--lte-callout-border: var(--bs-orange-border-subtle);
|
|
--lte-callout-link: var(--bs-orange-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-orange-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-orange-text-emphasis);
|
|
}
|
|
|
|
.callout-yellow {
|
|
--lte-callout-color: var(--bs-yellow-text-emphasis);
|
|
--lte-callout-bg: var(--bs-yellow-bg-subtle);
|
|
--lte-callout-border: var(--bs-yellow-border-subtle);
|
|
--lte-callout-link: var(--bs-yellow-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-yellow-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-yellow-text-emphasis);
|
|
}
|
|
|
|
.callout-green {
|
|
--lte-callout-color: var(--bs-green-text-emphasis);
|
|
--lte-callout-bg: var(--bs-green-bg-subtle);
|
|
--lte-callout-border: var(--bs-green-border-subtle);
|
|
--lte-callout-link: var(--bs-green-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-green-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-green-text-emphasis);
|
|
}
|
|
|
|
.callout-teal {
|
|
--lte-callout-color: var(--bs-teal-text-emphasis);
|
|
--lte-callout-bg: var(--bs-teal-bg-subtle);
|
|
--lte-callout-border: var(--bs-teal-border-subtle);
|
|
--lte-callout-link: var(--bs-teal-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-teal-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-teal-text-emphasis);
|
|
}
|
|
|
|
.callout-cyan {
|
|
--lte-callout-color: var(--bs-cyan-text-emphasis);
|
|
--lte-callout-bg: var(--bs-cyan-bg-subtle);
|
|
--lte-callout-border: var(--bs-cyan-border-subtle);
|
|
--lte-callout-link: var(--bs-cyan-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-cyan-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-cyan-text-emphasis);
|
|
}
|
|
|
|
.callout-gray {
|
|
--lte-callout-color: var(--bs-gray-text-emphasis);
|
|
--lte-callout-bg: var(--bs-gray-bg-subtle);
|
|
--lte-callout-border: var(--bs-gray-border-subtle);
|
|
--lte-callout-link: var(--bs-gray-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-gray-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-gray-text-emphasis);
|
|
}
|
|
|
|
.callout-gray-dark {
|
|
--lte-callout-color: var(--bs-gray-dark-text-emphasis);
|
|
--lte-callout-bg: var(--bs-gray-dark-bg-subtle);
|
|
--lte-callout-border: var(--bs-gray-dark-border-subtle);
|
|
--lte-callout-link: var(--bs-gray-dark-text-emphasis);
|
|
--lte-callout-code-color: var(--bs-gray-dark-text-emphasis);
|
|
--bs-callout-link-color: var(--bs-gray-dark-text-emphasis);
|
|
}
|
|
|
|
.direct-chat-lightblue {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #3c8dbc;
|
|
}
|
|
|
|
.direct-chat-navy {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #001f3f;
|
|
}
|
|
|
|
.direct-chat-olive {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #3d9970;
|
|
}
|
|
|
|
.direct-chat-lime {
|
|
--lte-direct-chat-color: #1f2d3d;
|
|
--lte-direct-chat-bg: #01ff70;
|
|
}
|
|
|
|
.direct-chat-fuchsia {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #f012be;
|
|
}
|
|
|
|
.direct-chat-maroon {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #d81b60;
|
|
}
|
|
|
|
.direct-chat-blue {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #007bff;
|
|
}
|
|
|
|
.direct-chat-indigo {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #6610f2;
|
|
}
|
|
|
|
.direct-chat-purple {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #6f42c1;
|
|
}
|
|
|
|
.direct-chat-pink {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #e83e8c;
|
|
}
|
|
|
|
.direct-chat-red {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #dc3545;
|
|
}
|
|
|
|
.direct-chat-orange {
|
|
--lte-direct-chat-color: #1f2d3d;
|
|
--lte-direct-chat-bg: #fd7e14;
|
|
}
|
|
|
|
.direct-chat-yellow {
|
|
--lte-direct-chat-color: #1f2d3d;
|
|
--lte-direct-chat-bg: #ffc107;
|
|
}
|
|
|
|
.direct-chat-green {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #28a745;
|
|
}
|
|
|
|
.direct-chat-teal {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #20c997;
|
|
}
|
|
|
|
.direct-chat-cyan {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #17a2b8;
|
|
}
|
|
|
|
.direct-chat-gray {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #6c757d;
|
|
}
|
|
|
|
.direct-chat-gray-dark {
|
|
--lte-direct-chat-color: #fff;
|
|
--lte-direct-chat-bg: #343a40;
|
|
}
|
|
|
|
.btn.bg-lightblue:hover, .btn.bg-lightblue:focus-visible,
|
|
.btn.text-bg-lightblue:hover,
|
|
.btn.text-bg-lightblue:focus-visible,
|
|
.btn.bg-gradient-lightblue:hover,
|
|
.btn.bg-gradient-lightblue:focus-visible {
|
|
background-color: #367fa9 !important;
|
|
}
|
|
.btn.bg-lightblue:active, .btn.bg-lightblue.active,
|
|
.btn.text-bg-lightblue:active,
|
|
.btn.text-bg-lightblue.active,
|
|
.btn.bg-gradient-lightblue:active,
|
|
.btn.bg-gradient-lightblue.active {
|
|
background-color: #3378a0 !important;
|
|
}
|
|
|
|
.btn.bg-navy:hover, .btn.bg-navy:focus-visible,
|
|
.btn.text-bg-navy:hover,
|
|
.btn.text-bg-navy:focus-visible,
|
|
.btn.bg-gradient-navy:hover,
|
|
.btn.bg-gradient-navy:focus-visible {
|
|
background-color: #001c39 !important;
|
|
}
|
|
.btn.bg-navy:active, .btn.bg-navy.active,
|
|
.btn.text-bg-navy:active,
|
|
.btn.text-bg-navy.active,
|
|
.btn.bg-gradient-navy:active,
|
|
.btn.bg-gradient-navy.active {
|
|
background-color: #001a36 !important;
|
|
}
|
|
|
|
.btn.bg-olive:hover, .btn.bg-olive:focus-visible,
|
|
.btn.text-bg-olive:hover,
|
|
.btn.text-bg-olive:focus-visible,
|
|
.btn.bg-gradient-olive:hover,
|
|
.btn.bg-gradient-olive:focus-visible {
|
|
background-color: #378a65 !important;
|
|
}
|
|
.btn.bg-olive:active, .btn.bg-olive.active,
|
|
.btn.text-bg-olive:active,
|
|
.btn.text-bg-olive.active,
|
|
.btn.bg-gradient-olive:active,
|
|
.btn.bg-gradient-olive.active {
|
|
background-color: #34825f !important;
|
|
}
|
|
|
|
.btn.bg-lime:hover, .btn.bg-lime:focus-visible,
|
|
.btn.text-bg-lime:hover,
|
|
.btn.text-bg-lime:focus-visible,
|
|
.btn.bg-gradient-lime:hover,
|
|
.btn.bg-gradient-lime:focus-visible {
|
|
background-color: #01e665 !important;
|
|
}
|
|
.btn.bg-lime:active, .btn.bg-lime.active,
|
|
.btn.text-bg-lime:active,
|
|
.btn.text-bg-lime.active,
|
|
.btn.bg-gradient-lime:active,
|
|
.btn.bg-gradient-lime.active {
|
|
background-color: #01d95f !important;
|
|
}
|
|
|
|
.btn.bg-fuchsia:hover, .btn.bg-fuchsia:focus-visible,
|
|
.btn.text-bg-fuchsia:hover,
|
|
.btn.text-bg-fuchsia:focus-visible,
|
|
.btn.bg-gradient-fuchsia:hover,
|
|
.btn.bg-gradient-fuchsia:focus-visible {
|
|
background-color: #d810ab !important;
|
|
}
|
|
.btn.bg-fuchsia:active, .btn.bg-fuchsia.active,
|
|
.btn.text-bg-fuchsia:active,
|
|
.btn.text-bg-fuchsia.active,
|
|
.btn.bg-gradient-fuchsia:active,
|
|
.btn.bg-gradient-fuchsia.active {
|
|
background-color: #cc0fa2 !important;
|
|
}
|
|
|
|
.btn.bg-maroon:hover, .btn.bg-maroon:focus-visible,
|
|
.btn.text-bg-maroon:hover,
|
|
.btn.text-bg-maroon:focus-visible,
|
|
.btn.bg-gradient-maroon:hover,
|
|
.btn.bg-gradient-maroon:focus-visible {
|
|
background-color: #c21856 !important;
|
|
}
|
|
.btn.bg-maroon:active, .btn.bg-maroon.active,
|
|
.btn.text-bg-maroon:active,
|
|
.btn.text-bg-maroon.active,
|
|
.btn.bg-gradient-maroon:active,
|
|
.btn.bg-gradient-maroon.active {
|
|
background-color: #b81752 !important;
|
|
}
|
|
|
|
.btn.bg-blue:hover, .btn.bg-blue:focus-visible,
|
|
.btn.text-bg-blue:hover,
|
|
.btn.text-bg-blue:focus-visible,
|
|
.btn.bg-gradient-blue:hover,
|
|
.btn.bg-gradient-blue:focus-visible {
|
|
background-color: #006fe6 !important;
|
|
}
|
|
.btn.bg-blue:active, .btn.bg-blue.active,
|
|
.btn.text-bg-blue:active,
|
|
.btn.text-bg-blue.active,
|
|
.btn.bg-gradient-blue:active,
|
|
.btn.bg-gradient-blue.active {
|
|
background-color: #0069d9 !important;
|
|
}
|
|
|
|
.btn.bg-indigo:hover, .btn.bg-indigo:focus-visible,
|
|
.btn.text-bg-indigo:hover,
|
|
.btn.text-bg-indigo:focus-visible,
|
|
.btn.bg-gradient-indigo:hover,
|
|
.btn.bg-gradient-indigo:focus-visible {
|
|
background-color: #5c0eda !important;
|
|
}
|
|
.btn.bg-indigo:active, .btn.bg-indigo.active,
|
|
.btn.text-bg-indigo:active,
|
|
.btn.text-bg-indigo.active,
|
|
.btn.bg-gradient-indigo:active,
|
|
.btn.bg-gradient-indigo.active {
|
|
background-color: #570ece !important;
|
|
}
|
|
|
|
.btn.bg-purple:hover, .btn.bg-purple:focus-visible,
|
|
.btn.text-bg-purple:hover,
|
|
.btn.text-bg-purple:focus-visible,
|
|
.btn.bg-gradient-purple:hover,
|
|
.btn.bg-gradient-purple:focus-visible {
|
|
background-color: #643bae !important;
|
|
}
|
|
.btn.bg-purple:active, .btn.bg-purple.active,
|
|
.btn.text-bg-purple:active,
|
|
.btn.text-bg-purple.active,
|
|
.btn.bg-gradient-purple:active,
|
|
.btn.bg-gradient-purple.active {
|
|
background-color: #5e38a4 !important;
|
|
}
|
|
|
|
.btn.bg-pink:hover, .btn.bg-pink:focus-visible,
|
|
.btn.text-bg-pink:hover,
|
|
.btn.text-bg-pink:focus-visible,
|
|
.btn.bg-gradient-pink:hover,
|
|
.btn.bg-gradient-pink:focus-visible {
|
|
background-color: #d1387e !important;
|
|
}
|
|
.btn.bg-pink:active, .btn.bg-pink.active,
|
|
.btn.text-bg-pink:active,
|
|
.btn.text-bg-pink.active,
|
|
.btn.bg-gradient-pink:active,
|
|
.btn.bg-gradient-pink.active {
|
|
background-color: #c53577 !important;
|
|
}
|
|
|
|
.btn.bg-red:hover, .btn.bg-red:focus-visible,
|
|
.btn.text-bg-red:hover,
|
|
.btn.text-bg-red:focus-visible,
|
|
.btn.bg-gradient-red:hover,
|
|
.btn.bg-gradient-red:focus-visible {
|
|
background-color: #c6303e !important;
|
|
}
|
|
.btn.bg-red:active, .btn.bg-red.active,
|
|
.btn.text-bg-red:active,
|
|
.btn.text-bg-red.active,
|
|
.btn.bg-gradient-red:active,
|
|
.btn.bg-gradient-red.active {
|
|
background-color: #bb2d3b !important;
|
|
}
|
|
|
|
.btn.bg-orange:hover, .btn.bg-orange:focus-visible,
|
|
.btn.text-bg-orange:hover,
|
|
.btn.text-bg-orange:focus-visible,
|
|
.btn.bg-gradient-orange:hover,
|
|
.btn.bg-gradient-orange:focus-visible {
|
|
background-color: #e47112 !important;
|
|
}
|
|
.btn.bg-orange:active, .btn.bg-orange.active,
|
|
.btn.text-bg-orange:active,
|
|
.btn.text-bg-orange.active,
|
|
.btn.bg-gradient-orange:active,
|
|
.btn.bg-gradient-orange.active {
|
|
background-color: #d76b11 !important;
|
|
}
|
|
|
|
.btn.bg-yellow:hover, .btn.bg-yellow:focus-visible,
|
|
.btn.text-bg-yellow:hover,
|
|
.btn.text-bg-yellow:focus-visible,
|
|
.btn.bg-gradient-yellow:hover,
|
|
.btn.bg-gradient-yellow:focus-visible {
|
|
background-color: #e6ae06 !important;
|
|
}
|
|
.btn.bg-yellow:active, .btn.bg-yellow.active,
|
|
.btn.text-bg-yellow:active,
|
|
.btn.text-bg-yellow.active,
|
|
.btn.bg-gradient-yellow:active,
|
|
.btn.bg-gradient-yellow.active {
|
|
background-color: #d9a406 !important;
|
|
}
|
|
|
|
.btn.bg-green:hover, .btn.bg-green:focus-visible,
|
|
.btn.text-bg-green:hover,
|
|
.btn.text-bg-green:focus-visible,
|
|
.btn.bg-gradient-green:hover,
|
|
.btn.bg-gradient-green:focus-visible {
|
|
background-color: #24963e !important;
|
|
}
|
|
.btn.bg-green:active, .btn.bg-green.active,
|
|
.btn.text-bg-green:active,
|
|
.btn.text-bg-green.active,
|
|
.btn.bg-gradient-green:active,
|
|
.btn.bg-gradient-green.active {
|
|
background-color: #228e3b !important;
|
|
}
|
|
|
|
.btn.bg-teal:hover, .btn.bg-teal:focus-visible,
|
|
.btn.text-bg-teal:hover,
|
|
.btn.text-bg-teal:focus-visible,
|
|
.btn.bg-gradient-teal:hover,
|
|
.btn.bg-gradient-teal:focus-visible {
|
|
background-color: #1db588 !important;
|
|
}
|
|
.btn.bg-teal:active, .btn.bg-teal.active,
|
|
.btn.text-bg-teal:active,
|
|
.btn.text-bg-teal.active,
|
|
.btn.bg-gradient-teal:active,
|
|
.btn.bg-gradient-teal.active {
|
|
background-color: #1bab80 !important;
|
|
}
|
|
|
|
.btn.bg-cyan:hover, .btn.bg-cyan:focus-visible,
|
|
.btn.text-bg-cyan:hover,
|
|
.btn.text-bg-cyan:focus-visible,
|
|
.btn.bg-gradient-cyan:hover,
|
|
.btn.bg-gradient-cyan:focus-visible {
|
|
background-color: #1592a6 !important;
|
|
}
|
|
.btn.bg-cyan:active, .btn.bg-cyan.active,
|
|
.btn.text-bg-cyan:active,
|
|
.btn.text-bg-cyan.active,
|
|
.btn.bg-gradient-cyan:active,
|
|
.btn.bg-gradient-cyan.active {
|
|
background-color: #148a9c !important;
|
|
}
|
|
|
|
.btn.bg-gray:hover, .btn.bg-gray:focus-visible,
|
|
.btn.text-bg-gray:hover,
|
|
.btn.text-bg-gray:focus-visible,
|
|
.btn.bg-gradient-gray:hover,
|
|
.btn.bg-gradient-gray:focus-visible {
|
|
background-color: #616971 !important;
|
|
}
|
|
.btn.bg-gray:active, .btn.bg-gray.active,
|
|
.btn.text-bg-gray:active,
|
|
.btn.text-bg-gray.active,
|
|
.btn.bg-gradient-gray:active,
|
|
.btn.bg-gradient-gray.active {
|
|
background-color: #5c636a !important;
|
|
}
|
|
|
|
.btn.bg-gray-dark:hover, .btn.bg-gray-dark:focus-visible,
|
|
.btn.text-bg-gray-dark:hover,
|
|
.btn.text-bg-gray-dark:focus-visible,
|
|
.btn.bg-gradient-gray-dark:hover,
|
|
.btn.bg-gradient-gray-dark:focus-visible {
|
|
background-color: #2f343a !important;
|
|
}
|
|
.btn.bg-gray-dark:active, .btn.bg-gray-dark.active,
|
|
.btn.text-bg-gray-dark:active,
|
|
.btn.text-bg-gray-dark.active,
|
|
.btn.bg-gradient-gray-dark:active,
|
|
.btn.bg-gradient-gray-dark.active {
|
|
background-color: #2c3136 !important;
|
|
}
|
|
|
|
.bg-opacity-10 {
|
|
--bs-bg-opacity: 0.1;
|
|
}
|
|
|
|
.border-opacity-10 {
|
|
--bs-border-opacity: 0.1;
|
|
}
|
|
|
|
.bg-opacity-25 {
|
|
--bs-bg-opacity: 0.25;
|
|
}
|
|
|
|
.border-opacity-25 {
|
|
--bs-border-opacity: 0.25;
|
|
}
|
|
|
|
.bg-opacity-50 {
|
|
--bs-bg-opacity: 0.5;
|
|
}
|
|
|
|
.border-opacity-50 {
|
|
--bs-border-opacity: 0.5;
|
|
}
|
|
|
|
.bg-opacity-75 {
|
|
--bs-bg-opacity: 0.75;
|
|
}
|
|
|
|
.border-opacity-75 {
|
|
--bs-border-opacity: 0.75;
|
|
}
|
|
|
|
.bg-opacity-100 {
|
|
--bs-bg-opacity: 1;
|
|
}
|
|
|
|
.border-opacity-100 {
|
|
--bs-border-opacity: 1;
|
|
}
|
|
|
|
.text-opacity-25 {
|
|
--bs-text-opacity: 0.25;
|
|
}
|
|
|
|
.text-opacity-50 {
|
|
--bs-text-opacity: 0.5;
|
|
}
|
|
|
|
.text-opacity-75 {
|
|
--bs-text-opacity: 0.75;
|
|
}
|
|
|
|
.text-opacity-100 {
|
|
--bs-text-opacity: 1;
|
|
}
|
|
|
|
[data-lte-primary] {
|
|
--bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
|
|
--lte-primary-color: #fff;
|
|
--lte-primary-color-rgb: 255, 255, 255;
|
|
--lte-primary-hover: var(--bs-primary);
|
|
--lte-primary-hover-border: var(--bs-primary);
|
|
--lte-primary-active: var(--bs-primary);
|
|
--lte-primary-active-border: var(--bs-primary);
|
|
}
|
|
|
|
@supports (color: color-mix(in srgb, red 50%, black)) {
|
|
[data-lte-primary] {
|
|
--lte-primary-hover: color-mix(in srgb, var(--bs-primary) 85%, #000);
|
|
--lte-primary-hover-border: color-mix(in srgb, var(--bs-primary) 80%, #000);
|
|
--lte-primary-active: color-mix(in srgb, var(--bs-primary) 80%, #000);
|
|
--lte-primary-active-border: color-mix(in srgb, var(--bs-primary) 75%, #000);
|
|
}
|
|
}
|
|
[data-lte-primary=secondary] {
|
|
--bs-primary: var(--bs-secondary);
|
|
--bs-primary-rgb: var(--bs-secondary-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-secondary-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-secondary-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-secondary-border-subtle);
|
|
--bs-link-color: var(--bs-secondary);
|
|
--bs-link-color-rgb: var(--bs-secondary-rgb);
|
|
--bs-link-hover-color: #565e64;
|
|
--bs-link-hover-color-rgb: 86, 94, 100;
|
|
--lte-primary-hover: #5c636a;
|
|
--lte-primary-hover-border: #565e64;
|
|
--lte-primary-active: #565e64;
|
|
--lte-primary-active-border: #51585e;
|
|
}
|
|
|
|
[data-lte-primary=success] {
|
|
--bs-primary: var(--bs-success);
|
|
--bs-primary-rgb: var(--bs-success-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-success-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-success-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-success-border-subtle);
|
|
--bs-link-color: var(--bs-success);
|
|
--bs-link-color-rgb: var(--bs-success-rgb);
|
|
--bs-link-hover-color: #146c43;
|
|
--bs-link-hover-color-rgb: 20, 108, 67;
|
|
--lte-primary-hover: #157347;
|
|
--lte-primary-hover-border: #146c43;
|
|
--lte-primary-active: #146c43;
|
|
--lte-primary-active-border: #13653f;
|
|
}
|
|
|
|
[data-lte-primary=info] {
|
|
--bs-primary: var(--bs-info);
|
|
--bs-primary-rgb: var(--bs-info-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-info-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-info-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-info-border-subtle);
|
|
--bs-link-color: var(--bs-info);
|
|
--bs-link-color-rgb: var(--bs-info-rgb);
|
|
--bs-link-hover-color: #0aa2c0;
|
|
--bs-link-hover-color-rgb: 10, 162, 192;
|
|
--lte-primary-hover: #0baccc;
|
|
--lte-primary-hover-border: #0aa2c0;
|
|
--lte-primary-active: #0aa2c0;
|
|
--lte-primary-active-border: #0a98b4;
|
|
}
|
|
|
|
[data-lte-primary=warning] {
|
|
--bs-primary: var(--bs-warning);
|
|
--bs-primary-rgb: var(--bs-warning-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-warning-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-warning-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-warning-border-subtle);
|
|
--bs-link-color: var(--bs-warning);
|
|
--bs-link-color-rgb: var(--bs-warning-rgb);
|
|
--bs-link-hover-color: #cc9a06;
|
|
--bs-link-hover-color-rgb: 204, 154, 6;
|
|
--lte-primary-hover: #ffca2c;
|
|
--lte-primary-hover-border: #ffc720;
|
|
--lte-primary-active: #ffcd39;
|
|
--lte-primary-active-border: #ffc720;
|
|
--lte-primary-color: #1f2d3d;
|
|
--lte-primary-color-rgb: 31, 45, 61;
|
|
}
|
|
|
|
[data-lte-primary=danger] {
|
|
--bs-primary: var(--bs-danger);
|
|
--bs-primary-rgb: var(--bs-danger-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-danger-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-danger-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-danger-border-subtle);
|
|
--bs-link-color: var(--bs-danger);
|
|
--bs-link-color-rgb: var(--bs-danger-rgb);
|
|
--bs-link-hover-color: #b02a37;
|
|
--bs-link-hover-color-rgb: 176, 42, 55;
|
|
--lte-primary-hover: #bb2d3b;
|
|
--lte-primary-hover-border: #b02a37;
|
|
--lte-primary-active: #b02a37;
|
|
--lte-primary-active-border: #a52834;
|
|
}
|
|
|
|
[data-lte-primary=light] {
|
|
--bs-primary: var(--bs-light);
|
|
--bs-primary-rgb: var(--bs-light-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-light-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-light-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-light-border-subtle);
|
|
--bs-link-color: var(--bs-light);
|
|
--bs-link-color-rgb: var(--bs-light-rgb);
|
|
--bs-link-hover-color: #c6c7c8;
|
|
--bs-link-hover-color-rgb: 198, 199, 200;
|
|
--lte-primary-hover: #f9fafb;
|
|
--lte-primary-hover-border: #f9fafb;
|
|
--lte-primary-active: #f9fafb;
|
|
--lte-primary-active-border: #f9fafb;
|
|
--lte-primary-color: #1f2d3d;
|
|
--lte-primary-color-rgb: 31, 45, 61;
|
|
}
|
|
|
|
[data-lte-primary=dark] {
|
|
--bs-primary: var(--bs-dark);
|
|
--bs-primary-rgb: var(--bs-dark-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-dark-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-dark-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-dark-border-subtle);
|
|
--bs-link-color: var(--bs-dark);
|
|
--bs-link-color-rgb: var(--bs-dark-rgb);
|
|
--bs-link-hover-color: #1a1e21;
|
|
--bs-link-hover-color-rgb: 26, 30, 33;
|
|
--lte-primary-hover: #1c1f23;
|
|
--lte-primary-hover-border: #1a1e21;
|
|
--lte-primary-active: #1a1e21;
|
|
--lte-primary-active-border: #191c1f;
|
|
}
|
|
|
|
[data-lte-primary=lightblue] {
|
|
--bs-primary: var(--bs-lightblue);
|
|
--bs-primary-rgb: var(--bs-lightblue-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-lightblue-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-lightblue-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-lightblue-border-subtle);
|
|
--bs-link-color: var(--bs-lightblue);
|
|
--bs-link-color-rgb: var(--bs-lightblue-rgb);
|
|
--bs-link-hover-color: #307196;
|
|
--bs-link-hover-color-rgb: 48, 113, 150;
|
|
--lte-primary-hover: #3378a0;
|
|
--lte-primary-hover-border: #307196;
|
|
--lte-primary-active: #307196;
|
|
--lte-primary-active-border: #2d6a8d;
|
|
}
|
|
|
|
[data-lte-primary=navy] {
|
|
--bs-primary: var(--bs-navy);
|
|
--bs-primary-rgb: var(--bs-navy-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-navy-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-navy-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-navy-border-subtle);
|
|
--bs-link-color: var(--bs-navy);
|
|
--bs-link-color-rgb: var(--bs-navy-rgb);
|
|
--bs-link-hover-color: #001932;
|
|
--bs-link-hover-color-rgb: 0, 25, 50;
|
|
--lte-primary-hover: #001a36;
|
|
--lte-primary-hover-border: #001932;
|
|
--lte-primary-active: #001932;
|
|
--lte-primary-active-border: #00172f;
|
|
}
|
|
|
|
[data-lte-primary=olive] {
|
|
--bs-primary: var(--bs-olive);
|
|
--bs-primary-rgb: var(--bs-olive-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-olive-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-olive-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-olive-border-subtle);
|
|
--bs-link-color: var(--bs-olive);
|
|
--bs-link-color-rgb: var(--bs-olive-rgb);
|
|
--bs-link-hover-color: #317a5a;
|
|
--bs-link-hover-color-rgb: 49, 122, 90;
|
|
--lte-primary-hover: #34825f;
|
|
--lte-primary-hover-border: #317a5a;
|
|
--lte-primary-active: #317a5a;
|
|
--lte-primary-active-border: #2e7354;
|
|
}
|
|
|
|
[data-lte-primary=lime] {
|
|
--bs-primary: var(--bs-lime);
|
|
--bs-primary-rgb: var(--bs-lime-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-lime-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-lime-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-lime-border-subtle);
|
|
--bs-link-color: var(--bs-lime);
|
|
--bs-link-color-rgb: var(--bs-lime-rgb);
|
|
--bs-link-hover-color: #01cc5a;
|
|
--bs-link-hover-color-rgb: 1, 204, 90;
|
|
--lte-primary-hover: #27ff85;
|
|
--lte-primary-hover-border: #1aff7e;
|
|
--lte-primary-active: #34ff8d;
|
|
--lte-primary-active-border: #1aff7e;
|
|
--lte-primary-color: #1f2d3d;
|
|
--lte-primary-color-rgb: 31, 45, 61;
|
|
}
|
|
|
|
[data-lte-primary=fuchsia] {
|
|
--bs-primary: var(--bs-fuchsia);
|
|
--bs-primary-rgb: var(--bs-fuchsia-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-fuchsia-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-fuchsia-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-fuchsia-border-subtle);
|
|
--bs-link-color: var(--bs-fuchsia);
|
|
--bs-link-color-rgb: var(--bs-fuchsia-rgb);
|
|
--bs-link-hover-color: #c00e98;
|
|
--bs-link-hover-color-rgb: 192, 14, 152;
|
|
--lte-primary-hover: #cc0fa2;
|
|
--lte-primary-hover-border: #c00e98;
|
|
--lte-primary-active: #c00e98;
|
|
--lte-primary-active-border: #b40e8f;
|
|
}
|
|
|
|
[data-lte-primary=maroon] {
|
|
--bs-primary: var(--bs-maroon);
|
|
--bs-primary-rgb: var(--bs-maroon-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-maroon-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-maroon-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-maroon-border-subtle);
|
|
--bs-link-color: var(--bs-maroon);
|
|
--bs-link-color-rgb: var(--bs-maroon-rgb);
|
|
--bs-link-hover-color: #ad164d;
|
|
--bs-link-hover-color-rgb: 173, 22, 77;
|
|
--lte-primary-hover: #b81752;
|
|
--lte-primary-hover-border: #ad164d;
|
|
--lte-primary-active: #ad164d;
|
|
--lte-primary-active-border: #a21448;
|
|
}
|
|
|
|
[data-lte-primary=blue] {
|
|
--bs-primary: var(--bs-blue);
|
|
--bs-primary-rgb: var(--bs-blue-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-blue-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-blue-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-blue-border-subtle);
|
|
--bs-link-color: var(--bs-blue);
|
|
--bs-link-color-rgb: var(--bs-blue-rgb);
|
|
--bs-link-hover-color: #0062cc;
|
|
--bs-link-hover-color-rgb: 0, 98, 204;
|
|
--lte-primary-hover: #0069d9;
|
|
--lte-primary-hover-border: #0062cc;
|
|
--lte-primary-active: #0062cc;
|
|
--lte-primary-active-border: #005cbf;
|
|
}
|
|
|
|
[data-lte-primary=indigo] {
|
|
--bs-primary: var(--bs-indigo);
|
|
--bs-primary-rgb: var(--bs-indigo-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-indigo-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-indigo-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-indigo-border-subtle);
|
|
--bs-link-color: var(--bs-indigo);
|
|
--bs-link-color-rgb: var(--bs-indigo-rgb);
|
|
--bs-link-hover-color: #520dc2;
|
|
--bs-link-hover-color-rgb: 82, 13, 194;
|
|
--lte-primary-hover: #570ece;
|
|
--lte-primary-hover-border: #520dc2;
|
|
--lte-primary-active: #520dc2;
|
|
--lte-primary-active-border: #4d0cb6;
|
|
}
|
|
|
|
[data-lte-primary=purple] {
|
|
--bs-primary: var(--bs-purple);
|
|
--bs-primary-rgb: var(--bs-purple-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-purple-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-purple-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-purple-border-subtle);
|
|
--bs-link-color: var(--bs-purple);
|
|
--bs-link-color-rgb: var(--bs-purple-rgb);
|
|
--bs-link-hover-color: #59359a;
|
|
--bs-link-hover-color-rgb: 89, 53, 154;
|
|
--lte-primary-hover: #5e38a4;
|
|
--lte-primary-hover-border: #59359a;
|
|
--lte-primary-active: #59359a;
|
|
--lte-primary-active-border: #533291;
|
|
}
|
|
|
|
[data-lte-primary=pink] {
|
|
--bs-primary: var(--bs-pink);
|
|
--bs-primary-rgb: var(--bs-pink-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-pink-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-pink-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-pink-border-subtle);
|
|
--bs-link-color: var(--bs-pink);
|
|
--bs-link-color-rgb: var(--bs-pink-rgb);
|
|
--bs-link-hover-color: #ba3270;
|
|
--bs-link-hover-color-rgb: 186, 50, 112;
|
|
--lte-primary-hover: #c53577;
|
|
--lte-primary-hover-border: #ba3270;
|
|
--lte-primary-active: #ba3270;
|
|
--lte-primary-active-border: #ae2f69;
|
|
}
|
|
|
|
[data-lte-primary=red] {
|
|
--bs-primary: var(--bs-red);
|
|
--bs-primary-rgb: var(--bs-red-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-red-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-red-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-red-border-subtle);
|
|
--bs-link-color: var(--bs-red);
|
|
--bs-link-color-rgb: var(--bs-red-rgb);
|
|
--bs-link-hover-color: #b02a37;
|
|
--bs-link-hover-color-rgb: 176, 42, 55;
|
|
--lte-primary-hover: #bb2d3b;
|
|
--lte-primary-hover-border: #b02a37;
|
|
--lte-primary-active: #b02a37;
|
|
--lte-primary-active-border: #a52834;
|
|
}
|
|
|
|
[data-lte-primary=orange] {
|
|
--bs-primary: var(--bs-orange);
|
|
--bs-primary-rgb: var(--bs-orange-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-orange-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-orange-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-orange-border-subtle);
|
|
--bs-link-color: var(--bs-orange);
|
|
--bs-link-color-rgb: var(--bs-orange-rgb);
|
|
--bs-link-hover-color: #ca6510;
|
|
--bs-link-hover-color-rgb: 202, 101, 16;
|
|
--lte-primary-hover: #fd9137;
|
|
--lte-primary-hover-border: #fd8b2b;
|
|
--lte-primary-active: #fd9843;
|
|
--lte-primary-active-border: #fd8b2b;
|
|
--lte-primary-color: #1f2d3d;
|
|
--lte-primary-color-rgb: 31, 45, 61;
|
|
}
|
|
|
|
[data-lte-primary=yellow] {
|
|
--bs-primary: var(--bs-yellow);
|
|
--bs-primary-rgb: var(--bs-yellow-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-yellow-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-yellow-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-yellow-border-subtle);
|
|
--bs-link-color: var(--bs-yellow);
|
|
--bs-link-color-rgb: var(--bs-yellow-rgb);
|
|
--bs-link-hover-color: #cc9a06;
|
|
--bs-link-hover-color-rgb: 204, 154, 6;
|
|
--lte-primary-hover: #ffca2c;
|
|
--lte-primary-hover-border: #ffc720;
|
|
--lte-primary-active: #ffcd39;
|
|
--lte-primary-active-border: #ffc720;
|
|
--lte-primary-color: #1f2d3d;
|
|
--lte-primary-color-rgb: 31, 45, 61;
|
|
}
|
|
|
|
[data-lte-primary=green] {
|
|
--bs-primary: var(--bs-green);
|
|
--bs-primary-rgb: var(--bs-green-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-green-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-green-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-green-border-subtle);
|
|
--bs-link-color: var(--bs-green);
|
|
--bs-link-color-rgb: var(--bs-green-rgb);
|
|
--bs-link-hover-color: #208637;
|
|
--bs-link-hover-color-rgb: 32, 134, 55;
|
|
--lte-primary-hover: #228e3b;
|
|
--lte-primary-hover-border: #208637;
|
|
--lte-primary-active: #208637;
|
|
--lte-primary-active-border: #1e7d34;
|
|
}
|
|
|
|
[data-lte-primary=teal] {
|
|
--bs-primary: var(--bs-teal);
|
|
--bs-primary-rgb: var(--bs-teal-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-teal-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-teal-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-teal-border-subtle);
|
|
--bs-link-color: var(--bs-teal);
|
|
--bs-link-color-rgb: var(--bs-teal-rgb);
|
|
--bs-link-hover-color: #1aa179;
|
|
--bs-link-hover-color-rgb: 26, 161, 121;
|
|
--lte-primary-hover: #1bab80;
|
|
--lte-primary-hover-border: #1aa179;
|
|
--lte-primary-active: #1aa179;
|
|
--lte-primary-active-border: #189771;
|
|
}
|
|
|
|
[data-lte-primary=cyan] {
|
|
--bs-primary: var(--bs-cyan);
|
|
--bs-primary-rgb: var(--bs-cyan-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-cyan-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-cyan-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-cyan-border-subtle);
|
|
--bs-link-color: var(--bs-cyan);
|
|
--bs-link-color-rgb: var(--bs-cyan-rgb);
|
|
--bs-link-hover-color: #128293;
|
|
--bs-link-hover-color-rgb: 18, 130, 147;
|
|
--lte-primary-hover: #148a9c;
|
|
--lte-primary-hover-border: #128293;
|
|
--lte-primary-active: #128293;
|
|
--lte-primary-active-border: #117a8a;
|
|
}
|
|
|
|
[data-lte-primary=gray] {
|
|
--bs-primary: var(--bs-gray);
|
|
--bs-primary-rgb: var(--bs-gray-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-gray-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-gray-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-gray-border-subtle);
|
|
--bs-link-color: var(--bs-gray);
|
|
--bs-link-color-rgb: var(--bs-gray-rgb);
|
|
--bs-link-hover-color: #565e64;
|
|
--bs-link-hover-color-rgb: 86, 94, 100;
|
|
--lte-primary-hover: #5c636a;
|
|
--lte-primary-hover-border: #565e64;
|
|
--lte-primary-active: #565e64;
|
|
--lte-primary-active-border: #51585e;
|
|
}
|
|
|
|
[data-lte-primary=gray-dark] {
|
|
--bs-primary: var(--bs-gray-dark);
|
|
--bs-primary-rgb: var(--bs-gray-dark-rgb);
|
|
--bs-primary-text-emphasis: var(--bs-gray-dark-text-emphasis);
|
|
--bs-primary-bg-subtle: var(--bs-gray-dark-bg-subtle);
|
|
--bs-primary-border-subtle: var(--bs-gray-dark-border-subtle);
|
|
--bs-link-color: var(--bs-gray-dark);
|
|
--bs-link-color-rgb: var(--bs-gray-dark-rgb);
|
|
--bs-link-hover-color: #2a2e33;
|
|
--bs-link-hover-color-rgb: 42, 46, 51;
|
|
--lte-primary-hover: #2c3136;
|
|
--lte-primary-hover-border: #2a2e33;
|
|
--lte-primary-active: #2a2e33;
|
|
--lte-primary-active-border: #272c30;
|
|
}
|
|
|
|
[data-bs-theme=dark][data-lte-primary=secondary],
|
|
[data-bs-theme=dark] [data-lte-primary=secondary] {
|
|
--bs-link-color: #a7acb1;
|
|
--bs-link-color-rgb: 167, 172, 177;
|
|
--bs-link-hover-color: #b8bdc1;
|
|
--bs-link-hover-color-rgb: 184, 189, 193;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=success],
|
|
[data-bs-theme=dark] [data-lte-primary=success] {
|
|
--bs-link-color: #75b798;
|
|
--bs-link-color-rgb: 117, 183, 152;
|
|
--bs-link-hover-color: #91c5ad;
|
|
--bs-link-hover-color-rgb: 145, 197, 173;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=info],
|
|
[data-bs-theme=dark] [data-lte-primary=info] {
|
|
--bs-link-color: #6edff6;
|
|
--bs-link-color-rgb: 110, 223, 246;
|
|
--bs-link-hover-color: #8be6f8;
|
|
--bs-link-hover-color-rgb: 139, 230, 248;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=warning],
|
|
[data-bs-theme=dark] [data-lte-primary=warning] {
|
|
--bs-link-color: #ffda6a;
|
|
--bs-link-color-rgb: 255, 218, 106;
|
|
--bs-link-hover-color: #ffe188;
|
|
--bs-link-hover-color-rgb: 255, 225, 136;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=danger],
|
|
[data-bs-theme=dark] [data-lte-primary=danger] {
|
|
--bs-link-color: #ea868f;
|
|
--bs-link-color-rgb: 234, 134, 143;
|
|
--bs-link-hover-color: #ee9ea6;
|
|
--bs-link-hover-color-rgb: 238, 158, 166;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=light],
|
|
[data-bs-theme=dark] [data-lte-primary=light] {
|
|
--bs-link-color: #fbfbfc;
|
|
--bs-link-color-rgb: 251, 251, 252;
|
|
--bs-link-hover-color: #fcfcfd;
|
|
--bs-link-hover-color-rgb: 252, 252, 253;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=dark],
|
|
[data-bs-theme=dark] [data-lte-primary=dark] {
|
|
--bs-link-color: #7a7c7f;
|
|
--bs-link-color-rgb: 122, 124, 127;
|
|
--bs-link-hover-color: #949698;
|
|
--bs-link-hover-color-rgb: 148, 150, 152;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=lightblue],
|
|
[data-bs-theme=dark] [data-lte-primary=lightblue] {
|
|
--bs-link-color: #8abbd7;
|
|
--bs-link-color-rgb: 138, 187, 215;
|
|
--bs-link-hover-color: #a1c8df;
|
|
--bs-link-hover-color-rgb: 161, 200, 223;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=navy],
|
|
[data-bs-theme=dark] [data-lte-primary=navy] {
|
|
--bs-link-color: #66798c;
|
|
--bs-link-color-rgb: 102, 121, 140;
|
|
--bs-link-hover-color: #8593a3;
|
|
--bs-link-hover-color-rgb: 133, 147, 163;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=olive],
|
|
[data-bs-theme=dark] [data-lte-primary=olive] {
|
|
--bs-link-color: #8bc2a9;
|
|
--bs-link-color-rgb: 139, 194, 169;
|
|
--bs-link-hover-color: #a2ceba;
|
|
--bs-link-hover-color-rgb: 162, 206, 186;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=lime],
|
|
[data-bs-theme=dark] [data-lte-primary=lime] {
|
|
--bs-link-color: #67ffa9;
|
|
--bs-link-color-rgb: 103, 255, 169;
|
|
--bs-link-hover-color: #85ffba;
|
|
--bs-link-hover-color-rgb: 133, 255, 186;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=fuchsia],
|
|
[data-bs-theme=dark] [data-lte-primary=fuchsia] {
|
|
--bs-link-color: #f671d8;
|
|
--bs-link-color-rgb: 246, 113, 216;
|
|
--bs-link-hover-color: #f88de0;
|
|
--bs-link-hover-color-rgb: 248, 141, 224;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=maroon],
|
|
[data-bs-theme=dark] [data-lte-primary=maroon] {
|
|
--bs-link-color: #e876a0;
|
|
--bs-link-color-rgb: 232, 118, 160;
|
|
--bs-link-hover-color: #ec92b3;
|
|
--bs-link-hover-color-rgb: 236, 146, 179;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=blue],
|
|
[data-bs-theme=dark] [data-lte-primary=blue] {
|
|
--bs-link-color: #66b0ff;
|
|
--bs-link-color-rgb: 102, 176, 255;
|
|
--bs-link-hover-color: #85c0ff;
|
|
--bs-link-hover-color-rgb: 133, 192, 255;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=indigo],
|
|
[data-bs-theme=dark] [data-lte-primary=indigo] {
|
|
--bs-link-color: #a370f7;
|
|
--bs-link-color-rgb: 163, 112, 247;
|
|
--bs-link-hover-color: #b68cf9;
|
|
--bs-link-hover-color-rgb: 182, 140, 249;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=purple],
|
|
[data-bs-theme=dark] [data-lte-primary=purple] {
|
|
--bs-link-color: #a98eda;
|
|
--bs-link-color-rgb: 169, 142, 218;
|
|
--bs-link-hover-color: #baa4e1;
|
|
--bs-link-hover-color-rgb: 186, 164, 225;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=pink],
|
|
[data-bs-theme=dark] [data-lte-primary=pink] {
|
|
--bs-link-color: #f18bba;
|
|
--bs-link-color-rgb: 241, 139, 186;
|
|
--bs-link-hover-color: #f4a2c8;
|
|
--bs-link-hover-color-rgb: 244, 162, 200;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=red],
|
|
[data-bs-theme=dark] [data-lte-primary=red] {
|
|
--bs-link-color: #ea868f;
|
|
--bs-link-color-rgb: 234, 134, 143;
|
|
--bs-link-hover-color: #ee9ea6;
|
|
--bs-link-hover-color-rgb: 238, 158, 166;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=orange],
|
|
[data-bs-theme=dark] [data-lte-primary=orange] {
|
|
--bs-link-color: #feb272;
|
|
--bs-link-color-rgb: 254, 178, 114;
|
|
--bs-link-hover-color: #fec18e;
|
|
--bs-link-hover-color-rgb: 254, 193, 142;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=yellow],
|
|
[data-bs-theme=dark] [data-lte-primary=yellow] {
|
|
--bs-link-color: #ffda6a;
|
|
--bs-link-color-rgb: 255, 218, 106;
|
|
--bs-link-hover-color: #ffe188;
|
|
--bs-link-hover-color-rgb: 255, 225, 136;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=green],
|
|
[data-bs-theme=dark] [data-lte-primary=green] {
|
|
--bs-link-color: #7eca8f;
|
|
--bs-link-color-rgb: 126, 202, 143;
|
|
--bs-link-hover-color: #98d5a6;
|
|
--bs-link-hover-color-rgb: 152, 213, 166;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=teal],
|
|
[data-bs-theme=dark] [data-lte-primary=teal] {
|
|
--bs-link-color: #79dfc1;
|
|
--bs-link-color-rgb: 121, 223, 193;
|
|
--bs-link-hover-color: #94e5cd;
|
|
--bs-link-hover-color-rgb: 148, 229, 205;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=cyan],
|
|
[data-bs-theme=dark] [data-lte-primary=cyan] {
|
|
--bs-link-color: #74c7d4;
|
|
--bs-link-color-rgb: 116, 199, 212;
|
|
--bs-link-hover-color: #90d2dd;
|
|
--bs-link-hover-color-rgb: 144, 210, 221;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=gray],
|
|
[data-bs-theme=dark] [data-lte-primary=gray] {
|
|
--bs-link-color: #a7acb1;
|
|
--bs-link-color-rgb: 167, 172, 177;
|
|
--bs-link-hover-color: #b8bdc1;
|
|
--bs-link-hover-color-rgb: 184, 189, 193;
|
|
}
|
|
[data-bs-theme=dark][data-lte-primary=gray-dark],
|
|
[data-bs-theme=dark] [data-lte-primary=gray-dark] {
|
|
--bs-link-color: #85898c;
|
|
--bs-link-color-rgb: 133, 137, 140;
|
|
--bs-link-hover-color: #9ea0a3;
|
|
--bs-link-hover-color-rgb: 158, 160, 163;
|
|
}
|
|
|
|
/* stylelint-disable-next-line no-duplicate-selectors */
|
|
[data-lte-primary] .btn-primary {
|
|
--bs-btn-color: var(--lte-primary-color);
|
|
--bs-btn-bg: var(--bs-primary);
|
|
--bs-btn-border-color: var(--bs-primary);
|
|
--bs-btn-hover-color: var(--lte-primary-color);
|
|
--bs-btn-hover-bg: var(--lte-primary-hover);
|
|
--bs-btn-hover-border-color: var(--lte-primary-hover-border);
|
|
--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
|
|
--bs-btn-active-color: var(--lte-primary-color);
|
|
--bs-btn-active-bg: var(--lte-primary-active);
|
|
--bs-btn-active-border-color: var(--lte-primary-active-border);
|
|
--bs-btn-disabled-color: var(--lte-primary-color);
|
|
--bs-btn-disabled-bg: var(--bs-primary);
|
|
--bs-btn-disabled-border-color: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .btn-outline-primary {
|
|
--bs-btn-color: var(--bs-primary);
|
|
--bs-btn-border-color: var(--bs-primary);
|
|
--bs-btn-hover-color: var(--lte-primary-color);
|
|
--bs-btn-hover-bg: var(--bs-primary);
|
|
--bs-btn-hover-border-color: var(--bs-primary);
|
|
--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
|
|
--bs-btn-active-color: var(--lte-primary-color);
|
|
--bs-btn-active-bg: var(--bs-primary);
|
|
--bs-btn-active-border-color: var(--bs-primary);
|
|
--bs-btn-disabled-color: var(--bs-primary);
|
|
--bs-btn-disabled-border-color: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .btn-link {
|
|
--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
|
|
}
|
|
[data-lte-primary] .text-bg-primary {
|
|
color: var(--lte-primary-color) !important;
|
|
}
|
|
[data-lte-primary] .link-primary:hover, [data-lte-primary] .link-primary:focus {
|
|
color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
|
|
text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
|
}
|
|
[data-lte-primary] .dropdown-menu {
|
|
--bs-dropdown-link-active-color: var(--lte-primary-color);
|
|
--bs-dropdown-link-active-bg: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .nav-pills {
|
|
--bs-nav-pills-link-active-color: var(--lte-primary-color);
|
|
--bs-nav-pills-link-active-bg: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .pagination {
|
|
--bs-pagination-active-color: var(--lte-primary-color);
|
|
--bs-pagination-active-bg: var(--bs-primary);
|
|
--bs-pagination-active-border-color: var(--bs-primary);
|
|
--bs-pagination-focus-box-shadow: 0 0 0 $pagination-focus-box-shadow-width rgba(var(--bs-primary-rgb), 0.25);
|
|
}
|
|
[data-lte-primary] .progress,
|
|
[data-lte-primary] .progress-stacked {
|
|
--bs-progress-bar-color: var(--lte-primary-color);
|
|
--bs-progress-bar-bg: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .list-group {
|
|
--bs-list-group-active-color: var(--lte-primary-color);
|
|
--bs-list-group-active-bg: var(--bs-primary);
|
|
--bs-list-group-active-border-color: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .accordion {
|
|
--bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
|
|
}
|
|
[data-lte-primary] .form-control:focus,
|
|
[data-lte-primary] .form-select:focus {
|
|
border-color: var(--bs-primary);
|
|
box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
|
|
}
|
|
[data-lte-primary] .form-check-input:focus {
|
|
border-color: var(--bs-primary);
|
|
box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
|
|
}
|
|
[data-lte-primary] .form-check-input:checked,
|
|
[data-lte-primary] .form-check-input[type=checkbox]:indeterminate {
|
|
background-color: var(--bs-primary);
|
|
border-color: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .form-switch .form-check-input:focus:not(:checked) {
|
|
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
|
|
}
|
|
[data-lte-primary] .form-range::-webkit-slider-thumb {
|
|
background-color: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .form-range::-moz-range-thumb {
|
|
background-color: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .card-primary,
|
|
[data-lte-primary] .bg-primary,
|
|
[data-lte-primary] .text-bg-primary {
|
|
--lte-card-variant-bg: var(--bs-primary);
|
|
--lte-card-variant-bg-rgb: var(--bs-primary-rgb);
|
|
--lte-card-variant-color: var(--lte-primary-color);
|
|
--lte-card-variant-color-rgb: var(--lte-primary-color-rgb);
|
|
}
|
|
[data-lte-primary] .direct-chat-primary {
|
|
--lte-direct-chat-color: var(--lte-primary-color);
|
|
--lte-direct-chat-bg: var(--bs-primary);
|
|
}
|
|
[data-lte-primary] .toast-primary {
|
|
--bs-toast-header-color: var(--lte-primary-color);
|
|
--bs-toast-header-bg: var(--bs-primary);
|
|
--bs-toast-header-border-color: var(--bs-primary);
|
|
--bs-toast-border-color: var(--bs-primary);
|
|
}
|
|
|