Nitter but it looks more like twitter by Whey

/* ==UserStyle==
@name           Nitter but it looks more like twitter
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Whey!
==/UserStyle== */

@-moz-document domain("nitter.net") {
    /* Insert code here... */

    :root {
        /* this doesnt work, it will always fallback to blue*/
        /* heyy Noble pls make --themeColor defined in :root alr thx*/
        --color-brand: var(--tweak-accent, var(--themeColor, var(--accent-bg, rgb(0, 133, 255))));

        --numpad: 2px;
        --elipsisfix: 530px;
        --elipsisfix2: 107px;
        --color-twitter-comment: #1d9bf0;
        --color-twitter-repost: #00ba7c;
        --color-twitter-like: #f91880;
        /*}
        .r-kemksi, .colorMode--dark{*/
        --placeholderbg: rgb(38, 39, 45);
        --placeholdercolor: hsl(0, 0%, 17%);
        --placeholdericoncolor: hsl(231, 8%, 29%);
        --feedoutline: var(--color-twitter-border);
        --feedtext: var(--color-twitter-white);
        --lightbg: rgb(22, 24, 28);
        --darkerlightbg: #26272d;
        --darkdimheader: #000000ba;
        --hoverlight: rgba(255, 255, 255, 0.1);
        --hoverdim: rgba(231, 233, 234, 0.1);
        --overlaydim: rgba(91, 112, 131, 0.4);
        --black: black;
        --white: white;
        --blackish: #0f1419;
        --whiteish: #eff3f4;
        --black065: rgba(0, 0, 0, 0.65);
        --blackelipsis: #00000080;
        --threadlines: #333639;
        --color-twitter-grey: rgb(113, 118, 123);
        --color-twitter-white: rgb(231, 233, 234);
        --color-twitter-border-alt: rgb(83, 100, 113);
        --color-twitter-border: rgb(47, 51, 54);
        --color-twitter-comment-transparent: rgba(29, 155, 240, 0.15);
        --color-twitter-repost-transparent: rgba(0, 168, 124, 0.15);
        --color-twitter-like-transparent: rgba(249, 24, 128, 0.15);
        --searchbg: #202327;
        --color-twitter-grey-shadow: rgba(113, 118, 123, 0.7);
    }
    
    
    body, .timeline{
        --bg_color: var(--black) !important;
        --bg_panel: var(--black) !important;
    }
    
    
    :root, body{
        --fg_faded: var(--color-twitter-grey) !important;
    }
    .timeline-header{
        color: var(--color-twitter-grey);
        font-weight: normal;
    }
    .timeline-container, .conversation{
        border-left: 1px solid var(--color-twitter-border);
        border-right: 1px solid var(--color-twitter-border);
    }
    .timeline-item {
        padding: 12px 16px;
    }
    .tweet-body{
        margin-left: 52px;
    }
    .tweet-avatar img{
        margin-top: 0px;
        margin-left: -52px;
        width: 40px;
        height: 40px;
    }
    .tweet-link:hover{
        background-color: unset;
    }
    .profile-tabs{
        display: flex;
        flex-direction: column;
        max-width: 602px;
        & > div{
            max-width: 602px;
        }
    }
    .profile-tabs .timeline-container{
          width: 100% !important;
    }
    .profile-tab{
        border-left: 1px solid var(--color-twitter-border);
        border-right: 1px solid var(--color-twitter-border);
        .profile-card-avatar{
            position: absolute;
            width: 133px;
            height: 133px;
            img{
                border-radius: 100%;
                top: -133px;
            }
        }
        .profile-card-info{
            margin-top: 40px;
        }
        .profile-statlist{
            justify-content: start;
            gap: 8px;
            li{
                display: flex;
                gap: 2px;
                >span:nth-of-type(1){
                    order: 2;
                    color: var(--color-twitter-grey);
                    font-weight: normal;
                }
            }
        }
        .profile-card-username{
            color: var(--color-twitter-grey)
        }
        .profile-bio{
            margin-top: 12px;
            margin-bottom: 12px;
        }
    }
    .pinned{
        margin-top: -10px;
    }
    .tab{
        border-bottom: 1px solid var(--color-twitter-border);
    }
    .tab-item:not(.active) a{
        font-weight: normal;
    }
    .tab-item.active{
        a{
            border: none;
            color: var(--color-twitter-white);
            font-weight: bold;
        }
        justify-content: center;
        align-items: center;
        &::after{
            content: "";
            background: var(--color-brand);
            height: 4px;
            min-width: 100px;
            max-width: 80%;
            display: block;
            border-radius: 1000px;
            margin: -2px auto -2px auto;
        }
    }
    .thread-last, .more-replies{
        border-bottom: 1px solid var(--color-twitter-border);
    }
    .more-replies{
        padding-left: 11px;
        padding-bottom: 6px;
        a{
            margin-left: 52px;
        }
    }
    .reply {
        margin-bottom: 0px;
    }
    .main-tweet .timeline-item::before{
        display: none;
    }
    .thread-line .timeline-item:not(.thread-last):not(.more-replies)::before, .thread-line.timeline-item::before{  
        left: 21px;
        background: var(--threadlines);
        width: 2px;
        min-width: 2px;  
        top: 44px;
    }
    .timeline > div:not(:first-child) {
        border-top: 1px solid #2f3336 !important;
    }
    .timeline-item {
        overflow: visible;
    }
    .thread-line .timeline-item:not(.more-replies)::before, .thread-line.timeline-item::before{
        box-shadow: 0px 10px 0px 0px var(--threadlines);
    }
    .tweet-content{
        color: var(--color-twitter-white);
        font-size: 15px;
    }
    .attachments{
        border-radius: 16px;
        background: var(--black);  
    }
    :not(.quote-media-container) > .attachments{
        margin-top: .85em;
        border: 1px solid var(--color-twitter-border);
    }
    .quote-media-container > .attachments{
        border-top: 1px solid var(--color-twitter-border);
    }
    .tweet-stats{
        justify-content: space-between;
        --grey: var(--color-twitter-grey);
        .icon-container{
            font-size: 13px;
            font-weight: normal;
        }
        .icon-container span{
            color: var(--placeholdericoncolor);
            font-size: 18px;
        }
        .icon-comment{
            color: var(--threadlines) !important;
        }
    }
    /*
    .tweet-stats::after{
        content: "";
        font-size: 18px;
    }*/
    .tweet-date a, .username, .show-more a{
        color: var(--color-twitter-grey)
    }
    .quote:hover {
        border-color: var(--dark_grey);
    }
    .quote .tweet-name-row{
        padding: 10px 10px 6px 10px;
    }
    .quote .quote-text{  
        padding: 0px 10px 8px 10px;
    }
    .tweet-stat{
        min-width: 20%;
        margin-right: 0;
    }
    .tweet-stat:has(.icon-quote){
        min-width: 0%;
        order: 999;
        margin: 0;
    }
    .tweet-stat:has(.icon-play){
        display: none;
    }
    .attachments{
        width: 100% !important;
    }
    .main-tweet .tweet-body{
        margin-left: 0;
    }
    .main-tweet .tweet-avatar img{
        margin-left: 0;
        margin-right: 12px;
    }
    .main-tweet :not(.quote) > div > .fullname-and-username{
        flex-direction: column;
        .username{
            margin-left: 0;
            margin-bottom: 4px;
        }
    }
    .main-tweet .tweet-stats{
        border-top: 1px solid var(--color-twitter-border);
        border-bottom: 1px solid var(--color-twitter-border);
        margin-top: 6px;
        padding-top: 4px;
        padding-bottom: 8px;
    }
    .main-thread{
        margin-bottom: 0;
    }
    .timeline-item:has(::before){
        display: none !important;
    }
    .inner-nav{
        border-left: 1px solid var(--color-twitter-border);
        border-right: 1px solid var(--color-twitter-border);
        border-bottom: 1px solid var(--color-twitter-border);
        max-width: 602px;
        margin: 0 auto;
    }








































}