Stylus 之 网教通直播间整修

前端工程师喻文强 2020-04-27

暗色模式

效果

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;
}
}

去评论区

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;
}
}

相关推荐