Stylus 之 网教通直播间整修

暗色模式

效果

Mozilla 格式源代码

@-moz-document domain("fj.101.com") {

* {

    transition: all .3s;

}

#wjtUserLogout {

    animation: fade .3s;

}

* {

    user-select: none;

}

.live .live-list .list-container .list .live-item:hover {

    transform: translateY(-2px);

}

.live .live-list .list-container .list .live-item:active {

    transform: translateY(2px);

    box-shadow: #0000 0 0 0, #0003 0 0 15px inset;

    filter: brightness(93%);

    transition: all .1s;

}

}

@-moz-document domain("web-live.sdp.101.com") {

.header {

    display: none;

}

html {

    background: #000;

}

@keyframes fade-controlbar {

    from {

        opacity: 0;

    }

}

.prism-controlbar-bg {

    display: none;

}

.prism-controlbar,

._3nwE3Jcg1W {

    background: #0000;

    opacity: .4;

    animation: fade-controlbar .25s;

    transition: all .25s;

}

.prism-controlbar:hover,

._3nwE3Jcg1W:hover {

    background: #0002;

    opacity: 1;

}

._3nwE3Jcg1W {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

    background: none;

    cursor: default;

}

._3eJV_oYGIG {

    top: 0 !important;

}

._3nEjxredOE {

    height: 100% !important;

}

._3eGCI1_Nnc {

    border-color: #555 !Important;

}

}

@-moz-document domain("recreation-chat.sdp.101.com") {

span > img {

    width: 20px;

    height: 20px;

    transform: translateY(-3px);

}

div > img {

    box-shadow: #000 0 5px 10px !important;

}

* {

    background: #000;

    color: #fff;

}

#msg-flow-wrapper > div:nth-child(odd),

#msg-flow-wrapper > div:nth-child(odd) * {

    background: #222;

}

._3SH0e2QSPq,

._3SH0e2QSPq * {

    background: #333;

}

._3SH0e2QSPq {

    overflow: hidden;

    box-shadow: #000 0 0 15px

}

._3RNVDt2o2F:before {

    content: '×';

    color: #c00;

    font-weight: bold;

    font-size: 18px;

    font-style: normal

}

.sxNU1eMqn4 {

    background: #000;

    border-color: #888;

}

._1o6TBaJMSY {

    background: #333;

    border-color: #555;

}

._3nDyqZHz8W > div > div[data-reactid*="$trackHorizontal"] {

    display: none;

}

._3nDyqZHz8W > div > div[data-reactid*="$track"] {

    background: #0000 !important;

    transition: all .1s;

    width: 10px !Important;

}

._3nDyqZHz8W > div > div[data-reactid*="$track"] > div {

    background: #fff6 !important;

    transition: color .1s, width .1s;

    border-radius: 0 !important;

    width: 3px !Important;

    margin: 0 auto;

}

._3nDyqZHz8W > div > div[data-reactid*="$track"]:hover > div {

    background: #fff9 !important;

    width: 10px !Important;

}

._3nDyqZHz8W > div > div[data-reactid*="$track"] > div:active {

    background: #fffb !important;

    width: 10px !Important;

}

#content {

    color: #fff;

}

._2gSddCjwvL {

    display: none;

}

._1pymTsVzSW * {

    color: #fff !Important;

}

._1HzDl05UAH {

    background: #000;

}

.Qyfr3pAXvt > div {

    background:#0000 !important;

}

}

去评论区

Mozilla 格式源代码

@-moz-document domain("web-live.sdp.101.com") {

iframe,

.header,

._3nwE3Jcg1W {

    display: none;

}

._3eGCI1_Nnc {

    right: -1px !important;

    left: -1px !important;

}

._3eJV_oYGIG {

    top: 0 !important;

}

._3nEjxredOE {

    height: 100% !important;

}

}