* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
- --blue: #007bff;
+ --blue: #375a7f;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
- --red: #dc3545;
+ --red: #e74c3c;
--orange: #fd7e14;
- --yellow: #ffc107;
- --green: #28a745;
+ --yellow: #f39c12;
+ --green: #00bc8c;
--teal: #20c997;
- --cyan: #17a2b8;
+ --cyan: #3498db;
--white: #fff;
- --gray: #6c757d;
- --gray-dark: #343a40;
- --primary: #007bff;
+ --gray: #888;
+ --gray-dark: #303030;
+ --black: #000;
+ --primary: #00bc8c;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
- --light: #f8f9fa;
- --dark: #343a40;
+ --light: #303030;
+ --dark: #dee2e6;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
.table-primary,
.table-primary > th,
.table-primary > td {
- background-color: #b8daff;
+ background-color: #b8ecdf;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
- border-color: #7abaff;
+ border-color: #7adcc3;
}
.table-hover .table-primary:hover {
- background-color: #9fcdff;
+ background-color: #a4e7d6;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
- background-color: #9fcdff;
+ background-color: #a4e7d6;
}
.table-secondary,
.table-light,
.table-light > th,
.table-light > td {
- background-color: #fdfdfe;
+ background-color: #c5c5c5;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
- border-color: #fbfcfc;
+ border-color: #939393;
}
.table-hover .table-light:hover {
- background-color: #ececf6;
+ background-color: #b8b8b8;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
- background-color: #ececf6;
+ background-color: #b8b8b8;
}
.table-dark,
.table-dark > th,
.table-dark > td {
- background-color: #c6c8ca;
+ background-color: #f6f7f8;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
- border-color: #95999c;
+ border-color: #eef0f2;
}
.table-hover .table-dark:hover {
- background-color: #b9bbbe;
+ background-color: #e8eaed;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
- background-color: #b9bbbe;
+ background-color: #e8eaed;
}
.table-active,
.btn-primary {
color: #fff;
- background-color: #007bff;
- border-color: #007bff;
+ background-color: #00bc8c;
+ border-color: #00bc8c;
}
.btn-primary:hover {
color: #fff;
- background-color: #0069d9;
- border-color: #0062cc;
+ background-color: #009670;
+ border-color: #008966;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
- background-color: #0069d9;
- border-color: #0062cc;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ background-color: #009670;
+ border-color: #008966;
+ box-shadow: 0 0 0 0.2rem rgba(38, 198, 157, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
- background-color: #007bff;
- border-color: #007bff;
+ background-color: #00bc8c;
+ border-color: #00bc8c;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
- background-color: #0062cc;
- border-color: #005cbf;
+ background-color: #008966;
+ border-color: #007c5d;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(38, 198, 157, 0.5);
}
.btn-secondary {
}
.btn-light {
- color: #212529;
- background-color: #f8f9fa;
- border-color: #f8f9fa;
+ color: #fff;
+ background-color: #303030;
+ border-color: #303030;
}
.btn-light:hover {
- color: #212529;
- background-color: #e2e6ea;
- border-color: #dae0e5;
+ color: #fff;
+ background-color: #1d1d1d;
+ border-color: #171717;
}
.btn-light:focus,
.btn-light.focus {
- color: #212529;
- background-color: #e2e6ea;
- border-color: #dae0e5;
- box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
+ color: #fff;
+ background-color: #1d1d1d;
+ border-color: #171717;
+ box-shadow: 0 0 0 0.2rem rgba(79, 79, 79, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
- color: #212529;
- background-color: #f8f9fa;
- border-color: #f8f9fa;
+ color: #fff;
+ background-color: #303030;
+ border-color: #303030;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
- color: #212529;
- background-color: #dae0e5;
- border-color: #d3d9df;
+ color: #fff;
+ background-color: #171717;
+ border-color: #101010;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(79, 79, 79, 0.5);
}
.btn-dark {
- color: #fff;
- background-color: #343a40;
- border-color: #343a40;
+ color: #212529;
+ background-color: #dee2e6;
+ border-color: #dee2e6;
}
.btn-dark:hover {
- color: #fff;
- background-color: #23272b;
- border-color: #1d2124;
+ color: #212529;
+ background-color: #c8cfd6;
+ border-color: #c1c9d0;
}
.btn-dark:focus,
.btn-dark.focus {
- color: #fff;
- background-color: #23272b;
- border-color: #1d2124;
- box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
+ color: #212529;
+ background-color: #c8cfd6;
+ border-color: #c1c9d0;
+ box-shadow: 0 0 0 0.2rem rgba(194, 198, 202, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
- color: #fff;
- background-color: #343a40;
- border-color: #343a40;
+ color: #212529;
+ background-color: #dee2e6;
+ border-color: #dee2e6;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
- color: #fff;
- background-color: #1d2124;
- border-color: #171a1d;
+ color: #212529;
+ background-color: #c1c9d0;
+ border-color: #bac2cb;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(194, 198, 202, 0.5);
}
.btn-outline-primary {
- color: #007bff;
- border-color: #007bff;
+ color: #00bc8c;
+ border-color: #00bc8c;
}
.btn-outline-primary:hover {
color: #fff;
- background-color: #007bff;
- border-color: #007bff;
+ background-color: #00bc8c;
+ border-color: #00bc8c;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(0, 188, 140, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
- color: #007bff;
+ color: #00bc8c;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
- background-color: #007bff;
- border-color: #007bff;
+ background-color: #00bc8c;
+ border-color: #00bc8c;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(0, 188, 140, 0.5);
}
.btn-outline-secondary {
}
.btn-outline-light {
- color: #f8f9fa;
- border-color: #f8f9fa;
+ color: #303030;
+ border-color: #303030;
}
.btn-outline-light:hover {
- color: #212529;
- background-color: #f8f9fa;
- border-color: #f8f9fa;
+ color: #fff;
+ background-color: #303030;
+ border-color: #303030;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
- box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
- color: #f8f9fa;
+ color: #303030;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
- color: #212529;
- background-color: #f8f9fa;
- border-color: #f8f9fa;
+ color: #fff;
+ background-color: #303030;
+ border-color: #303030;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5);
}
.btn-outline-dark {
- color: #343a40;
- border-color: #343a40;
+ color: #dee2e6;
+ border-color: #dee2e6;
}
.btn-outline-dark:hover {
- color: #fff;
- background-color: #343a40;
- border-color: #343a40;
+ color: #212529;
+ background-color: #dee2e6;
+ border-color: #dee2e6;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
- box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
- color: #343a40;
+ color: #dee2e6;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
- color: #fff;
- background-color: #343a40;
- border-color: #343a40;
+ color: #212529;
+ background-color: #dee2e6;
+ border-color: #dee2e6;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
- box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5);
}
.btn-link {
.badge-primary {
color: #fff;
- background-color: #007bff;
+ background-color: #00bc8c;
}
a.badge-primary:hover,
a.badge-primary:focus {
color: #fff;
- background-color: #0062cc;
+ background-color: #008966;
}
a.badge-primary:focus,
a.badge-primary.focus {
outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(0, 188, 140, 0.5);
}
.badge-secondary {
}
.badge-light {
- color: #212529;
- background-color: #f8f9fa;
+ color: #fff;
+ background-color: #303030;
}
a.badge-light:hover,
a.badge-light:focus {
- color: #212529;
- background-color: #dae0e5;
+ color: #fff;
+ background-color: #171717;
}
a.badge-light:focus,
a.badge-light.focus {
outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(48, 48, 48, 0.5);
}
.badge-dark {
- color: #fff;
- background-color: #343a40;
+ color: #212529;
+ background-color: #dee2e6;
}
a.badge-dark:hover,
a.badge-dark:focus {
- color: #fff;
- background-color: #1d2124;
+ color: #212529;
+ background-color: #c1c9d0;
}
a.badge-dark:focus,
a.badge-dark.focus {
outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.5);
}
.jumbotron {
}
.alert-primary {
- color: #004085;
- background-color: #cce5ff;
- border-color: #b8daff;
+ color: #006249;
+ background-color: #ccf2e8;
+ border-color: #b8ecdf;
}
.alert-primary hr {
- border-top-color: #9fcdff;
+ border-top-color: #a4e7d6;
}
.alert-primary .alert-link {
- color: #002752;
+ color: #002f23;
}
.alert-secondary {
}
.alert-light {
- color: #818182;
- background-color: #fefefe;
- border-color: #fdfdfe;
+ color: #191919;
+ background-color: #d6d6d6;
+ border-color: #c5c5c5;
}
.alert-light hr {
- border-top-color: #ececf6;
+ border-top-color: #b8b8b8;
}
.alert-light .alert-link {
- color: #686868;
+ color: black;
}
.alert-dark {
- color: #1b1e21;
- background-color: #d6d8d9;
- border-color: #c6c8ca;
+ color: #737678;
+ background-color: #f8f9fa;
+ border-color: #f6f7f8;
}
.alert-dark hr {
- border-top-color: #b9bbbe;
+ border-top-color: #e8eaed;
}
.alert-dark .alert-link {
- color: #040505;
+ color: #5a5c5e;
}
@keyframes progress-bar-stripes {
}
.list-group-item-primary {
- color: #004085;
- background-color: #b8daff;
+ color: #006249;
+ background-color: #b8ecdf;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
- color: #004085;
- background-color: #9fcdff;
+ color: #006249;
+ background-color: #a4e7d6;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
- background-color: #004085;
- border-color: #004085;
+ background-color: #006249;
+ border-color: #006249;
}
.list-group-item-secondary {
}
.list-group-item-light {
- color: #818182;
- background-color: #fdfdfe;
+ color: #191919;
+ background-color: #c5c5c5;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
- color: #818182;
- background-color: #ececf6;
+ color: #191919;
+ background-color: #b8b8b8;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
- background-color: #818182;
- border-color: #818182;
+ background-color: #191919;
+ border-color: #191919;
}
.list-group-item-dark {
- color: #1b1e21;
- background-color: #c6c8ca;
+ color: #737678;
+ background-color: #f6f7f8;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
- color: #1b1e21;
- background-color: #b9bbbe;
+ color: #737678;
+ background-color: #e8eaed;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
- background-color: #1b1e21;
- border-color: #1b1e21;
+ background-color: #737678;
+ border-color: #737678;
}
.close {
}
.bg-primary {
- background-color: #007bff !important;
+ background-color: #00bc8c !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
- background-color: #0062cc !important;
+ background-color: #008966 !important;
}
.bg-secondary {
}
.bg-light {
- background-color: #f8f9fa !important;
+ background-color: #303030 !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
- background-color: #dae0e5 !important;
+ background-color: #171717 !important;
}
.bg-dark {
- background-color: #343a40 !important;
+ background-color: #dee2e6 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
- background-color: #1d2124 !important;
+ background-color: #c1c9d0 !important;
}
.bg-white {
}
.border-primary {
- border-color: #007bff !important;
+ border-color: #00bc8c !important;
}
.border-secondary {
}
.border-light {
- border-color: #f8f9fa !important;
+ border-color: #303030 !important;
}
.border-dark {
- border-color: #343a40 !important;
+ border-color: #dee2e6 !important;
}
.border-white {
}
.text-primary {
- color: #007bff !important;
+ color: #00bc8c !important;
}
a.text-primary:hover,
a.text-primary:focus {
- color: #0056b3 !important;
+ color: #007053 !important;
}
.text-secondary {
}
.text-light {
- color: #f8f9fa !important;
+ color: #303030 !important;
}
a.text-light:hover,
a.text-light:focus {
- color: #cbd3da !important;
+ color: #0a0a0a !important;
}
.text-dark {
- color: #343a40 !important;
+ color: #dee2e6 !important;
}
a.text-dark:hover,
a.text-dark:focus {
- color: #121416 !important;
+ color: #b2bcc5 !important;
}
.text-body {