@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

[data-bs-theme="my-theme"] {
    --bs-primary: #337ab7;
    --bs-primary-rgb: 51, 122, 183;

    .navbar {
        --bs-navbar-color: rgba(var(--bs-white), 0.65);
        --bs-navbar-hover-color: rgba(var(--bs-white), 0.8);
        --bs-navbar-disabled-color: rgba(var(--bs-white), 0.3);
        --bs-navbar-active-color: rgba(var(--bs-white), 1);
    }

    .navbar-brand {
        --bs-navbar-brand-color: var(--bs-white);
        --bs-navbar-brand-hover-color: var(--bs-white);
    }

}

[data-bs-theme="main"] {
    --bs-primary: #337ab7;
    --bs-primary-rgb: 51, 122, 183;

    .navbar {
        --bs-navbar-color: rgba(var(--bs-white), 0.65);
        --bs-navbar-hover-color: rgba(var(--bs-white), 0.8);
        --bs-navbar-disabled-color: rgba(var(--bs-white), 0.3);
        --bs-navbar-active-color: rgba(var(--bs-white), 1);
    }

    .navbar-brand {
        --bs-navbar-brand-color: var(--bs-white);
        --bs-navbar-brand-hover-color: var(--bs-white);
    }

}