qabilah.com/discover/content by saidbakr

/* ==UserStyle==
@name           qabilah.com/discover/content
@namespace      github.com/openstyles/stylus
@version        1.6.0
@description    Qabilah visual modifications
@author         Said Bakr
==/UserStyle== */

@-moz-document url-prefix("https://qabilah.com") {
    /* Insert code here... */    
     div.infinite-scroll-component div.bg-mainBg:not(:has(div div div div div div div button)){
        background: rgba(255, 190, 51, 0.3);
    }
    div.infinite-scroll-component div.bg-mainBg:has(div div div div div div div button){
       border: 4px double #ff7746;
    }
    .PlaygroundEditorTheme__mention{
        border: 1px solid;
        border-radius: 10px 2px;
        padding: 1px 3px;
        color: white;
        background: #ff7746;        
    }
    .PlaygroundEditorTheme__mention:hover{
        color: #ff7746;
        background: white;
        text-decoration: none;
    }
    p.PlaygroundEditorTheme__paragraph > span{
        text-shadow: 0 0 1px;
    }
    button[data-id ^="like-icon"] svg{
        fill: #12c512;        
    }
    div[data-id ^="dislike-icon"] svg{
        fill: red;        
    }
    div[data-id ^="feedback-icon"] svg{
        fill: orange;        
    }
    div[data-id ^="comment-icon"] svg{
        fill: cyan;        
    }
}