fix: Fix input-bg for darkly theme

This commit is contained in:
Jay Sitter 2023-06-17 01:39:48 -04:00
parent 9885bc31eb
commit b59ddb1810
4 changed files with 68 additions and 66 deletions

View file

@ -33,10 +33,12 @@ $colors: (
); );
$primary: $green; $primary: $green;
$secondary: $gray-700;
$dark: $gray-300; $dark: $gray-300;
$theme-colors: ( $theme-colors: (
"primary": $primary, "primary": $primary,
"secondary": $gray-700,
"dark": $dark, "dark": $dark,
); );

View file

@ -1890,7 +1890,7 @@ pre code {
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #222; border: 1px solid #222;
border-radius: 0.25rem; border-radius: 0.25rem;
@ -1918,7 +1918,7 @@ pre code {
} }
.form-control:disabled, .form-control:disabled,
.form-control[readonly] { .form-control[readonly] {
background-color: #545b62; background-color: #2b2b2b;
opacity: 1; opacity: 1;
} }
@ -1935,7 +1935,7 @@ select.form-control:-moz-focusring {
} }
select.form-control:focus::-ms-value { select.form-control:focus::-ms-value {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
} }
.form-control-file, .form-control-file,
@ -2132,7 +2132,7 @@ textarea.form-control.is-valid {
padding-right: calc(0.75em + 2.3125rem) !important; padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat, right 0.75rem center/8px 10px no-repeat,
#6c757d #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
no-repeat; no-repeat;
@ -2262,7 +2262,7 @@ textarea.form-control.is-invalid {
padding-right: calc(0.75em + 2.3125rem) !important; padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat, right 0.75rem center/8px 10px no-repeat,
#6c757d #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
no-repeat; no-repeat;
@ -3752,7 +3752,7 @@ input[type="button"].btn-block {
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
vertical-align: middle; vertical-align: middle;
background: #6c757d background: #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat; right 0.75rem center/8px 10px no-repeat;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -3766,7 +3766,7 @@ input[type="button"].btn-block {
} }
.custom-select:focus::-ms-value { .custom-select:focus::-ms-value {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
} }
.custom-select[multiple], .custom-select[multiple],
.custom-select[size]:not([size="1"]) { .custom-select[size]:not([size="1"]) {

View file

@ -21,7 +21,7 @@
--gray-dark: #303030; --gray-dark: #303030;
--black: #000; --black: #000;
--primary: #00bc8c; --primary: #00bc8c;
--secondary: #6c757d; --secondary: #444;
--success: #28a745; --success: #28a745;
--info: #17a2b8; --info: #17a2b8;
--warning: #ffc107; --warning: #ffc107;
@ -1645,21 +1645,21 @@ pre code {
.table-secondary, .table-secondary,
.table-secondary > th, .table-secondary > th,
.table-secondary > td { .table-secondary > td {
background-color: #d6d8db; background-color: #cbcbcb;
} }
.table-secondary th, .table-secondary th,
.table-secondary td, .table-secondary td,
.table-secondary thead th, .table-secondary thead th,
.table-secondary tbody + tbody { .table-secondary tbody + tbody {
border-color: #b3b7bb; border-color: #9e9e9e;
} }
.table-hover .table-secondary:hover { .table-hover .table-secondary:hover {
background-color: #c8cbcf; background-color: #bebebe;
} }
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th { .table-hover .table-secondary:hover > th {
background-color: #c8cbcf; background-color: #bebebe;
} }
.table-success, .table-success,
@ -1890,7 +1890,7 @@ pre code {
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #222; border: 1px solid #222;
border-radius: 0.25rem; border-radius: 0.25rem;
@ -1918,7 +1918,7 @@ pre code {
} }
.form-control:disabled, .form-control:disabled,
.form-control[readonly] { .form-control[readonly] {
background-color: #545b62; background-color: #2b2b2b;
opacity: 1; opacity: 1;
} }
@ -1935,7 +1935,7 @@ select.form-control:-moz-focusring {
} }
select.form-control:focus::-ms-value { select.form-control:focus::-ms-value {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
} }
.form-control-file, .form-control-file,
@ -2132,7 +2132,7 @@ textarea.form-control.is-valid {
padding-right: calc(0.75em + 2.3125rem) !important; padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat, right 0.75rem center/8px 10px no-repeat,
#6c757d #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
no-repeat; no-repeat;
@ -2262,7 +2262,7 @@ textarea.form-control.is-invalid {
padding-right: calc(0.75em + 2.3125rem) !important; padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat, right 0.75rem center/8px 10px no-repeat,
#6c757d #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
no-repeat; no-repeat;
@ -2460,38 +2460,38 @@ fieldset:disabled a.btn {
.btn-secondary { .btn-secondary {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
border-color: #6c757d; border-color: #444;
} }
.btn-secondary:hover { .btn-secondary:hover {
color: #fff; color: #fff;
background-color: #5a6268; background-color: #313131;
border-color: #545b62; border-color: #2b2b2b;
} }
.btn-secondary:focus, .btn-secondary:focus,
.btn-secondary.focus { .btn-secondary.focus {
color: #fff; color: #fff;
background-color: #5a6268; background-color: #313131;
border-color: #545b62; border-color: #2b2b2b;
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5);
} }
.btn-secondary.disabled, .btn-secondary.disabled,
.btn-secondary:disabled { .btn-secondary:disabled {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
border-color: #6c757d; border-color: #444;
} }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle { .show > .btn-secondary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #545b62; background-color: #2b2b2b;
border-color: #4e555b; border-color: #242424;
} }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus { .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5);
} }
.btn-success { .btn-success {
@ -2742,34 +2742,34 @@ fieldset:disabled a.btn {
} }
.btn-outline-secondary { .btn-outline-secondary {
color: #6c757d; color: #444;
border-color: #6c757d; border-color: #444;
} }
.btn-outline-secondary:hover { .btn-outline-secondary:hover {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
border-color: #6c757d; border-color: #444;
} }
.btn-outline-secondary:focus, .btn-outline-secondary:focus,
.btn-outline-secondary.focus { .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5);
} }
.btn-outline-secondary.disabled, .btn-outline-secondary.disabled,
.btn-outline-secondary:disabled { .btn-outline-secondary:disabled {
color: #6c757d; color: #444;
background-color: transparent; background-color: transparent;
} }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle { .show > .btn-outline-secondary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
border-color: #6c757d; border-color: #444;
} }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus { .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5);
} }
.btn-outline-success { .btn-outline-success {
@ -3752,7 +3752,7 @@ input[type="button"].btn-block {
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
vertical-align: middle; vertical-align: middle;
background: #6c757d background: #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat; right 0.75rem center/8px 10px no-repeat;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -3766,7 +3766,7 @@ input[type="button"].btn-block {
} }
.custom-select:focus::-ms-value { .custom-select:focus::-ms-value {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
} }
.custom-select[multiple], .custom-select[multiple],
.custom-select[size]:not([size="1"]) { .custom-select[size]:not([size="1"]) {
@ -4871,17 +4871,17 @@ a.badge-primary.focus {
.badge-secondary { .badge-secondary {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
} }
a.badge-secondary:hover, a.badge-secondary:hover,
a.badge-secondary:focus { a.badge-secondary:focus {
color: #fff; color: #fff;
background-color: #545b62; background-color: #2b2b2b;
} }
a.badge-secondary:focus, a.badge-secondary:focus,
a.badge-secondary.focus { a.badge-secondary.focus {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5);
} }
.badge-success { .badge-success {
@ -5033,15 +5033,15 @@ a.badge-dark.focus {
} }
.alert-secondary { .alert-secondary {
color: #383d41; color: #232323;
background-color: #e2e3e5; background-color: #dadada;
border-color: #d6d8db; border-color: #cbcbcb;
} }
.alert-secondary hr { .alert-secondary hr {
border-top-color: #c8cbcf; border-top-color: #bebebe;
} }
.alert-secondary .alert-link { .alert-secondary .alert-link {
color: #202326; color: #0a0a0a;
} }
.alert-success { .alert-success {
@ -5388,18 +5388,18 @@ a.badge-dark.focus {
} }
.list-group-item-secondary { .list-group-item-secondary {
color: #383d41; color: #232323;
background-color: #d6d8db; background-color: #cbcbcb;
} }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus { .list-group-item-secondary.list-group-item-action:focus {
color: #383d41; color: #232323;
background-color: #c8cbcf; background-color: #bebebe;
} }
.list-group-item-secondary.list-group-item-action.active { .list-group-item-secondary.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #383d41; background-color: #232323;
border-color: #383d41; border-color: #232323;
} }
.list-group-item-success { .list-group-item-success {
@ -6301,14 +6301,14 @@ button.bg-primary:focus {
} }
.bg-secondary { .bg-secondary {
background-color: #6c757d !important; background-color: #444 !important;
} }
a.bg-secondary:hover, a.bg-secondary:hover,
a.bg-secondary:focus, a.bg-secondary:focus,
button.bg-secondary:hover, button.bg-secondary:hover,
button.bg-secondary:focus { button.bg-secondary:focus {
background-color: #545b62 !important; background-color: #2b2b2b !important;
} }
.bg-success { .bg-success {
@ -6430,7 +6430,7 @@ button.bg-dark:focus {
} }
.border-secondary { .border-secondary {
border-color: #6c757d !important; border-color: #444 !important;
} }
.border-success { .border-success {
@ -9472,12 +9472,12 @@ a.text-primary:focus {
} }
.text-secondary { .text-secondary {
color: #6c757d !important; color: #444 !important;
} }
a.text-secondary:hover, a.text-secondary:hover,
a.text-secondary:focus { a.text-secondary:focus {
color: #494f54 !important; color: #1e1e1e !important;
} }
.text-success { .text-success {

View file

@ -1890,7 +1890,7 @@ pre code {
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #222; border: 1px solid #222;
border-radius: 0.25rem; border-radius: 0.25rem;
@ -1918,7 +1918,7 @@ pre code {
} }
.form-control:disabled, .form-control:disabled,
.form-control[readonly] { .form-control[readonly] {
background-color: #545b62; background-color: #2b2b2b;
opacity: 1; opacity: 1;
} }
@ -1935,7 +1935,7 @@ select.form-control:-moz-focusring {
} }
select.form-control:focus::-ms-value { select.form-control:focus::-ms-value {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
} }
.form-control-file, .form-control-file,
@ -2132,7 +2132,7 @@ textarea.form-control.is-valid {
padding-right: calc(0.75em + 2.3125rem) !important; padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat, right 0.75rem center/8px 10px no-repeat,
#6c757d #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
no-repeat; no-repeat;
@ -2262,7 +2262,7 @@ textarea.form-control.is-invalid {
padding-right: calc(0.75em + 2.3125rem) !important; padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat, right 0.75rem center/8px 10px no-repeat,
#6c757d #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
no-repeat; no-repeat;
@ -3752,7 +3752,7 @@ input[type="button"].btn-block {
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
vertical-align: middle; vertical-align: middle;
background: #6c757d background: #444
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
right 0.75rem center/8px 10px no-repeat; right 0.75rem center/8px 10px no-repeat;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -3766,7 +3766,7 @@ input[type="button"].btn-block {
} }
.custom-select:focus::-ms-value { .custom-select:focus::-ms-value {
color: #fff; color: #fff;
background-color: #6c757d; background-color: #444;
} }
.custom-select[multiple], .custom-select[multiple],
.custom-select[size]:not([size="1"]) { .custom-select[size]:not([size="1"]) {