:root,
[data-bs-theme="light"] {
  --bs-primary: #1f6feb;
  --bs-primary-rgb: 31, 111, 235;
  --bs-primary-text: #1658bd;
  --bs-primary-bg-subtle: #ddebff;
  --bs-primary-border-subtle: #bad7ff;
  --bs-green: #1f6feb;
  --bs-success: #1f6feb;
  --bs-success-rgb: 31, 111, 235;
  --bs-success-text: #1f6feb;
  --bs-success-bg-subtle: #ddebff;
  --bs-success-border-subtle: #bad7ff;
}

[data-bs-theme="dark"] {
  --bs-primary: #58a6ff;
  --bs-primary-rgb: 88, 166, 255;
  --bs-primary-text: #9ecbff;
  --bs-primary-bg-subtle: #111f33;
  --bs-primary-border-subtle: #213e66;
  --bs-green: #58a6ff;
  --bs-success: #58a6ff;
  --bs-success-rgb: 88, 166, 255;
  --bs-success-text: #9ecbff;
  --bs-success-bg-subtle: #111f33;
  --bs-success-border-subtle: #213e66;
}

.btn-primary,
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1f6feb;
  --bs-btn-border-color: #1f6feb;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1658bd;
  --bs-btn-hover-border-color: #1658bd;
  --bs-btn-focus-shadow-rgb: 31, 111, 235;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #124a9e;
  --bs-btn-active-border-color: #124a9e;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1f6feb;
  --bs-btn-disabled-border-color: #1f6feb;
}

.btn-outline-primary,
.btn-outline-success {
  --bs-btn-color: #1f6feb;
  --bs-btn-border-color: #1f6feb;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1f6feb;
  --bs-btn-hover-border-color: #1f6feb;
  --bs-btn-focus-shadow-rgb: 31, 111, 235;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1658bd;
  --bs-btn-active-border-color: #1658bd;
  --bs-btn-disabled-color: #1f6feb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1f6feb;
}

.text-success {
  color: var(--bs-success) !important;
}

.bg-success {
  background-color: var(--bs-success) !important;
}

.form-control.is-valid,
.was-validated .form-control:valid,
.form-select.is-valid,
.was-validated .form-select:valid,
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-success);
}

.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231f6feb' d='M2.3 6.73.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");
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231f6feb' d='M2.3 6.73.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");
}

/* Documentation-inspired shell colors */
body,
.page-wrapper,
.body-wrapper,
.container-fluid {
  background-color: #0d1117;
}

.left-sidebar,
.sidebar-nav,
.brand-logo {
  background-color: #161b22;
}

.left-sidebar {
  border-right: 1px solid #30363d;
}

.sidebar-nav .nav-small-cap,
.sidebar-nav .nav-small-cap .hide-menu {
  color: #7d8590;
}

.sidebar-nav .sidebar-link {
  color: #e6edf3;
  border-radius: 8px;
  margin: 4px 10px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.sidebar-nav .sidebar-link:hover,
.sidebar-nav .sidebar-link.active {
  background-color: #1c2128;
  color: #58a6ff;
}

.sidebar-nav .sidebar-link.text-success {
  color: #58a6ff !important;
}

.card,
.card-body,
.modal-content,
.nav-tabs,
.table,
.dropdown-menu {
  background-color: #161b22;
  color: #e6edf3;
  border-color: #30363d;
}

.app-header,
.app-header .navbar,
.app-header .navbar-collapse,
.app-header .nav-link {
  background-color: #161b22 !important;
  color: #e6edf3 !important;
}

.app-header {
  border-bottom: 1px solid #30363d;
}

.app-header .btn-outline-primary {
  --bs-btn-color: #58a6ff;
  --bs-btn-border-color: #58a6ff;
}

.card-title,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
label {
  color: #e6edf3;
}

.text-muted,
small,
.form-text {
  color: #7d8590 !important;
}

.nav-tabs {
  border-bottom: 1px solid #30363d;
}

.nav-tabs .nav-link {
  color: #7d8590;
  border: 1px solid transparent;
}

.nav-tabs .nav-link.active {
  color: #58a6ff;
  background-color: #0d1117;
  border-color: #30363d #30363d #0d1117;
}

.table,
.table th,
.table td {
  color: #e6edf3;
  border-color: #30363d;
}

.table thead th {
  background-color: #1c2128;
}

.form-control,
.form-select {
  background-color: #0d1117;
  border-color: #30363d;
  color: #e6edf3;
}

.form-control::placeholder,
.form-select::placeholder,
input::placeholder,
textarea::placeholder {
  color: #7d8590 !important;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly],
.form-select:disabled {
  background-color: #1c2128;
  color: #e6edf3;
  border-color: #30363d;
}

.form-control:focus,
.form-select:focus {
  background-color: #0d1117;
  color: #e6edf3;
  border-color: #58a6ff;
  box-shadow: 0 0 0 0.2rem rgba(88, 166, 255, 0.2);
}

.docs-shell-card {
  border: 1px solid #30363d;
}

.docs-shell-header {
  background-color: #1c2128;
}

.docs-shell-frame-wrapper {
  height: calc(100vh - 260px);
  min-height: 620px;
}

.docs-shell-frame {
  width: 100%;
  height: 100%;
  border: 0;
  background: #0d1117;
}

.alert {
  border-color: #30363d;
}

.alert-success {
  background-color: #111f33;
  border-color: #213e66;
  color: #9ecbff;
}

.alert-success strong,
.alert-success #time {
  color: #e6edf3;
}

.alert-info {
  background-color: #111f33;
  border-color: #213e66;
  color: #9ecbff;
}

.alert-danger {
  background-color: #321b15;
  border-color: #965240;
  color: #fcb8a6;
}

.alert .btn-close {
  filter: invert(1) grayscale(100%);
  opacity: 0.75;
}