/* Theme Dark */
body.dark .bg-light, body.dark .list-group-item,
body.dark .bg-white { background-color: var(--ghus-dark) !important; }
body.dark .list-group {  --bs-list-group-border-color: rgba(var(--ghus-border-rgb), .15) }
body.dark .border-bt { --bs-card-border-color: rgba(var(--ghus-border-rgb), .15); }
body.dark .profile-img .text-dark {color: white !important}
body.dark .form-check-input:focus { border-color: rgba(255, 255, 255, 0.75 ); }
body.dark { 
    --bs-border-color: rgba(var(--ghus-border-rgb), .15);
    --bs-body-bg: var(--bs-dark); 
    --bs-body-color: white;
}
body.dark header {
    --bs-dark: white;
    --bs-dark-rgb: 255,255,255;
    border-bottom-color: rgba(255, 255, 255, 0.25 );
}
body.dark .search-container, body.dark .list-group {  
    box-shadow: 0 0 0 1px  rgba(var(--ghus-border-rgb), .15) !important; 
}
body.dark .list-group { border-top: none; }
body.dark .rounded-pill { border-color: #30363d !important; }
body.dark .card:not(.repo-card) {
    box-shadow: none;
    border: var(--bs-card-border-width) solid rgba(var(--ghus-border-rgb), .15) !important;
}
body.dark .repo-card {
    border-color: rgba(var(--ghus-border-rgb), .15) !important;
    color: white;
}
body.dark .text-secondary, 
body.dark .text-muted, 
body.dark .profile-img p.text-muted a,
body.dark .text-muted svg { 
    fill: var(--ghus-gray) !important;
    color: var(--ghus-gray) !important;
}
body.dark .profile-img p.text-muted a:hover,
body.dark .profile-img p.text-muted a:hover .text-dark {
    color: var(--bs-blue) !important;
    fill: var(--bs-blue) !important;
}
body.dark .text-bg-light {
    color: var(--ghus-gray) !important;
    background-color: transparent !important;
}
body.dark .form-switch .form-check-input, body.dark .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
    box-shadow: none !important;
    filter: grayscale(1) brightness(2);
}

/* Theme Light */
body.light { background-color: white; }
body.light .header .logo { filter: invert(1); }