Stylus for Gitlab - Highlight related and linked items sections when appropriate

stylus-gitlab-related-linked-highlight.css

/* Stylus custom CSS
   GitLab - Highlight related and linked items sections IF they've at least 1 issue related or linked */
/* Issue - Child items */
#tasks:has(.content-list) {
    background-color: hsl(282, 100%, 98%);
    
    header {
        color: white;
        background-color: darkviolet;
    }
}

/* Issue - Linked items */
#related-issues:has(.related-items-list) {
    background-color: hsl(180, 100%, 98%);
    
    header {
        color: white;
        background-color: darkcyan;
    }
}

:is(#tasks, #related-issues) {
    /* Tous les textes de ces barres en blanc */
    & * {
        color: inherit;
    }
    
    /* Le select de Child items et le bouton de Linked items restent en noir sur blanc */
    & .gl-new-dropdown-button-text,
    & .gl-new-dropdown-chevron,
    & .gl-button-text {
        color: black !important;
    }
}