myindihome dark mode by raven

/* ==UserStyle==
@name           myindihome dark mode
@namespace      userstyles.world/user/raven
@version        1.0.0
@description    Dark Mode
@author         Raven
@preprocessor   stylus
==/UserStyle== */

@-moz-document domain("myih.telkom.co.id") {
    /*dark*/
    .navbar.navbar-primary,
    .card-basic .card-header,
    .card-basic .card-footer,
    .box{
        background-color: var(--gray-800);
    }
    .bg-gray-50,
    .bg-white{
        background-color: var(--gray-800)!important;
    }
    .navbar .navbar-nav .nav-item .nav-link,
    .card-basic .card-header h3,
    .card-basic .card-footer span,
    .list-group .list-group-item,
    .box,
    .list-group .list-group-item .list-group-item-content .title,
    .animated.fadeInUp.delayp3,
    .card-content-stacked .card-body,
    .cover-help .cover-content-w-links .cover-content .cover-text, .cover-help .cover-content-w-links .cover-content .cover-title,
    .cover-help nav .breadcrumb .breadcrumb-item a{
        color: var(--secondary);
    }
    .text-dark{
        color: var(--secondary) !important;
    }
    .home-cover, 
    .img-profile.w-text,
    .body-basic.w-bg:after,
    .body-basic{
        background: var(--gray-800);
    }
    
    .progress {
        background: #cacaca !important;
    }
    .container-sm{
        max-width: initial !important;
    }
    .list-group .list-group-item:active, .list-group .list-group-item:focus, .list-group .list-group-item:hover{
        background-color: #4e4f51;
    }
    h3.mb-1{
        filter: blur(20px);
        transition: 0.5s -webkit-filter linear;
    }
    h3.mb-1:hover{
        filter: blur(0px);
        transition: 0.5s -webkit-filter linear;
    }
}