/*
 SPDX-License-Identifier: GPL-3.0-or-later
 myMPD (c) 2018-2026 Juergen Mang <mail@jcgames.de>
 https://github.com/jcorporation/mympd
*/

html[data-bs-theme="light"] {
  --bs-dropdown-divider-bg: var(--bs-gray-400);
  --bs-dropdown-link-hover-bg: var(--bs-gray-400);
  --bs-tertiary-bg: var(--bs-gray-200);
}

html[data-bs-theme="light"] .dropdown-divider2 {
  border-top: 1px solid var(--bs-dark);
}

html[data-bs-theme="light"] .navbar {
  background-color: var(--bs-gray-400);
}

html[data-bs-theme="light"] #navbar-main div.active {
  background-color: var(--bs-gray-100);
}

html[data-bs-theme="light"] .form-control::placeholder {
  color: var(--bs-gray-500);
}

html[data-bs-theme="light"] #footerProgressPos {
  background-color: var(--bs-gray-100);
  border: 1px solid var(--bs-gray-400);
}

html[data-bs-theme="light"] #footerProgress:hover {
  background-image: linear-gradient(transparent 0, transparent 0.45rem, var(--bs-light) 0.45rem, var(--bs-light) 1.8rem);
}

html[data-bs-theme="light"] .btn-secondary,
html[data-bs-theme="light"] .bg-secondary {
  color: var(--bs-gray-800) !important;
  background-color: var(--bs-gray-400) !important;
  border-color: var(--bs-gray-400) !important;
}

html[data-bs-theme="light"] .btn-dark {
  background-color: var(--bs-gray-500) !important;
  border-color: var(--bs-gray-500) !important;
  color: var(--bs-gray-800);
}

html[data-bs-theme="light"] .album-cover {
  border-color: var(--bs-gray-500) !important;
}

html[data-bs-theme="light"] button.inner-button,
html[data-bs-theme="light"] button.select-inner-button {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

html[data-bs-theme="light"] .form-range::-moz-range-track {
  background-color: var(--bs-gray-100);
}

html[data-bs-theme="light"] .card {
  --bs-card-cap-bg: rgba(248, 249, 250, 60%);
}

html[data-bs-theme="light"] .bg-dark {
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
