bilibli 主页-播放页-夜间模式

为了激活主页动态iframe,脚本会让窗口弹出一下下
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         bilibli 主页-播放页-夜间模式
// @namespace    bilibli_dark
// @version      0.1
// @description  为了激活主页动态iframe,脚本会让窗口弹出一下下
// @author       zusheng
// @match        https://www.bilibili.com/
// @match        https://www.bilibili.com/*
// @icon         https://www.google.com/s2/favicons?domain=tampermonkey.net
// @grant        none
// @license MIT
// ==/UserScript==

(function () {
    'use strict';

    const newStyle = `
            #bilibiliPlayer,
            .bb-comment
            {
                box-shadow: none!important;
                border-radius: 12px!important;
                overflow: hidden!important;
            }

            /* bg */
            body{
                 background-color: rgb(14,14,14)!important;
            }

            /* bg-card */
            .van-popover,
            .bilibili-player-video-sendbar,
            .bui-collapse-header,
            .bilibili-player-video-bottom-area,
            .danmaku-wrap,
            #playerAuxiliary,
            .rec-footer,
            .nav-menu div,
            .bb-comment,
            .comment-send-lite,
            .bui-collapse-body,
            .player-auxiliary-danmaku-management,
            .player-auxiliary-danmaku-management div,
            .player-auxiliary-danmaku-management span,
            .player-auxiliary-danmaku-wrap,
            .player-auxiliary-danmaku-wrap div,
            .player-auxiliary-danmaku-wrap span,
            .player-auxiliary-danmaku-function,
            .player-auxiliary-danmaku-function div,
            .player-auxiliary-danmaku-function span,
            .player-auxiliary-danmaku-btn-footer,
            .player-auxiliary-danmaku-btn-footer div,
            #internationalHeader,
            #internationalHeader div:not(.num):not(.bili-banner):not(.b-logo):not(.animated-banner):not(.taper-line):not(.layer):not(.dynamic-update),
            .mini-header, .mini-header__content,
            #playerAuxiliary .bscroll-vertical-scrollbar {
                background-color: rgb(30,30,30)!important;
            }

            /* color-std */
            .info > a,
            .text,
            .clearfix li,
            #v_desc div, #v_desc span,
            .player-auxiliary-danmaku-wrap span,
            #internationalHeader a, #internationalHeader span,
            .van-popover, .van-popover span, .van-popover div {
                color: rgb(196,197,200)!important;
            }

            /* color-unAct */
            .inside-wrp div,
            .text-con,
            player-auxiliary-danmaku-btn-footer div,
            .player-auxiliary-danmaku-function div,
            .player-auxiliary-danmaku-function span {
                color: rgb(160,161,164)!important;
            }

            /* color-Act */
            .video-title,
            .player-auxiliary-filter-title,
            .rec-footer,
            .mini-upload,
            #internationalHeader div,
            #comment span, #comment div,
            .video-info div,
            .title,
            .ss,
            .name,
            .manga-title {
                color: rgb(230,231,233)!important;
            }

            /* card-std */
            .nav-menu div {
                border: none!important;
                box-shadow: none!important;
            }

            .bb-comment{
                padding: 0 16px!important;
            }

            .con {
                border-top: 1px solid rgba(255,255,255,.4)!important;
            }

            .comment-header, #v_tag{
                border-bottom: 2px solid rgba(255,255,255,.4)!important;
            }

            #activity_vote .inside-wrp{
                border: 1px solid rgba(255,255,255,.3)!important;
            }

            iframe {
                background-color: transparent!important;
            }

            .page-tab .con {
              border: none!important;
            }

           .page-tab .con li{
              border: none!important;
           }
         `

    const iframeStyle = `
        input
        body,
        html,
        .out-container,
        .im-list-box,
        .play-all {
            background-color: transparent!important;
            box-shadow: none!important;
        }

        .tab-bar {
            border-bottom: 1px solid rgba(255,255,255,.4)!important;
        }

        .content, .im-list {
            color: rgb(196,197,200)!important;
        }

        .list-item:hover .content {
            color: rgb(30,30,30)!important;
        }

         .history-tip, .im-root{
            background-color: rgb(30,30,30)!important;
         }
    `


    function navCreateListen() {
        if (document.querySelectorAll('.nav-user-center .signin .item')?.length > 0) {
            document.removeEventListener('DOMNodeInserted', navCreateListen)
            document.querySelectorAll('.nav-user-center .signin .item .nav-item').forEach(item => {
                const event3 = new CustomEvent("mouseenter", {});
                const event2 = new CustomEvent("mousemove", {});
                const event1 = new CustomEvent("mouseover", {});
                const event0 = new CustomEvent("mouseleave", {});
                item.dispatchEvent(event3);
                item.dispatchEvent(event2);
                item.dispatchEvent(event1);
                setTimeout(() => {
                    item.dispatchEvent(event0)
                    addIframeClass(item, event0)
                }, 1000)
            })
        }
    }

    function addIframeClass(itemParent, event0) {
        document.querySelectorAll('.nav-user-center iframe').forEach(item => {
            const if_doc = item.contentWindow.document
            let if_styleEl = if_doc.getElementById('if_style_dark')
            if (!if_styleEl) {
                if_styleEl = if_doc.createElement('style')
                if_styleEl.type = 'text/css'
                if_styleEl.id = 'if_style_dark'
                if_doc.querySelector('head').appendChild(if_styleEl)
            }
            if_styleEl.appendChild(document.createTextNode(iframeStyle))
        })
    }

    function addClass(newClass) {
        document.addEventListener('DOMNodeInserted', navCreateListen)
        let styleEl = document.getElementById('style_dark')
        if (!styleEl) {
            styleEl = document.createElement('style')
            styleEl.type = 'text/css'
            styleEl.id = 'style_dark'
            document.querySelector('head').appendChild(styleEl)
        }
        styleEl.appendChild(document.createTextNode(newClass))
    }

    console.log(document.querySelectorAll('.i-frame'))

    window.onload = (() => addClass(newStyle))
})();
欢迎访问Greasy Fork镜像
