.light-theme{
    .gradiant-color{
        background: linear-gradient(
                30deg,
                rgb(200, 100, 255) 0%,
                rgb(255, 100, 255) 50%,
                rgb(255, 100, 200) 100%
        );
    }
    .def-button {
        background: linear-gradient(
                30deg,
                rgb(100, 50, 130) 0%,
                rgb(130, 50, 130) 50%,
                rgb(130, 50, 100) 100%
        );
        color: white;
    }
}

.dark-theme {
    --bs-body-color: #ffffff;
    --bs-body-bg: #000000;
    --bs-body-bg-rgb: 0,0,0;
    --bs-tertiary-bg-rgb: 0,0,0;
    --bs-secondary-border-subtle: #484848;
    .navbar{
        --bs-navbar-color: #ffffff;
    }
    .gradiant-color {
        background: linear-gradient(
                30deg,
                rgb(100, 50, 130) 0%,
                rgb(130, 50, 130) 50%,
                rgb(130, 50, 100) 100%
        );
    }
    .def-button{
        background: linear-gradient(
                30deg,
                rgb(200, 100, 255) 0%,
                rgb(255, 100, 255) 50%,
                rgb(255, 100, 200) 100%
        );
        color: black;
    }
    .alert-danger {
        --bs-alert-color: #ffb4bb;
        --bs-alert-bg: #77000b;
        --bs-alert-border-color: #ff0000;
    }
    .alert-success{
        --bs-alert-color: #00ff00;
        --bs-alert-bg: #003d00;
        --bs-alert-border-color: #00ff00;
    }
}