Hello,
- Consider using the following code:
.btn-primary {
--bs-btn-focus-shadow-rgb: 49, 132, 253;
}
- and 3. You can use the following code to set the colors according to your needs:
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd;
}
- You can use Media Queries: https://www.w3schools.com/css/css_rwd_mediaqueries.asp to control these styles by adding your codes inside the
css/custom.css File.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.