@import '~bootstrap/scss/functions';
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
@import "~bootstrap/scss/utilities";

$body-bg: $gray-800;
$body-color: $gray-200;

$input-bg: $body-bg;
$input-color: $body-color;
$input-disabled-bg: $gray-700 !default;
$input-focus-bg: $input-bg;
$input-focus-color: $input-color;
$input-plaintext-color: $input-color;
$form-select-bg: $input-bg;
$form-select-color: $input-color;
$form-select-indicator-color: $input-color;
$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");

$list-group-color: $body-color;
$list-group-bg: $body-bg;
$list-group-hover-bg: $gray-700;
$list-group-action-color: $body-color;
$list-group-action-hover-color: $body-color;

$modal-content-bg: $body-bg;

$table-color: $body-color;
$table-striped-color: $table-color;

$theme-colors: map-merge($theme-colors, $custom-colors);

$utilities: map-merge($utilities, ("font-size": map-merge(map-get($utilities, "font-size"), (responsive: true))));

@import '~bootstrap/scss/bootstrap';