Dark TikTok by zoranravic

/* ==UserStyle==
@name           Dark TikTok
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark TikTok
@author         Zoran
==/UserStyle== */

@-moz-document domain("www.tiktok.com") {
    :root {
        filter: invert(1);
    }
    /* media */
    img,
    video,
    .css-1tunefa-DivVideoContainer,
    .css-15ggvmu-DivVideoWrapper,
    .css-ap0xhs-DivImage,
    .css-12h6z1t-DivMusicCardWrapper,
    .css-1060h3c-ImgBlurBackground,
    .css-2yolk3-StyledLink-StyledLinkVideoCover {
        filter: invert(1);
    }
    .css-riabsu-DivVideoContainer,
    .css-1mv1uzs-DivPhotoVideoContainer {
        background: none;
    }
    /* progress bar */
    .css-1nzcgaf-DivVideoControlContainer.e1rpry1m5 {
        filter: invert(1);
    }
    .css-1972tl1-DivSeekBarProgress {
        background-color: rgba(190, 209, 216, 0.34);
    }
    .css-kqqewi-DivSeekBar,
    .css-1ioucls-DivSeekBarCircle {
        background-color: rgb(190, 209, 216);
    }
    .css-o2z5xv-DivSeekBarTimeContainer {
        color: rgb(190, 209, 216);
    }
    /* text */
    p span,
    .DraftEditor-root,
    .ejg0rhn0,
    .ejg0rhn1,
    .e1g2efjf3,
    .e9j91385,
    .exfus57
    {
        filter: invert(1);
        color: #EEE !important;
    }
    /* the "more" button for expanding description */
    /* .css-1fhxeoe-DivBtnWrapper.e1mzilcj4 {
        z-index: 1;
    } */
    /* share on social media */
    a.e15mchsh0 {
        filter: invert(1);
    }
    button.ehlq8k37 > div a {
         color: #EEE;
    }
    button.ehlq8k37 > div a:hover {
         background-color: #111;
    }
    /* emoji select */
    ul.exl80ic3 li, ul.exl80ic1 li {
        filter: invert(1);
        background: none;
    }
    ul.exl80ic3 li:hover {
        background: #FFF;
    }
    /* profile icon top right */
    #header-more-menu-icon {
        filter: invert(1);
    }
    #header-more-menu-icon > * {
        filter: invert(1);
    }
}