// ==UserScript== // @name 直播插件 // @namespace https://github.com/wuxin0011/huya-live // @version 4.0.7 // @author wuxin0011 // @description 虎牙、斗鱼、哔哔哔里、抖音 页面简化，给观众一个干净的页面！新增虎牙、斗鱼、哔哩哔哩的护眼主题🚀 // @license MIT // @icon https://cdn.staticaly.com/gh/wuxin0011/blog-resource@main/picgo/icon.png // @source https://github.com/wuxin0011/huya-live // @supportURL https://github.com/wuxin0011/huya-live/issues // @match https://*.douyin.com/* // @match https://*.douyu.com/* // @match https://*.huya.com/* // @match https://*.bilibili.com/* // @match https://www.douyu.com/* // @match https://www.huya.com/* // @match https://www.bilibili.com/* // @match https://www.douyin.com/* // @grant GM_addStyle // @downloadURL none // ==/UserScript== (function () { 'use strict'; const exculues = [ "https://i.huya.com/", "https://www.douyu.com/member/", "https://yuba.douyu.com/", "https://manga.bilibili.com/", "https://account.bilibili.com/", "https://member.bilibili.com/", "https://show.bilibili.com/", "https://www.bilibili.com/cheese", "https://pay.bilibili.com/", "https://show.bilibili.com/", "https://link.bilibili.com/" ]; const prefix = "[live-plugin]:"; const msg = (...args) => `${prefix} ${args}`; const emptyMethod = (...args) => { console.warn(`${prefix} run empty method...`); }; const log = (...args) => console.log(msg(args)); const warn = (...args) => console.warn(msg(args)); const error = (...args) => console.error(msg(args)); const douyu_address_pattern = /^https:\/\/www\.douyu\.((com)|(cn)).*/; const bilibili_address_pattern = /^https:\/\/.*\.bilibili\..*/; const huya_address_pattern = /^https:\/\/www\.huya\.((com)|(cn)).*/; const douyin_address_pattern = /^https:\/\/www\.douyin\.((com)|(cn)).*/; const localhost = /^http:\/\/127\.0\.0\.1\.*|^http:\/\/localhost.*/; const local_url = window.location.href; const is_huya = huya_address_pattern.test(local_url); const is_douyu = douyu_address_pattern.test(local_url); const is_bilibili = bilibili_address_pattern.test(local_url); const is_douyin = douyin_address_pattern.test(local_url); const is_localhost = localhost.test(local_url); const wd = window.document; const wls = window.localStorage; const download_plugin_url = "https://greasyfork.org/zh-CN/scripts/449261-%E8%99%8E%E7%89%99%E7%9B%B4%E6%92%AD"; const source_code_url = "https://github.com/wuxin0011/huya-live"; const isImage = (file) => /.*(\.(png|jpg|jpeg|apng|avif|bmp|gif|ico|cur|svg|tiff|webp))$/.test(file); const querySelector = (el, sel) => !!el && !!sel && el instanceof HTMLElement ? el.querySelector(sel) : el ? wd.querySelector(el) : emptyMethod; const querySelectorAll = (el, sel) => !!el && !!sel && el instanceof HTMLElement ? el.querySelectorAll(sel) : el ? wd.querySelectorAll(el) : emptyMethod; const addEventListener = (el, type, callback) => !!el && type && typeof callback === "function" ? el === wd || el instanceof HTMLElement ? el.addEventListener(type, callback, false) : false : false; const createElement = (tag) => !!tag && wd.createElement(tag); const appendChild = (el1, el2) => !!el1 && !!el2 && el1 instanceof HTMLElement && el2 instanceof HTMLElement && el1.appendChild(el2); const insertChild = (el1, el2) => !!el1 && !!el2 && el1 instanceof HTMLElement && el2 instanceof HTMLElement && el1.insertBefore(el2, el1.firstChild); const is_exculues = exculues.filter((url) => local_url.indexOf(url) !== -1).length !== 0; const addStyle = (str) => { if ((window == null ? void 0 : window.GM_addStyle) && typeof window.GM_addStyle == "function") { window.GM_addStyle(str); } else { let head = querySelector("head"); let style = createElement("style"); style.innerText = str; head.appendChild(style); } }; const removeDOM = (element, realRemove = false) => { try { if (!(element instanceof HTMLElement)) { element = querySelector(element); } if (element instanceof HTMLElement) { element.style.display = "none"; if (realRemove) { element.remove(); } } } catch (e) { error(e); } }; const s2d = (string) => new DOMParser().parseFromString(string, "text/html").body.childNodes[0]; const isArray = (a) => a && (a == null ? void 0 : a.length) > 0; const timeoutSelectorAll = (selector, callback, time = 0) => { if (typeof callback != "function") { warn("callback should is a function!"); return; } setTimeout(() => { const nodes = querySelectorAll(selector); if (isArray(nodes)) { callback(nodes); } }, time); }; const timeoutSelectorAllOne = (selector, callback, time = 0) => { if (typeof callback != "function") { warn("callback should is a function!"); return; } setTimeout(() => { const nodes = querySelectorAll(selector); if (isArray(nodes)) { for (let node of nodes) { callback(node); } } }, time); }; const getLocalStore = (k, type = Array.name, isParse = true) => { let obj = wls.getItem(k); if (type === Array.name) { if (isParse && obj) { obj = JSON.parse(obj); } return Array.isArray(obj) ? obj : []; } if (type === Object.name) { if (isParse && obj) { obj = JSON.parse(obj); } return obj ? obj : {}; } if (type === String.name) { return obj ? obj : ""; } if (type === Boolean.name) { return obj === "true" || obj === true; } return obj; }; const addLocalStore = (k, v = [], type = Array.name, isParse = true) => (type === Object.name || type === Array.name) && isParse ? wls.setItem(k, JSON.stringify(v)) : wls.setItem(k, v); const removeVideo = (selector, time1 = 100, maxCount = 1e3) => { let count = 0; let video_timer = setInterval(() => { try { const video2 = querySelector(selector); if (video2 && video2 instanceof HTMLVideoElement) { video2.pause(); } removeDOM(video2, false); if (count >= maxCount) { clearInterval(video_timer); } count = count + 1; } catch (e) { } }, time1); }; const throttle = (wait, func, ...args) => { let pre = Date.now(); return () => { if (Date.now() - pre > wait) { func(...args); pre = Date.now(); } }; }; const intervalRemoveElement = (selectors, time = 160, maxCount = 1e3) => { if (!isArray(selectors)) { warn(`selectors 必须是数组 : ${selectors}`); return; } let count = 0; let timer = setInterval(() => { selectors.forEach((sel) => { removeDOM(sel, true); }); if (count >= maxCount) { clearInterval(timer); return; } count = count + 1; }, time); }; const loopDo = (callback, count = 100, wait = 100) => { if (typeof callback != "function") { warn("callback is a function!"); return; } let timer = setInterval(() => { count--; if (count === 0) { clearInterval(timer); } else { callback(timer); } }, wait); }; const findMark = (selector, callback, count = 100, wait = 100) => { if (!selector) { warn("selector not allow or null !"); return; } if (typeof callback != "function") { warn("callback is a function!"); return; } loopDo((timer) => { try { let element = selector instanceof HTMLElement ? selector : querySelector(selector); if (element && element instanceof HTMLElement) { let isMark = element.getAttribute("mark"); if (!isMark) { element.setAttribute("mark", true); callback(element); } else { clearInterval(timer); } } } catch (e) { clearInterval(timer); error(e); } }, 100, 100); setTimeout(() => { let element = selector instanceof HTMLElement ? selector : querySelector(selector); if (element && element instanceof HTMLElement) { let isMark = element.getAttribute("mark"); if (!isMark) { element.setAttribute("mark", true); callback(element); } } }, 5e3); }; const setTimeoutMark = (selector, callback, wait = 0) => { if (!selector) { warn("selector not allow or null !"); return; } if (typeof callback != "function") { warn("callback is a function!"); return; } let timer = setTimeout(() => { try { let element = selector instanceof HTMLElement ? selector : querySelector(selector); if (element && element instanceof HTMLElement) { let isMark = element.getAttribute("mark"); if (!isMark) { element.setAttribute("mark", true); callback(element); } else { clearInterval(timer); } } } catch (e) { clearInterval(timer); error(e); } }, wait); }; const backgroundNone = (element, selectors = [".layout-Main"], time = 100, maxCount = 500) => { if (!(element instanceof HTMLElement) || !isArray(selectors)) { warn(`element 参数应是 元素， selector 应该是元素选择器集合`); return; } let count = 0; let timer = setInterval(() => { selectors.forEach((sel) => { let b = querySelector(element, sel); if (!(b instanceof HTMLElement)) { return; } b.style.backgroundImage = "none"; }); if (count >= maxCount) { clearInterval(timer); return; } count = count + 1; }, time); }; const uploadImage = (file, callback) => { try { if (!isImage(file == null ? void 0 : file.name)) { return alert("图片格式不正确！"); } let fileReader = new FileReader(); fileReader.readAsDataURL(file); fileReader.onerror = (e) => { return alert("图片解析失败！" + JSON.stringify(e)); }; fileReader.onload = (e) => { let base64 = e.target.result; let str = base64.slice(base64.indexOf(",") + 1); if (atob) { str = atob(str); let bytes = str.length; const size = (bytes / (1024 * 1024)).toFixed(2); if (size > 5) { if (confirm("图片保存失败，浏览器最大只能保存5MB大小图片，确认查看原因？")) { window.location.href = "https://developer.mozilla.org/zh-CN/docs/Web/API/File_and_Directory_Entries_API/Introduction"; } return; } callback(base64); } else { alert("保存失败，当前浏览器不支持！"); } }; } catch (e) { alert("图片解析失败！"); } }; const findButton = (sel = "body", key = "full_screen_button_class_or_id", text = "全屏", tagName = "div") => { var _a, _b; const container = querySelector(sel); let classId = ""; if (container) { const fullButton = querySelector(container, key); if (fullButton && fullButton instanceof HTMLElement && ((fullButton == null ? void 0 : fullButton.textContent) === text || (fullButton == null ? void 0 : fullButton.title) === text)) { classId = `${sel} ${fullButton.id ? fullButton.id : fullButton.className}`; } if (!classId) { const nodes = querySelectorAll(container, tagName); if (isArray(nodes)) { for (let i = 0; i < nodes.length; i++) { if (nodes[i] && nodes[i] instanceof HTMLElement && (((_a = nodes[i]) == null ? void 0 : _a.title) === text || ((_b = nodes[i]) == null ? void 0 : _b.textContent) === text)) { classId = `${sel} ${nodes[i].id ? nodes[i].id : nodes[i].className}`; } } } } } if (key && classId) { addLocalStore(key, classId, String.name, false); } return classId || key; }; const handlerPromise = (result, callback) => { if (typeof callback !== "function") { warn("回调函数不能为空！"); return; } if (!result) { warn("请求结果为空！"); callback(result); return; } if (result instanceof Promise) { result.then((res) => { callback(res); }).catch((e) => { error(e); }); } else { callback(result); } }; const handlerDisplay = (element, isBlock) => { if (!(element && element instanceof HTMLElement)) { return; } if (isBlock) { if (!element.classList.contains("m-container-display-block")) { element.classList.add("m-container-display-block"); } if (element.classList.contains("m-container-display-none")) { element.classList.remove("m-container-display-none"); } } else { if (element.classList.contains("m-container-display-block")) { element.classList.remove("m-container-display-block"); } if (!element.classList.contains("m-container-display-none")) { element.classList.add("m-container-display-none"); } } }; const support = { supportSearch() { return !is_douyin; }, supportAdd() { return !is_douyin; }, supportReset() { return !is_douyin; }, supportBg() { return !is_douyin && !is_bilibili; }, supportMenu() { return !is_douyin && !is_bilibili; }, supportGift() { return !is_douyin && !is_bilibili; }, supportAutoFullScreen() { return true; }, supportAutoViewMaxPro() { return true; }, supportTable() { return !is_douyin; }, supportTheme() { return is_huya || is_douyu || is_bilibili; } }; class HostUser { constructor(roomId, name) { this.roomId = roomId; this.name = name; } } const iconLogo = () => { let logo = "none"; if (is_douyu) { logo = ``; } else if (is_huya) { logo = ``; } else if (is_douyin) { logo = ``; } else if (is_bilibili) { logo = ``; } return logo; }; const DARK_THEME_KEY = "DARK_THEME_KEY"; const theme = { dark: "dark", light: "light" }; const isDark = () => wls.getItem(DARK_THEME_KEY) === theme.dark || wls.getItem(DARK_THEME_KEY) === null; const toggleColorMode = (event) => { if (!event) { warn("event is not allow null !"); return; } try { const isAppearanceTransition = (document == null ? void 0 : document.startViewTransition) && !window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (!isAppearanceTransition) { log("不支持快照切换...,将使用普通方式切换主题"); themeUpdate(); return; } } catch (error2) { themeUpdate(); return; } const x = event.clientX; const y = event.clientY; const endRadius = Math.hypot( Math.max(x, innerWidth - x), Math.max(y, innerHeight - y) ); const transition = document.startViewTransition(async () => { log("支持快照切换..."); await themeUpdate(); }); transition.ready.then(() => { const clipPath = [ `circle(0px at ${x}px ${y}px)`, `circle(${endRadius}px at ${x}px ${y}px)` ]; document.documentElement.animate( { clipPath: isDark() ? [...clipPath].reverse() : clipPath }, { duration: 400, easing: "ease-out", pseudoElement: isDark() ? "::view-transition-old(root)" : "::view-transition-new(root)" } ); }); }; const updateDarkClass = () => { if (!support.supportTheme()) { return; } const classList = document.documentElement.classList; if (!classList.contains("dark") && isDark()) { document.documentElement.classList.add("dark"); } else if (classList.contains("dark") && !isDark()) { document.documentElement.classList.remove("dark"); } }; const themeUpdate = async () => { log(isDark() ? "切换到白天" : "切换到黑夜"); wls.setItem(DARK_THEME_KEY, isDark() ? theme.light : theme.dark); updateDarkClass(); }; const htmlTemplate = (isShowBg, isShowMenu, isShowFullScreen, isShowGift, isShowLogo, isMaxPro = true) => { return `
${support.supportSearch() ? `` : ``} ${support.supportAdd() ? `` : ``} ${support.supportReset() ? `` : ``} ${support.supportTheme() ? `` : ``} ${support.supportBg() ? `` : ``} ${support.supportBg() ? `` : ``} ${support.supportBg() ? `背景` : ``} ${support.supportMenu() ? `菜单 ` : ``} ${` 全屏`} ${support.supportGift() ? `礼物` : ``} logo ${`画质`} 更新
序号 名称 房间号 操作
`; }; class LivePlugin { constructor() { this.baseUrl = "/"; this.key = "key"; this.bg_key = "bg_key"; this.bg_show_key = "bg_show_key"; this.bg_is_first_key = "bg_is_first_key"; this.full_screen_key = "full_screen_key"; this.full_screen_class_or_id = "full_screen_button_class_or_id"; this.full_button_tag_name = "div"; this.full_screen_button = getLocalStore(this.full_screen_class_or_id, String.name, false) || this.full_screen_class_or_id; this.full_screen_text = "全屏"; this.full_cancel_text = "退出全屏"; this.full_screen_is_first_key = "full_screen_is_first_key"; this.default_background_image = "https://cdn.staticaly.com/gh/wuxin0011/blog-resource@main/picgo/bg5.jpg"; this.users = []; this.menu = null; this.menu_show_key = "menu_show_key"; this.menu_is_first_key = "menu_is_first_key"; this.tbody = null; this.m_container = null; this.gift_key = `${this.key}_gift`; this.gift_tool = null; this.gift_is_first_key = "gift_is_first_key"; this.logo_btn = null; this.btn_logo_svg = iconLogo(); this.logo_show_key = `${this.key}_logo_show`; this.header_logo = "none"; this.button_name = ""; this.is_new = false; this.btn_is_first_key = "btn_is_first_key"; this.video_player_container = ".room-player-wrap"; this.auto_max_pro_key = "auto_max_pro_key"; this.is_first_auto_max_pro_key = "is_first_auto_max_pro_key"; this.auto_max_pro_class_or_id_list = "auto_max_pro_class_or_id_list"; this.auto_max_pro_keywords = ["登录", "会员", "大会员"]; if (is_localhost) { this.init(); } } // 初始化操作方法，子类可以继承该类，实现该类中空方法，参考此操作,初始化构造器实调用该方法就可以了。。。 init() { if (!this.removeRoom()) { this.common(); this.detail(); this.index(); this.category(); this.create_container(); this.isShowLeftMenu(); this.isShowGift(); this.clickLogoShowContainer(); } this.settingBackgroundImage(); } /*********************************建议下面操作方法必须重写的,并且参考此步骤*****************************/ /** * 公共 */ common() { } /** * 首页 */ index() { } /** * 分类 */ category() { } /** * 详情 */ detail() { } /** * 点击房间名称操作 */ removeRoomByClickRoomName() { } /** * 通过房间号获取名称 * @param roomId 房间号 * @returns {null} name */ getNameByRoomId(roomId) { warn("请自定义实现通过名称获取房间号方法"); return null; } /** * 通过一个地址获取房间号 * @param url 地址 * @returns {null} 房间号 */ getRoomIdByUrl(url) { warn("请自定义实现通过名称获取房间号方法"); return null; } /** * 自动最高画质！ */ isAutoMaxVideoPro() { let that = this; if (!(wls.getItem(that.is_first_auto_max_pro_key) === null ? true : getLocalStore(that.auto_max_pro_key, Boolean.name))) { return; } log("查找播放视频画质列表", that.auto_max_pro_class_or_id_list); loopDo((timer) => { let items = querySelectorAll(that.auto_max_pro_class_or_id_list); if (isArray(items)) { for (let item of items) { let result = that.auto_max_pro_keywords.findIndex((key) => item.innerText.indexOf(key) !== -1); if (result === -1) { log("当前最高画质", item.innerText); if (is_huya) { item = querySelector(item, "span"); } item.click(); clearInterval(timer); return; } } } }, 100, 500); } /*********************************子类继承无需修改的方法******************************/ /** * 容器，所有操作容器均在此容器中， */ create_container() { let that = this; let body = querySelector("body") ?? createElement("body"); that.users = getLocalStore(that.key, Array.name) || []; let isShowBg = wls.getItem(this.bg_is_first_key) === null ? true : getLocalStore(that.bg_show_key, Boolean.name); let isShowMenu = wls.getItem(this.menu_is_first_key) === null ? false : getLocalStore(that.menu_show_key, Boolean.name); let isShowFullScreen = wls.getItem(this.full_screen_is_first_key) === null ? false : getLocalStore(that.full_screen_key, Boolean.name); let isShowGift = wls.getItem(this.gift_is_first_key) === null ? false : getLocalStore(that.gift_key, Boolean.name); let isShowLogo = wls.getItem(this.btn_is_first_key) === null ? true : getLocalStore(that.logo_show_key, Boolean.name); let isAutoMaxPro = wls.getItem(this.is_first_auto_max_pro_key) === null ? true : getLocalStore(that.auto_max_pro_key, Boolean.name); that.m_container = s2d(htmlTemplate(isShowBg, isShowMenu, isShowFullScreen, isShowGift, isShowLogo, isAutoMaxPro)); appendChild(body, that.m_container); if (querySelector(that.m_container, "#m-container-box2 table tbody")) { that.tbody = querySelector(that.m_container, "#m-container-box2 table tbody"); this.is_new = true; } else { that.tbody = querySelector(that.m_container, ".m-container table tbody"); this.is_new = false; } that.operationDOMButton(); that.createRoomItem(that.users); that.createButton(); log("操作面板初始化完毕！"); } /** * 通过用户列表构建列表 * @param {Object} arr 用户列表 */ createRoomItem(arr) { if (!isArray(arr)) { return; } let that = this; arr.forEach((item, index) => { let tr = createElement("tr"); tr.innerHTML = ` ${index + 1} ${item.name} ${item.roomId} `; appendChild(that.tbody, tr); addEventListener(querySelector(tr, "button"), "click", function(e) { let roomId = e.target.getAttribute("room-id"); that.userDelete(roomId); handlerPromise(that.getRoomIdByUrl(local_url), (result) => { if (result === roomId) { window.location.reload(); } }); removeDOM(tr, true); }); }); } /** * 绘制表格 * @param {Object} arr 表格数据 */ resetTbody(arr) { if (!this.tbody) { error("tbody 为 null ！"); return; } querySelectorAll(this.tbody, "tr").forEach((item) => removeDOM(item, true)); this.createRoomItem(arr); } /** * 操作框容器 */ operationDOMButton() { let that = this; if (!that.m_container) { return; } const container = that.m_container; const inputValue = querySelector(container, ".operation input"); addEventListener(inputValue, "input", () => { let arr = that.users.filter((item) => item && item.roomId && item.roomId.indexOf(inputValue.value) !== -1 || item.name && item.name.indexOf(inputValue.value) !== -1); that.resetTbody(arr); }); const addRoomBtn = querySelector(container, ".operation button.add-room"); addEventListener(addRoomBtn, "click", function() { const keywords = inputValue.value.trim(); if (!keywords) { return alert("请输入房间号！"); } if (!that.userIsExist(keywords)) { handlerPromise(that.getNameByRoomId(keywords), (res) => { that.searchUserByRoomId(res, keywords, inputValue); }); } else { alert("该主播已添加！"); } }); const clearRoomBtn = querySelector(container, ".operation button.clear-room"); addEventListener(clearRoomBtn, "click", function() { if (confirm("确认重置？")) { that.users = []; let deleteKeyList = [ that.key, that.bg_key, that.menu_show_key, that.gift_key, that.logo_show_key, that.full_screen_key, that.bg_is_first_key, that.btn_is_first_key, that.full_screen_is_first_key, that.menu_is_first_key, that.gift_is_first_key, that.is_first_auto_max_pro_key ]; for (let item of deleteKeyList) { wls.removeItem(item); } that.resetTbody(that.users); window.location.reload(); } }); const uploadButton = querySelector(container, ".operation #file"); addEventListener(uploadButton, "change", function(e) { const file = uploadButton.files[0] || null; uploadImage(file, (base64) => { addLocalStore(that.bg_key, base64, String.name, false); that.settingBackgroundImage(e.target.result); }); addLocalStore(that.bg_is_first_key, false, Boolean.name); }); const upload = querySelector(container, ".operation .bg-btn"); addEventListener(upload, "click", function(e) { uploadButton.click(); addLocalStore(that.bg_is_first_key, false, Boolean.name); }); const close_container = querySelector(container, ".operation .btn-close-container"); addEventListener(close_container, "click", function(e) { that.isShowContainer(); }); const close_container2 = querySelector(container, ".operation #m-close-button1"); addEventListener(close_container2, "click", function(e) { that.isShowContainer(); }); const checkbox = querySelector(container, ".operation #checkbox1"); addEventListener(checkbox, "change", function(e) { log("背景是否开启", e.target.checked ? "开启" : "关闭"); addLocalStore(that.bg_show_key, e.target.checked, Boolean.name); addLocalStore(that.bg_is_first_key, false, Boolean.name); that.settingBackgroundImage(); }); const menu = querySelector(container, ".operation #checkbox2"); addEventListener(menu, "change", function(e) { that.getLeftMenu(e.target.checked); addLocalStore(that.menu_is_first_key, false, Boolean.name); }); const full_screen_btn = querySelector(container, ".operation #checkbox3"); addEventListener(full_screen_btn, "change", function(e) { addLocalStore(that.full_screen_key, e.target.checked, Boolean.name); that.isFullScreen(true); addLocalStore(that.full_screen_is_first_key, false, Boolean.name); }); const show_gift = querySelector(container, ".operation #checkbox4"); addEventListener(show_gift, "change", function(e) { addLocalStore(that.gift_key, e.target.checked, Boolean.name); that.isShowGift(); addLocalStore(that.gift_is_first_key, false, Boolean.name); }); const show_logo_btn = querySelector(container, ".operation #checkbox5"); addEventListener(show_logo_btn, "change", function(e) { e.preventDefault(); if (!that.logo_btn) { warn("获取不到Logo哦！"); return alert("获取不到logo"); } if (that.logo_btn.style.display === "block") { if (confirm("确认隐藏Logo？隐藏之后不再显示哦!如需显示logo，点击直播头部Logo即可显示")) { that.logo_btn.style.display = "none"; addLocalStore(that.logo_show_key, false, Boolean.name); } } else { that.logo_btn.style.display = "block"; addLocalStore(that.logo_show_key, true, Boolean.name); } addLocalStore(that.btn_is_first_key, false, Boolean.name); }); const auto_max_pro = querySelector(container, ".operation #checkbox6"); addEventListener(auto_max_pro, "change", function(e) { addLocalStore(that.auto_max_pro_key, e.target.checked, Boolean.name); addLocalStore(that.is_first_auto_max_pro_key, false, Boolean.name); that.isAutoMaxVideoPro(); }); const theme_btn = querySelector(container, ".operation .room-theme"); addEventListener(theme_btn, "click", function(e) { toggleColorMode(e); log("主题切换中"); theme_btn.innerText = isDark() ? "黑夜" : "白天"; theme_btn.title = isDark() ? "点击切换到黑夜" : "点击切换到白天"; }); this.initAnimation(container); log("操作按钮添加成功！"); } initAnimation(container) { let box1 = querySelector(container, "#m-container-box1"); let box2 = querySelector(container, "#m-container-box2"); let change1 = querySelector(container, "#m-change-box1"); let change2 = querySelector(container, "#m-change-box2"); let select1 = querySelector(container, ".m-type-item-left .m-select-option-container #m-select-input-address"); let select2 = querySelector(".m-type-item-left .m-select-input-container #m-select-input-select"); let select1_box1 = querySelector(container, ".m-type-item-left #m-select-option"); let select2_box2 = querySelector(container, ".m-type-item-left #m-select-input"); addEventListener(change1, "click", () => { if (box1 && box2) { box1.classList.add("m-ani-left-is-close"); box1.classList.remove("m-ani-left-is-active"); box2.classList.add("m-ani-right-is-active"); box2.classList.remove("m-ani-right-is-close"); } }); addEventListener(change2, "click", () => { if (box1 && box2) { box1.classList.add("m-ani-left-is-active"); box1.classList.remove("m-ani-left-is-close"); box2.classList.add("m-ani-right-is-close"); box2.classList.remove("m-ani-right-is-active"); } }); addEventListener(select1, "click", () => { if (select1_box1 && select2_box2) { select1_box1.classList.remove("m-ani-left-is-active"); select1_box1.classList.add("m-ani-left-is-close"); select2_box2.classList.remove("m-ani-right-is-close"); select2_box2.classList.add("m-ani-right-is-active"); } }); addEventListener(select2, "click", () => { if (select1_box1 && select2_box2) { select1_box1.classList.add("m-ani-left-is-active"); select1_box1.classList.remove("m-ani-left-is-close"); select2_box2.classList.add("m-ani-right-is-close"); select2_box2.classList.remove("m-ani-right-is-active"); } }); log("动画初始化完毕！"); } searchUserByRoomId(name, roomId, inputValue) { let that = this; if (name) { that.addUser(roomId, name); inputValue.value = ""; } else { if (confirm(`房间号为${roomId}的主播不存在！确定添加？`)) { that.addUser(roomId, roomId); inputValue.value = ""; } } } /** * 右侧操作按钮 * @param text 指定按钮文本，默认是小虎牙或者是小鱼丸 */ createButton() { let that = this; let body = querySelector("body"); if (!body) { error("获取不到 body "); return; } if (!!that.logo_btn) { warn("button已经添加了！不能重复添加！"); return; } let text = this.button_name; const btn = createElement("button"); btn.style.cursor = "pointer"; btn.style.position = "fixed"; btn.style.top = "300px"; btn.style.right = "0px"; btn.style.zIndex = 999999999999; let backgroundColor = ""; if (that.btn_logo_svg !== "none") { btn.innerHTML = that.btn_logo_svg; btn.style.backgroundColor = "transparent"; } else { backgroundColor = is_bilibili ? "255,102,102" : "255, 93, 35"; btn.style.padding = "5px 10px"; btn.style.backgroundColor = `rgb(${backgroundColor})`; btn.style.borderRadius = "20px"; btn.style.fontSize = "12px"; btn.style.color = "#fff"; btn.textContent = text ? text : is_huya ? "小虎牙" : is_douyu ? "小鱼丸" : is_bilibili ? "小B" : "默认"; } btn.style.border = "none"; btn.style.outline = "none"; addEventListener(btn, "click", function() { that.isShowContainer(); }); addEventListener(btn, "mouseenter", function() { btn.style.backgroundColor = `rgba(${backgroundColor},0.6)`; }); let flag = false; let x, y; const mouse_key = that.key + "_mouse_key"; let { mouse_left, mouse_top } = getLocalStore(mouse_key, Object.name); log(`获到Logo位置信息 ${mouse_left}px, ${mouse_top}px`); if (!isNaN(Number(mouse_left)) && !isNaN(Number(mouse_top))) { btn.style.left = mouse_left + "px"; btn.style.top = mouse_top + "px"; btn.style.right = "auto"; } addEventListener(btn, "mousedown", (event) => { x = event.offsetX; y = event.offsetY; log("mouseDown", x, y); flag = true; addEventListener(wd, "mousemove", move); }); addEventListener(btn, "mouseup", () => { flag = false; wd.removeEventListener("mousemove", move); wd.onmousemove = null; }); addEventListener(btn, "mouseleave", () => { flag = false; btn.style.backgroundColor = `rgba(${backgroundColor},1)`; wd.removeEventListener("mousemove", move); wd.onmousemove = null; }); function move(e) { e.preventDefault(); if (!flag) { return; } let btn_top = Math.min(Math.max(0, e.clientY - y), window.innerHeight - btn.offsetHeight); let btn_left = Math.min(Math.max(0, e.clientX - x), window.innerWidth - btn.offsetWidth); btn.style.left = `${btn_left}px`; btn.style.top = `${btn_top}px`; btn.style.right = "auto"; addLocalStore(mouse_key, { "mouse_left": btn_left, "mouse_top": btn_top }, Object.name); } btn.style.display = wls.getItem(that.btn_is_first_key) == null || getLocalStore(that.logo_show_key, Boolean.name) ? "block" : "none"; that.logo_btn = btn; appendChild(body, that.logo_btn); log("button 添加完毕！"); } /** * 该房间是否已改被删除 * @param url 房间链接地址 默认 window.location.href */ removeRoom(url = local_url) { try { if (!this.isRemove(url)) { return false; } this.roomIsNeedRemove(); return true; } catch (error2) { return false; } } /** * 房间已被删除之后操作 * @param url 房间链接地址 默认 window.location.href */ roomAlreadyRemove() { let that = this; removeDOM(querySelector("body"), true); const h2 = createElement("h3"); let html = querySelector("html"); let body = querySelector("body") ?? createElement("body"); body.style.display = "flex"; body.style.flexDirection = "column"; body.style.justifyContent = "center"; body.style.alignItems = "center"; handlerPromise(this.getRoomIdByUrl(local_url), (roomId) => { let name = this.getUser(roomId) ? this.getUser(roomId).name : ""; const a = createElement("a"); a.textContent = "点击解锁"; a.style.display = "block"; a.style.cursor = "pointer"; a.style.fontSize = "20px"; a.onclick = (e) => { e.preventDefault(); that.userDelete(roomId); window.location.reload(); }; h2.style.fontSize = "36px"; h2.textContent = `主播【${name}】已被你屏蔽`; let title = querySelector("title"); if (!title) { title = createElement("title"); } title.textContent = `主播【${name}】已被你屏蔽`; html.appendChild(body); body.appendChild(h2); body.appendChild(a); let logo_show = getLocalStore(that.logo_show_key, Boolean.name); if (logo_show) { let logo = createElement("a"); logo.textContent = "显示logo"; logo.style.display = "block"; logo.style.cursor = "pointer"; logo.style.fontSize = "20px"; logo.onclick = (e) => { e.preventDefault(); logo.style.display = "none"; addLocalStore(that.logo_show_key, false, Boolean.name); that.createButton(); }; body.appendChild(logo); } removeDOM(this.m_container, true); this.m_container = null; this.create_container(); }); } /** * 判断链接是否应该被删除 * @param href 房间链接地址 默认 window.location.href */ isRemove(href) { try { let res = this.getRoomIdByUrl(href); if (res instanceof Promise) { return false; } return this.userIsExist(res); } catch (error2) { return false; } } /** * 设置背景图 * @param url 背景图地址 默认 是默认地址 * @param container 修改背景容器 默认是body */ settingBackgroundImage(url, container) { if (!support.supportBg()) { log("当前平台不支持背景"); return; } container = querySelector("body"); if (!container || !(container instanceof HTMLElement)) { warn("壁纸设置失败 获取不到 container ！"); return; } let isShowBg = wls.getItem(this.bg_is_first_key) === null ? true : getLocalStore(this.bg_show_key, Boolean.name); log("是否添加背景=>", isShowBg ? "显示" : "关闭", wls.getItem(this.bg_is_first_key) === null ? "null" : wls.getItem(this.bg_is_first_key)); if (isShowBg) { url = !!url ? url : wls.getItem(this.bg_key) && isShowBg ? wls.getItem(this.bg_key) : this.default_background_image; container.style.backgroundSize = "cover"; container.style.backgroundRepeat = "no-repeat "; container.style.backgroundAttachment = "fixed"; container.style.backgroundImage = `url(${url})`; log("背景图添加完毕！"); } else { container.style.backgroundImage = "none"; log("背景图已关闭！"); } } /** * 通过房间名称或者id判断房间是否已经保存到本地 * @param keywords 房间名或者id * @param list 本地缓存数据，默认是本地缓存用户数据 */ userIsExist(keywords, list = this.users) { return !!this.getUser(keywords, list); } /** * 通过房间名称或者id判断房间是否已经保存到本地 * @param keywords 房间名或者id * @param list 本地缓存数据，默认是本地缓存用户数据 */ getUser(keywords, list = this.users) { if (!keywords) { return null; } for (let i = 0; i < list.length; i++) { if (list[i].name && list[i].name === keywords || list[i].roomId && list[i].roomId === keywords) { return list[i]; } } return null; } /** * 通过房间id或者房间名删除本地缓存的数据 * @param keywords 房间名或者id */ userDelete(keywords) { let that = this; if (!isArray(that.users)) { return; } that.users.forEach((item, index) => { if (keywords === item.name || keywords === item.roomId) { that.users.splice(index, 1); } }); addLocalStore(this.key, this.users); } /** * 添加并保存直播间 * @param id, 房间id * @param name 房间名 */ addUser(id, name) { if (this.userIsExist(id) || this.userIsExist(name)) { alert("该房间已存在！"); return; } if (!isArray(this.users)) { this.users = []; } const newUser = new HostUser(id, name); this.users.unshift(newUser); addLocalStore(this.key, this.users); this.resetTbody(this.users); handlerPromise(this.getRoomIdByUrl(local_url), (res) => { if (id === res) { this.roomIsNeedRemove(local_url); } }); } /** * @param selector video */ roomIsNeedRemove(selector = querySelector("video")) { this.roomAlreadyRemove(); removeVideo(selector); this.settingBackgroundImage(); } /* * 操作左侧导航栏，需要传入选择器，和修改值 建议放到公共方法下执行！ * @param {selector} = [选择器] * @param {value} = [要修改的值] */ getLeftMenu(value = false) { let menu = querySelector(this.menu); if (!menu) { return alert("获取不到导航菜单，操作失败！"); } handlerDisplay(menu, value); addLocalStore(this.menu_show_key, value, Boolean.name, false); } /* * 操作左侧导航栏，需要传入选择器，和修改值 建议放到公共方法下执行！ */ isShowLeftMenu() { let menu = this.menu ? querySelector(this.menu) : ""; handlerDisplay(menu, wls.getItem(this.menu_is_first_key) != null && getLocalStore(this.menu_show_key, Boolean.name)); } /** * 检查是否能找到全屏按钮 * @returns */ checkFullScreenButton() { this.full_screen_button = findButton(this.video_player_container, this.full_screen_class_or_id, this.full_screen_text, this.full_button_tag_name); } /** * 自动全屏 * @param isClickFull 是否是通过点击方式触发 */ isFullScreen(isClickFull = false) { let full_screen_text = this.full_screen_text; let full_cancel_text = this.full_cancel_text; let is_should_full_screen = getLocalStore(this.full_screen_key, Boolean.name); let button = null; if (isClickFull) { button = querySelector(this.full_screen_button); if (button && button instanceof HTMLElement) { button.click(); this.isShowContainer(); } else { this.checkFullScreenButton(button); } } else { loopDo((timer) => { button = querySelector(this.full_screen_button); log("fullScreen button", !!button ? "找到button了" : "未找到全屏button"); if (button && button instanceof HTMLElement) { let isClick = button == null ? void 0 : button.isClick; if (isClick) { clearInterval(timer); return; } if (!isClick && is_should_full_screen && ((button == null ? void 0 : button.title) === full_screen_text || button.textContent === full_screen_text)) { log("全屏按钮自动触发了!"); button.isClick = true; button.click(); } else if ((button == null ? void 0 : button.title) === full_cancel_text || (button == null ? void 0 : button.textContent) === full_cancel_text) { button.click(); } } else { this.checkFullScreenButton(button); } }, 3, 500); } } /** * 是否显示礼物 */ isShowGift() { let gift = this.gift_tool ? querySelector(this.gift_tool) : ""; handlerDisplay(gift, wls.getItem(this.gift_is_first_key) != null && getLocalStore(this.gift_key, Boolean.name)); } /** * 是否显示容器 */ isShowContainer() { if (this.m_container && this.m_container instanceof HTMLElement) { log("container change ...."); if (this.is_new) { if (this.m_container.classList.contains("m-container-is-active")) { this.m_container.classList.remove("m-container-is-active"); } else { this.m_container.classList.add("m-container-is-active"); } } else { this.m_container.style.display = this.m_container.style.display === "block" ? "none" : "block"; } } } /** * 点击 直播平台 Logo */ clickLogoShowContainer() { if (this.header_logo === "none" || !this.header_logo) { warn("Logo选择器不能为 none ！"); return; } let that = this; findMark(that.header_logo, (a) => { if (!(a instanceof HTMLAnchorElement)) { return; } a.href = "javascript:;void(0)"; a.title = "点击Logo,显示插件配置"; addEventListener(a, "click", (e) => { e.preventDefault(); log("click header logo !"); that.isShowContainer(); }); loopDo(() => { a = querySelector(that.header_logo); a.href = "javascript:;void(0)"; }, 5, 1e3); log("logo点击按钮装置完毕！"); }, 5, 500); } createSpan(container, place, id, name = id, message = "确认屏蔽up主 ", remove = true) { if (!container || !place || !id || !name) { error("createSpan 参数不全！"); return; } const span = createElement("span"); span.classList = "m-span-text"; appendChild(place, span); addEventListener(span, "click", () => { if (confirm(`${message}${name} ?`)) { if (remove) { removeDOM(container, true); } this.addUser(id, name); this.removeRoom(local_url); } }); } } class TriggerLive extends LivePlugin { constructor() { super(); this.video_player_container = ".room-player-wrap"; this.full_screen_button = ".room-player-wrap .player-fullscreen-btn"; this.full_button_tag_name = "span"; this.default_background_image = "https://livewebbs2.msstatic.com/huya_1682329462_content.jpg"; this.baseUrl = "https://www.huya.com/"; this.menu = ".mod-sidebar"; this.header_logo = "#duya-header #duya-header-logo a"; this.gift_tool = ".room-core #player-gift-wrap"; this.auto_max_pro_class_or_id_list = ".player-videoline-videotype .player-videotype-list li"; this.init(); } // 首页操作 index() { if (local_url === this.baseUrl || /https:\/\/.*\.huya\.*\/\?/.test(local_url)) { removeVideo(".mod-index-main video"); const banner_close = querySelector(".mod-index-wrap #banner i"); if (banner_close) { banner_close.click(); } loopDo((timer) => { let pauseBtn = querySelector(".player-pause-btn"); if (pauseBtn) { pauseBtn.click(); clearInterval(timer); } }, 10, 300); } } // 分类页操作 category() { let that = this; if (new RegExp(/^https:\/\/.*\.huya\.((com)|(cn))\/g(\/.*)$/).test(local_url)) { timeoutSelectorAllOne(".live-list-nav dd", (node) => { addEventListener(node, "click", () => { setTimeout(() => { that.removeRoomByClickRoomName(); }, 2e3); }); }); } } // 公共部分操作 common() { this.removeRoomByClickRoomName(); } // 详情操作 detail() { let that = this; if (new RegExp(/^https:\/\/www\.huya\.com(\/\w+)$/).test(local_url)) { findMark(".host-name", (hostName) => { hostName.title = `点击屏蔽主播【${hostName == null ? void 0 : hostName.textContent}】`; addEventListener(hostName, "click", () => { if (confirm(`确认屏蔽主播【${hostName == null ? void 0 : hostName.textContent}】？`)) { that.addUser(that.getRoomIdByUrl(local_url), hostName.textContent); } }); }); let ads = [ ".main-wrap .room-mod-ggTop", "#chatRoom .room-gg-chat", "#huya-ab" ]; intervalRemoveElement(ads, 500, 20); this.isFullScreen(); this.isAutoMaxVideoPro(); } } // 通过地址获取房间号 getRoomIdByUrl(url = local_url) { try { return url && url.match(/https:\/\/www\.huya\.com\/(.*)/) ? url.match(/https:\/\/www\.huya\.com\/(.*)/)[1] : ""; } catch (error2) { warn("url 匹配失败 请检查" + url); return ""; } } // 通过房间号查找名称 getNameByRoomId(roomId) { let that = this; let hostName = querySelector(".host-name"); if (!hostName) { warn(`获取不到hostname`); return ""; } const rooms = querySelectorAll(".game-live-item"); if (!isArray(rooms)) { return ""; } for (let room of rooms) { const a = querySelector(room, "a"); if (a && a.href) { const id = that.getRoomIdByUrl(a.href); const user = querySelector(room, ".txt i"); if (id === roomId) { hostName = user; } } } return (hostName == null ? void 0 : hostName.textContent) || ""; } // 通过点击直播间名称删除直播间 removeRoomByClickRoomName() { const that = this; timeoutSelectorAllOne(".game-live-item", (li) => { setTimeoutMark(li, () => { const a = querySelector(li, "a"); const url = a.href; const user = querySelector(li, ".txt i"); const name = user.textContent || ""; addEventListener(user, "click", () => { if (confirm(`确认禁用 ${name}？`)) { that.addUser(that.getRoomIdByUrl(url), name); removeDOM(li); } }); if (that.isRemove(url)) { removeDOM(li); } }, 0); }, 500); } } const getInfo = async (roomId = local_url) => { if (douyu_address_pattern.test(roomId)) { roomId = FishLive.prototype.getRoomIdByUrl(roomId); } return await fetch(`https://www.douyu.com/betard/${roomId}`, { mode: "cors", cache: "default", method: "GET" }).then((res) => res.json()); }; class FishLive extends LivePlugin { constructor() { super(); this.video_player_container = "#room-html5-player"; this.baseUrl = "https://www.douyu.com/"; this.default_background_image = "https://sta-op.douyucdn.cn/dylamr/2022/11/07/1e10382d9a430b4a04245e5427e892c8.jpg"; this.menu = "#js-aside"; this.gift_tool = ".layout-Player-main #js-player-toolbar"; this.header_logo = "#js-header .Header-left .Header-logo"; this.auto_max_pro_class_or_id_list = "#js-player-video .room-Player-Box .rate-5c068c ul>li"; this.init(); } // 公共部分页面操作 common() { } //首页操作 index() { let that = this; if (window.location.href === that.baseUrl || new RegExp(/https:\/\/www\.douyu\.com\/\?.*/).test(local_url)) { window.scroll(0, 0); removeVideo(".layout-Slide-player video"); const vbox = querySelector("#room-html5-player"); if (vbox) { const divs = querySelectorAll(vbox, "div"); if (isArray(divs)) { for (let div of divs) { if ((div == null ? void 0 : div.title) === "暂停") { div.click(); } } } } that.removeRoomByClickRoomName(); window.onscroll = throttle(500, () => { that.removeRoomByClickRoomName(); }); let topBtn = querySelector(".layout-Main .ToTopBtn"); if (topBtn) { topBtn.style.display = "block"; } } } // 分类页面操作 category() { let that = this; if (new RegExp(/https:\/\/www.douyu.com(\/((directory.*)|(g_.*)))$/).test(local_url)) { that.removeRoomByClickRoomName(); querySelectorAll(".layout-Module-filter .layout-Module-label"); timeoutSelectorAllOne(".layout-Module-filter .layout-Module-label", (label) => { addEventListener(label, "click", (e) => { e.preventDefault(); let to_link = label && label.href ? label.href : null; if (to_link) { window.location.href = to_link; } else { window.location.href = "https://www.douyu.com/g_" + local_url.match(RegExp( /subCate\/.*/g ))[0].replace("subCate", "").match(new RegExp( /\w+/g ))[0]; } }); }); } } // 详情页操作 detail() { let that = this; if (!new RegExp(/.*douyu.*(\/((.*rid=\d+)|(\d+)).*)$/).test(local_url)) { return; } findMark(".Title-roomInfo h2.Title-anchorNameH2", (hostName) => { hostName.title = `点击屏蔽主播【${hostName == null ? void 0 : hostName.textContent}】`; addEventListener(hostName, "click", () => { if (confirm(`确认屏蔽主播【${hostName == null ? void 0 : hostName.textContent}】？`)) { that.addUser(that.getRoomIdByUrl(local_url), hostName.textContent); } }); }); if (new RegExp(/.*douyu.*\/topic(\/(.*rid=\d+).*)/).test(local_url)) { let divs = querySelectorAll("#root>div"); let backgroundNones = [".wm-general-wrapper.bc-wrapper.bc-wrapper-player", ".wm-general-bgblur"]; if (isArray(divs)) { for (let element of divs) { if (!!querySelector(element, ".layout-Main")) { backgroundNone(element, backgroundNones); } else { removeDOM(element, true); } } } } if (new RegExp(/.*douyu.*(\/(\d+)).*/).test(local_url)) { findMark(".roomSmallPlayerFloatLayout-closeBtn", (closeBtn) => { closeBtn.click(); }); removeDOM(".layout-Main .ToTopBtn", true); } this.isFullScreen(); this.isAutoMaxVideoPro(); } // 通过点击直播间名称删除直播间 removeRoomByClickRoomName() { let that = this; if (this.baseUrl === local_url || new RegExp(/https:\/\/www\.douyu\.com\/\?.*/).test(local_url)) { timeoutSelectorAllOne(".layout-List-item", (li) => { setTimeoutMark(li, () => { const a = querySelector(li, ".DyCover"); const url = (a == null ? void 0 : a.href) || ""; const user = querySelector(li, ".DyCover-user"); const name = (user == null ? void 0 : user.textContent) || ""; a.setAttribute("href", "javascript:;void(0)"); addEventListener(a, "click", (e) => { e.preventDefault(); }); addEventListener(user, "click", (e) => { e.preventDefault(); if (confirm(`确认禁用 ${name}`)) { that.addUser(that.getRoomIdByUrl(url), name); removeDOM(li); } }); if (that.isRemove(url) || that.userIsExist(name)) { removeDOM(li); } }, 100); }, 100); } if (new RegExp(/https:\/\/www.douyu.com(\/((directory)|(g_)).*)/).test(local_url)) { timeoutSelectorAllOne(".layout-Cover-item", (li) => { setTimeoutMark(li, () => { const link = querySelector(li, "a.DyListCover-wrap"); if (link) { const url = (link == null ? void 0 : link.href) || ""; link.setAttribute("href", "javascript:;void(0)"); addEventListener(link, "click", (e) => { e.preventDefault(); }); const user = querySelector(link, "div.DyListCover-userName"); const name = user.textContent || ""; if (that.isRemove(url) || that.userIsExist(name)) { removeDOM(li, true); } else { addEventListener(user, "click", (e) => { if (confirm(`确认禁用 ${name}？`)) { const id = that.getRoomIdByUrl(url); that.addUser(id, name); removeDOM(li); } e.preventDefault(); }); addEventListener(li, "mouseenter", (e) => { const a = querySelector(e.target, "a.DyListCover-wrap.is-hover"); const url2 = a == null ? void 0 : a.href; a.setAttribute("href", "javascript:;void(0)"); addEventListener(a, "click", (e2) => { e2.preventDefault(); }); const user2 = querySelector(a, ".DyListCover-userName"); const name2 = user2.textContent || ""; addEventListener(user2, "click", (e2) => { e2.preventDefault(); if (confirm(`确认禁用 ${name2}？`)) { const id = that.getRoomIdByUrl(url2); that.addUser(id, name2); removeDOM(li); } }); }); } } }, 100); }, 0); } } // 通过房间号获取直播间name async getNameByRoomId(keywords) { var _a; let that = this; let searchResult = await getInfo(keywords); if ((searchResult == null ? void 0 : searchResult.room) && ((_a = searchResult == null ? void 0 : searchResult.room) == null ? void 0 : _a.nickname)) { log(`搜索到主播 ${searchResult.room.nickname}`); return searchResult.room.nickname; } let hostName = querySelector(".Title-blockInline .Title-anchorName h2"); let rooms = null; if (!hostName) { rooms = querySelectorAll(".layout-List-item"); if (isArray(rooms)) { for (let room of rooms) { const id = that.getRoomIdByUrl(querySelector(room, "a").href); const user = querySelector(room, ".DyCover-user"); if (id === keywords) { hostName = user; } } } if (!hostName) { rooms = querySelectorAll(".layout-Cover-item"); if (isArray(rooms)) { for (let room of rooms) { const id = that.getRoomIdByUrl(querySelector(room, "a").href); const user = querySelector(room, ".DyListCover-userName"); if (id === keywords) { hostName = user; } } } } } return (hostName == null ? void 0 : hostName.textContent) || ""; } // 通过房间地址获取房间号 getRoomIdByUrl(url = local_url) { try { if (new RegExp(/.*rid=(\d+).*/).test(url)) { return url.match(new RegExp(/rid=(\d+)/))[1]; } if (/https:\/\/www\.douyu\.com\/(\d+).*/.test(url)) { return url.match(new RegExp(/https:\/\/www\.douyu\.com\/(\d+)/))[1]; } return null; } catch (e) { return null; } } // isAutoMaxVideoPro() { // if (!(wls.getItem(this.is_first_auto_max_pro_key) === null ? true : getLocalStore(this.auto_max_pro_key, Boolean.name))) { // return; // } // log('自动全屏查找中...') // const parent_container = `#js-player-video .room-Player-Box` // let default_class = '.rate-5c068c' // // const check = () => { // return findButton(parent_container, default_class, "清晰度", "div") // } // loopDo((timer) => { // const nodes = querySelectorAll(`${parent_container} ${default_class} ul li`) // log('查找结果',nodes) // if (isArray(nodes)) { // nodes[0].click() // clearInterval(timer) // } else { // default_class = check() // } // // }, 20, 1000) // // // } } const getBiliBiliInfoByVideoID = async (url = window.location.href) => { if (!url) { return; } let videoBVId = "BV"; if (/.*\/BV(.*)/.test(url)) { videoBVId += /.*\/BV(.*)\/.*/.test(url) ? url.match(/.*\/BV(.*)/)[1].match(/(.*)\/{1}.*/)[1] : url.match(/.*\/BV(.*)/)[1]; } else { videoBVId = url; } return await fetch(`https://api.bilibili.com/x/web-interface/wbi/view?bvid=${videoBVId}`, { method: "get", mode: "cors" }).then((res) => res.json()); }; class BiliBili extends LivePlugin { constructor() { super(); this.header_logo = ".bili-header .bili-header__bar ul>li>a"; this.video_player_container = "#bilibili-player"; this.fullScreenText = "进入全屏 (f)"; this.auto_max_pro_class_or_id_list = ".bpx-player-ctrl-btn.bpx-player-ctrl-quality .bpx-player-ctrl-quality-menu>.bpx-player-ctrl-quality-menu-item"; this.init(); } /** * 重写 button * @returns */ createButton() { let that = this; if (!!that.logo_btn) { return; } let buttonBoxs = querySelector(".palette-button-wrap .storage-box .storable-items"); let btn = createElement("button"); btn.className = "primary-btn"; btn.style.fontSize = "16px"; if (!buttonBoxs) { buttonBoxs = querySelector("div.fixed-sidenav-storage"); if (!buttonBoxs) { console.log("暂不支持..."); return; } btn = createElement("div"); btn.style.display = "none"; btn.className = "m-bilibili-btn"; window.onscroll = () => { if (window.scrollY >= 500) { btn.style.display = "block"; } else { btn.style.display = "none"; } }; } btn.title = "点击显示"; btn.innerHTML = iconLogo(); that.logo_btn = btn; addEventListener(btn, "click", function() { that.isShowContainer(); }); insertChild(buttonBoxs, that.logo_btn); } async getRoomIdByUrl(href) { var _a, _b; try { if (/https:\/\/www.bilibili.com\/video\/.*/.test(local_url)) { let result = await getBiliBiliInfoByVideoID(local_url); if (result.code === 0 && ((_a = result == null ? void 0 : result.owner) == null ? void 0 : _a.mid)) { return (_b = result == null ? void 0 : result.owner) == null ? void 0 : _b.mid; } } if (/https:\/\/space\.bilibili\.com\/(\d+).*/.test(href)) { return href.match(/https:\/\/space\.bilibili\.com\/(\d+)/)[1]; } } catch (error2) { } return this.getBilibiliRoomId(href); } getBilibiliRoomId(href) { return !!href && href.replace(/https:\/\/.*\.bilibili.com\/(.*?)/, "$1").replace(/\//ig, ""); } // 添加删除按钮 addDeleteRoomButton(time = 1e3) { timeoutSelectorAll(".feed-card", (divs) => { var _a, _b; for (let feed of divs) { const isMark = !!querySelector(feed, ".m-span-text"); if (!isMark) { let item = querySelector(feed, "div.bili-video-card__info--bottom"); const name = (_a = querySelector(item, "span.bili-video-card__info--author")) == null ? void 0 : _a.textContent; const href = (_b = querySelector(item, ".bili-video-card__info--owner")) == null ? void 0 : _b.href; const id = this.getBilibiliRoomId(href); if (this.userIsExist(id) || this.userIsExist(name)) { removeDOM(feed, true); } else if (id && name) { this.createSpan(feed, item, id, name); } } } }, time); window.onscroll = throttle(500, () => { timeoutSelectorAll(".bili-video-card", (divs) => { var _a, _b, _c, _d; for (let feed of divs) { const isMark = !!querySelector(feed, ".m-span-text"); if (!isMark) { let item = querySelector(feed, "div.bili-video-card__info--bottom"); let isLive = false; if (!item) { isLive = true; item = querySelector(feed, ".bili-live-card__info--text"); } const name = !isLive ? (_a = querySelector(item, "span.bili-video-card__info--author")) == null ? void 0 : _a.textContent : (_b = querySelector(item, "a.bili-live-card__info--uname span")) == null ? void 0 : _b.textContent; const href = !isLive ? (_c = querySelector(item, ".bili-video-card__info--owner")) == null ? void 0 : _c.href : (_d = querySelector(item, "a.bili-live-card__info--uname")) == null ? void 0 : _d.href; const id = this.getBilibiliRoomId(href); if (this.userIsExist(name) || this.userIsExist(id)) { removeDOM(feed, true); } else if (id && name) { this.createSpan(feed, item, id, name); } } } }, time); }); } clickLogoShowContainer() { let that = this; super.clickLogoShowContainer(); window.onscroll = () => { if (parseInt(window.scrollY) > 90) { operationLogo(); } else { super.clickLogoShowContainer(); } }; const operationLogo = () => { findMark(that == null ? void 0 : that.header_logo, (logo) => { logo.setAttribute("href", "javascript:;void(0)"); logo.setAttribute("title", "点击Logo，显示插件配置"); addEventListener(logo, "click", (e) => { e.preventDefault(); that.isShowContainer(); }); }); }; } common() { let that = this; that.addDeleteRoomButton(1e3); setTimeout(() => { const refreshButton = querySelector(".feed-roll-btn .primary-btn"); addEventListener(refreshButton, "click", () => { that.addDeleteRoomButton(200); }); }, 3e3); } index() { } detailLeftVideoList(time = 1e3, sel = ".video-page-card-small") { timeoutSelectorAll(sel, (videoList) => { var _a; for (let videoDom of videoList) { const isMark = !!videoDom.getAttribute("mark"); videoDom.setAttribute("mark", true); const playinfo = querySelector(videoDom, ".playinfo"); const link = querySelector(videoDom, ".upname a"); const id = !!link && (link == null ? void 0 : link.href) && this.getBilibiliRoomId(link.href); const name = (_a = querySelector(videoDom, ".upname .name")) == null ? void 0 : _a.textContent; if (this.userIsExist(id) || this.userIsExist(name)) { removeDOM(videoDom, true); } else if (!isMark && id && name) { const span = createElement("span"); span.classList = "m-span-text"; addEventListener(span, "click", () => { if (confirm("确认删除up主 " + name + " ?")) { removeDOM(videoDom, true); this.addUser(id, name); this.detailLeftVideoList(0); } }); appendChild(playinfo, span); } } }, time); } async detail() { var _a, _b; if (new RegExp(/https:\/\/www\.bilibili\.com\/video\/(.*)/).test(local_url)) { this.detailLeftVideoList(100, ".video-page-operator-card-small"); this.detailLeftVideoList(); const nextBtn = querySelector(".rec-footer"); addEventListener(nextBtn, "click", () => { this.detailLeftVideoList(0); }); } if (/https:\/\/www.bilibili.com\/video\/.*/.test(local_url)) { this.isFullScreen(); this.isAutoMaxVideoPro(); let result = await getBiliBiliInfoByVideoID(local_url); console.log("视频查询结果详情:", result); if (result.code === 0 && this.userIsExist((_a = result == null ? void 0 : result.owner) == null ? void 0 : _a.mid) || this.userIsExist((_b = result == null ? void 0 : result.owner) == null ? void 0 : _b.name)) { this.roomIsNeedRemove(); } } } async getNameByRoomId(bvId) { var _a, _b; let result = await getBiliBiliInfoByVideoID(bvId); if (result.code === 0) { return (_b = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.owner) == null ? void 0 : _b.name; } } } class DouYin extends LivePlugin { constructor() { super(); this.header_logo = "#root .N_HNXA04 .HQwsRJFy a"; this.full_screen_class_or_id = ".xgplayer-page-full-screen .xgplayer-icon"; this.full_button_tag_name = "div"; this.full_screen_text = "进入全屏"; this.full_cancel_text = "退出全屏"; this.auto_max_pro_class_or_id_list = "#slidelist .gear .virtual>.item"; this.init(); } removeRoomByClickRoomName() { this.notSupport(); } getNameByRoomId(roomId) { return this.notSupport(); } getRoomIdByUrl(url) { return this.notSupport(); } notSupport() { log("抖音暂时不支持该操作！"); return null; } common() { this.isFullScreen(); this.isAutoMaxVideoPro(); } } const css$5 = ` .dark .m-container { --m-container-background-color: var(--w-bg-darker); } .dark .m-container { background-color: var(--m-container-background-color) !important; color:var(--w-text-light) !important; } .dark .m-container .m-link, .dark .m-container .m-link:visited { color: var(--w-text) !important; } .m-container .m-link:hover { color: var(--w-text-light) !important; text-decoration: underline !important; } .dark .m-container table tr, .dark .m-container table tbody tr:nth-child(1) { border-color: var(--w-text-light) !important; } `; const css$4 = ` html { --w-brand: #3aa675; --w-light: #e5e7eb; --w-brand-light: #349469; --w-bg: #22272e; --w-bg-light: #2b313a; --w-bg-lighter: #262c34; --w-bg-dark: #343b44; --w-bg-darker: #37404c; --w-bg-darker: var(--w-bg-dark); --w-text: #adbac7; --w-text-light: #cbd4dc; --w-text-lighter: #cdd6dd; --w-text-lightest: #8094a8; --w-border: #3e4c5a; --w-border-dark: #34404c; --w-blue-link-hover:#00aeec; --w-skeleton:#494f57; --w-white: #fff; } ::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; } ::view-transition-old(root) { z-index: 10; } ::view-transition-new(root) { z-index: 10000; } .dark::view-transition-old(root) { z-index: 10000; } .dark::view-transition-new(root) { z-index: 10; } .m-container, .m-container .btn, .m-container table, .m-container table tbody, .m-container table thead, .m-container table tr { margin: 0 !important; padding: 0 !important; border: none; outline: none; } .m-container { --m-font-color: #fff; --m-container-background-color: #fff; --m-container-width: 700px; --m-container-height: 400px; --m-container-operation-right-width: 150px; --m-container-input-width: 150px; --m-container-box-transition: all 0.4s ease-in-out; --m-container-select-width: var(--m-container-input-width); --m-container-input-outline: 1px solid rgba(8, 125, 235, 0.6) !important; } .m-container { box-sizing: border-box !important; position: fixed !important; flex-direction: column !important; width: var(--m-container-width) !important; height: var(--m-container-height) !important; top: 100px !important; left: 50% !important; border-radius: 10px !important; overflow: hidden !important; background-color: var(--m-container-background-color) !important; z-index: 100000000 !important; padding: 15px !important; transition: var(--m-container-box-transition) !important; box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.1), -1px -2px 18px rgba(0, 0, 0, 0.1) !important; opacity: 0; transform: translate(-50%, -150%); } .m-container-is-active { opacity: 1; transform: translate(-50%, 0%); z-index:100000000 !important; } .m-container-box { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; } .m-container .operation { box-sizing: border-box !important; height: auto !important; justify-content: start !important; } .m-container input[type="text"] { width: var(--m-container-input-width) !important; box-sizing: border-box !important; border: 1px solid rgba(8, 125, 235, 0.6) !important; outline: none !important; padding: 5px 10px !important; border-radius: 20px !important; transition: var(--m-container-box-transition); } .m-container input:focus { border: 1px solid rgba(8, 125, 235, 1) !important; } .m-container .operation input[type="checkbox"] { display: inline !important; } .m-container .operation input[type="file"] { display: none !important; } .m-container table { position: relative !important; box-sizing: border-box !important; overflow: hidden !important; text-align: left !important; flex: 1 !important; display: flex !important; flex-direction: column !important; } .m-container table tr { margin: 5px 0 !important; display: flex !important; border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important; justify-content: space-between; } .m-container table tr td:nth-child(1), .m-container table thead th:nth-child(1) { width: 50px; text-align: center !important; } .m-container table tr td:nth-child(2), .m-container table tr td:nth-child(3), .m-container table tr td:nth-child(4), .m-container table thead th:nth-child(2), .m-container table thead th:nth-child(3), .m-container table thead th:nth-child(4) { flex: 1 !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .m-container table tbody { flex: 1 !important; overflow: auto !important; } .m-container table th, .m-container table td { padding: 10px !important; } .m-container table tbody tr:nth-child(1) { border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important; } .m-container .m-link, .m-container .m-link:visited { color: teal !important; } .m-container .m-link:hover { color: teal !important; text-decoration: underline !important; } .m-container .btn { cursor: pointer !important; padding: 5px 8px !important; border: none !important; max-width:50px !important; color: var(--m-font-color) !important; font-size: 1rem !important; border-radius: 20px !important; margin: 0 !important; background-color: rgba(166, 169, 173, 1) !important; z-index: 1000 !important; outline: none !important; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.4) !important; } .m-container .btn:hover { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1) !important; } .m-container .btn:hover { background-color: rgba(166, 169, 173, 0.6) !important; } .m-container .btn-primary { background-color: rgba(64, 158, 255, 1) !important; } .m-container .btn-primary:hover { background-color: rgba(64, 158, 255, 0.6) !important; } .m-container .btn-success { background-color: rgba(103, 194, 58, 1) !important; } .m-container .btn-success:hover { background-color: rgba(103, 194, 58, 0.6) !important; } .m-container .btn-info { background-color: rgba(119, 119, 119, 1) !important; } .m-container .btn-info:hover { background-color: rgba(119, 119, 119, 0.6) !important; } .m-container .btn-warning { background-color: rgba(230, 162, 60, 1) !important; } .m-container .btn-warning:hover { background-color: rgba(230, 162, 60, 0.6) !important; } .m-container .btn-danger { background-color: rgba(245, 108, 108, 1) !important; } .m-container .btn-danger:hover { background-color: rgba(245, 108, 108, 0.6) !important; } #m-container-box1 { position: absolute !important; z-index: 10000000 !important; transition: var(--m-container-box-transition) !important; width: 100% !important; height: 100% !important; } #m-container-box2 { position: absolute !important; z-index: 9999 !important; transition: var(--m-container-box-transition) !important; ; width: 100% !important; height: 100% !important; } .m-ani-left-is-active { transform: translateX(0) !important; visibility: visible !important; opacity: 1 !important; } .m-ani-left-is-close { transform: translateX(-100%) !important; visibility: hidden !important; opacity: 0 !important; } .m-ani-right-is-active { transform: translateX(0) !important; visibility: visible !important; opacity: 1 !important; } .m-ani-right-is-close { transform: translateX(100%) !important; visibility: hidden !important; opacity: 0 !important; } .m-type-container .m-type-item { display: flex !important; height: 30px !important; } .m-type-container .m-type-item .m-type-item-left { flex: 1 !important; position: relative !important; box-sizing: border-box !important; overflow: hidden !important; } .m-type-container .m-type-item .m-type-item-right { width: var(--m-container-operation-right-width); text-align: center !important; } .m-type-container .m-type-item .m-type-item-left .m-select-option-container, .m-type-container .m-type-item .m-type-item-left .m-select-input-container { transition: var(--m-container-box-transition) !important; position: absolute !important; width: 100% !important; } .m-type-container .m-select { display: flex !important; } .m-type-container .m-select .m-select-item { margin-right: 10px !important; } .m-type-container .m-select .m-select-item:last-child { margin-right: 0 !important; } .m-type-container .m-select select { width: 100px !important; color: rgba(119, 119, 119, 0.9) !important; } .m-type-container .m-select select::placeholder { color: rgba(119, 119, 119, 0.9) !important; } .m-type-container .m-tag-select { width: calc(var(--m-container-select-width)/2) !important; outline: none !important; border: 1px solid rgba(8, 125, 235, 0.6) !important; padding: 5px 8px !important; padding: 5px 10px !important; } .m-container select { border: 1px solid rgba(8, 125, 235, 1) !important; } .m-type-container .m-select .m-option-default { color: rgba(119, 119, 119, 0.6) !important; } .m-type-container input[type="text"] { width: 350px !important; } .m-type-container .m-select input { width: var(--m-container-input-width) !important; } .m-type-container .m-search-msg { color: red !important; } .m-span-text { transition: all 0.3s ease; cursor: pointer !important; opacity: 0; float:right; display:inline-block; margin:0 10px; transform: scale(0.5); font-size:20px; position:relative; } .m-span-text::before{ content:"🧹"; cursor: pointer !important; } .m-container-display-block{ display:block !important; } .m-container-display-none{ display:none !important; } ${css$5} `; const darkCss$1 = ` .dark .layout-Module-head.is-fixed { background: var(--w-bg) !important; } .dark .Horn4Category-popWrap { background: var(--w-bg) !important; background-image:none !important; border:1px solid var(--w-text-light) !important; } .dark body, .dark .layout-List-item,.dark .layout-List-item .DyCover, .dark .Header-wrap,.dark .layout-Module-container,.dark .AnchorRank-more, .dark .Elevator,.dark .Elevator-item,.dark .Elevator-item.is-active>span::before,.dark .public-DropMenu-drop, .dark .Category-item,.dark .DropMenuList-linkAll, .dark .Header-menu-wrap,.dark .DyListCover-wrap, .dark .layout-Module-label--hasList.is-active, .dark .layout-Module-label, .dark .ListFooter .dy-Pagination-next, .dark .ListFooter .dy-Pagination-prev, .dark .ListFooter .dy-Pagination .dy-Pagination-item,.dark .ListFooter .dy-Pagination .dy-Pagination-item-active,.dark .ListFooter .ListFooter-btn-wrap, .dark .layout-Player-title,.dark .layout-Player-aside, .dark .layout-Player-asideMain,.dark .layout-Player-barrage,.dark .layout-Player-toolbar, .dark .Barrage-listItem,.dark .Barrage-EntranceIntroduce, .dark .Barrage-roomVip--super, .dark .DiamondsFansBarrage, .dark #js-floatingbarrage-container li, .dark #js-fansflating-barrage, .dark .Barrage-EntranceIntroduce-Anchor, .dark .Barrage-EntranceIntroduce-Goodgame, .dark .FollowGuide, .dark .ChatSend-button,.dark .BarrageBuffer, .dark .Barrage-FansHome-content,.dark .Barrage-FansHome, .dark .ChatSend-txt,.dark .layout-Classify-card,.dark .cate2TagB-item, .dark .PlayerToolbar-signCont,.dark .dy-Modal-content,.dark .CustomGroupCommon .dy-Modal-title, .dark .CustomGroupManager-title,.dark .FilterKeywords, .dark .Barrage-toolbarClear .Barrage-toolbarText,.dark .Barrage-toolbarLock:hover .Barrage-toolbarText, .dark .dy-ModalRadius-content, .dark .categoryTab-item, .dark customizeModal-submit, .dark .customizeModal-cancel, .dark .search-ipt, .dark .addedCategory-item, .dark .Search, .dark .Header-wrap.is-start .Search, .dark .Search-historyList>li, .dark .Search-text, .dark .ListHeader-hero-header,.dark .layout-Module-label--hasList,.dark .ListHeader-pop,.dark .layout-Module-filter-more, .dark .Barrage-toolbarClear, .dark .Barrage-toolbarLock,.dark .AssembleExpressHeader-head, .dark .Emotion, .dark .ShieldTool-list,.dark .BarrageTips, .dark .BarrageTips .BarrageTips--active,.dark .FansMedalDialog-normal, .dark .ChatBarrageCollect .ChatBarrageCollect-tip,.dark .AssembleExpressHeader, .dark .TagItem,.dark .ChatBarrageCollectPop , .dark .Horn4Category-popWrap,.dark .Horn4Category-inputor,.dark .ChatFansBarragePop, .dark .PopularBarrage .PopularBarragePanel-foot, .dark .PopularBarrage .PopularBarragePanelStyle, .dark .BarrageWordPanel-card, .dark .BarrageWordPanel-btn,.dark .BarrageWordPanel-header h2,.dark .BarrageWordPanel-header,.dark .CustomGroupManager-saveBtn, .dark .DyRecCover-wrap,.dark .CustomGroupCommon .dy-Modal-header,.dark .CustomGroupCommon .dy-Modal-close-x, .dark .CustomGroupCommon .dy-Modal-close,.dark .CustomGroupCommon,.dark .dy-Modal-close,.dark .dy-Modal-header, .dark .dy-Modal-footer button,.dark .FilterSwitchStatus-switch,.dark .LevelFilKeyTab .tab.active,.dark .LevelFilterLimit, .dark .BarrageFilter-fkbutton, .dark .FilterKeywords-edit-input, .dark .LevelFilterLimit-input,.dark .LevelFilKeyTab, .dark #js-footer { background: var(--w-bg-darker) !important; color: var(--w-text-light) !important; } .dark .Elevator-item.is-active>span, .dark .Elevator-item:nth-child(odd) { background-color: rgba(var(--w-bg-darker),0.7) !important; } .dark .dy-ModalRadius-header, .dark .addedCategory-count, .dark .RoomList .layout-Module-title, .dark .RoomList .layout-Module-title a,.dark layout-Module-title span, .dark .AnchorRank .layout-Module-title,.dark .AnchorRank .layout-Module-title a, .dark .DyCover-intro,.dark .DyCover-user,.dark .DyCover-zone,.dark a, .dark .layout-Module-title a, .dark .DyRecCover-zone,.dark .DyRecCover-intro,.dark .DyRecCover-userName,.dark .DyRecCover-tag, .dark .Category-item,.dark .DropMenuList-name, .dark .DropMenuList-linkAll,.dark .ListHeader-title, .dark .layout-Module-label--hasList.is-active, .dark .layout-Module-label.is-active, .dark .DyListCover-intro,.dark .DyListCover-zone,.dark .DyListCover-hot,.dark .DyListCover-userName, .dark .ListFooter .dy-Pagination .dy-Pagination-item-active a, .dark .ListFooter .dy-Pagination .dy-Pagination-item, .dark .ListFooter .dy-Pagination .dy-Pagination-item-active, .dark .ListFooter .ListFooter-btn-input,.dark .ListFooter-btn,.dark .ListFooter-btn-label, .dark .Title-header,.dark .Title-report,.dark .Title-anchorName, .dark .Barrage-main .Barrage-content,.dark .Barrage-roomVip--super, .dark .PlayerToolbar span,.dark .Title-followNum, .dark .PlayerToolbar-signCont, .dark .Barrage-EntranceIntroduce-Anchor, .dark .Barrage-EntranceIntroduce-Goodgame ,.dark .Barrage-EntranceIntroduce-Content, .dark .SwipeTabsContent .tabItem ,.dark .layout-Classify-card>strong ,.dark .secondCateCard-hot, .dark .PlayerToolbar-signCont .RoomText-list .SignBaseComponent-text-link,.dark .customizeModal-title>h3,.dark .Search-label, .dark .Search-historyList>li, .dakr .Search-hotList li,.dark .Search-linkIcon svg,.dark .categoryTab-tab,.dark .ListHeader-hero-content-tag, .dark .Barrage-toolbarClear, .dark .Barrage-toolbarLock,.dark .Barrage-toolbarText,.dark .ShieldTool-listItem,.dark .BarrageTips,.dark .ChatBarrageCollectPop-title, .dark .FansBarrageColor-item-txt,.dark .ChatFansBarragePop-txt, .dark .PopularBarrage .PopularBarragePanel-descFansPrivilege, .dark .PopularBarrage .PopularBarragePanel-descFansRenew, .dark .PopularBarrage .PopularBarragePanel-descLock,.dark .dy-Modal-close, .dark .ChatFansBarragePop-diamondsTxt,.dark .BarrageWordPanel-example,.dark .BarrageWordPanel-feedbackTips, .dark .BarrageWordPanel-block h3,.dark .BarrageWordPanel-reward,.dark .BarrageWordPanel-tips, .dark .CustomGroupManager-title strong,.dark .CustomGroupManager-groupItem,.dark .CustomGroupManager-checkItem>span, .dark .CustomGroupManager,.dark .LevelFilKeyTab .tab, .dark .FKNokeywords-title, .dark .FilterKeywords-allText, .dark .FilterKeywords-intelligentText { color: var(--w-text-light) !important; } .dark .Header-menu-link.active a:hover, .dark .RoomList .layout-Module-title:hover, .dark .RoomList .layout-Module-title a:hover, .dark .DyCover-intro:hover, .dark .DyCover-user:hover, .dark .DyCover-zone:hover, .dark a:hover,.dark .FilterSwitchStatus h3,.dark .FilterSwitchStatus-status, .dark .layout-Module-title a:hover, .dark .Category-item:hover, .dark .DropMenuList-name:hover, .dark .DropMenuList-linkAll:hover, .dark .ListHeader-title, .dark .layout-Module-label--hasList.is-active:hover, .dark .layout-Module-label.is-active:hover, .dark .ListFooter .dy-Pagination .dy-Pagination-item-active a:hover, .dark .ListFooter .dy-Pagination .dy-Pagination-item:hover, .dark .ListFooter .dy-Pagination .dy-Pagination-item-active:hover, .dark .Title-anchorName:hover,.dark .Title-row-text, .dark .SwipeTabsContent .tabItem:hover,.dark .SwipeTabsContent .tabItem.active, .dark .layout-Classify-card>strong:hover,.dark .secondCateCard-hot:hover, .dark .Barrage-toolbarClear:hover, .dark .Barrage-toolbarLock:hover, .dark .ShieldTool-listItem.is-checked .ShieldTool-checkText,.dark .BarrageTips .BarrageTips--active, .dark .ChatFansBarragePop-txt span,.dark .dark .ChatFansBarragePop-diamondsTxt span,.dark .ChatFansBarragePop-diamondsTxt span, .dark .PopularBarrage .PopularBarragePanel-descFansPrivilege:hover, .dark .PopularBarrage .PopularBarragePanel-descFansRenew:hover, .dark .PopularBarrage .PopularBarragePanel-descLock:hover, .dark .FilKeyTab .tab.active { color: var(--w-text) !important; } .dark .dark .CustomGroupManager-saveBtn,.dark .CustomGroupCommon .dy-Modal-header, .dark .Search-historyList>li,.dark .layout-List-item,.dark .DyListCover-wrap,.dark .layout-Module-container, .dark .ListFooter .dy-Pagination-item,.dark .ListFooter .dy-Pagination-next,.dark .ListFooter .dy-Pagination-prev, .dark .ListFooter .dy-Pagination .dy-Pagination-item,.dark .ListFooter .dy-Pagination .dy-Pagination-item-active, .dark .layout-Player-aside,.dark .layout-Player-asideMain, .dark .layout-Player-barrage, .dark .PopularBarrage .PopularBarragePanel-foot,.dark .BarrageWordPanel-card,.dark .BarrageWordPanel-btn, .dark .dy-Modal-footer button,.dark .LevelFilterLimit-input, .dark .layout-Classify-card, .dark customizeModal-submit, .dark .customizeModal-cancel,.dark .ChatBarrageCollect .ChatBarrageCollect-tip { border: 1px solid var(--w-border) !important; } .dark .Header-wrap,.dark .layout-Player-title, .dark .public-DropMenu-drop-main:before, .dark .categoryTab-head,.dark .ListHeader-hero-header,.dark .ListHeader-hero-content-icon, .dark .EmotionTab,.dark .ChatFansBarragePop-describe,.dark .FansMedalPanel-container, .dark .LevelFilterLimit,.dark .FKNokeywords-title { border-color:var(--w-border) !important; } .dark .Category-item, .dark .layout-Module-label--hasList.is-active, .dark .layout-Module-label, .dark .DropMenuList-linkAll, .dark .ListFooter .ListFooter-btn-wrap, .dark .cate2TagB-item, .dark .ChatSend-button,.dark .ChatSend-txt, .dark .PlayerToolbar-signCont .RoomText-list .SignBaseComponent-text-link, .dark .categoryTab-item,.dark .Header-wrap.is-start .Search ,.dark .addedCategory-item .dark .search-ipt, .dark .layout-Module-filter-more,.dark .Barrage-toolbarClear, .dark .Barrage-toolbarLock, .dark .ShieldTool-list,.dark .BarrageTips,.dark .ChatBarrageCollect .ChatBarrageCollect-tip:hover, .dark .AssembleExpressHeader,.dark .TagItem, .dark .dy-Modal-footer button:hover,.dark .FilterSwitchStatus-switch, .dark .BarrageWordPanel-btn,.dark .LevelFilterLimit-input:focus, .dark .BarrageFilter-fkbutton, .dark .FilterKeywords-edit-input, .dark .LevelFilterLimit-input, .dark .FilterKeywords-edit-input:focus, .dark .LevelFilterLimit-input:focus { border: 1px solid var(--w-text-light) !important; } .dark .Category-item:hover, .dark .layout-Module-label--hasList.is-active:hover, .dark .layout-Module-label:hover, .dark .DropMenuList-linkAll:hover, .dark .categoryTab-item:hover, .dark .addedCategory-item:hover, .dark .Barrage-toolbarClear:hover, .dark .Barrage-toolbarLock:hover, .dark .ChatBarrageCollect .ChatBarrageCollect-tip:hover,.dark .TagItem:hover, .dark .BarrageWordPanel-btn:hover { border: 1px solid var(--w-text) !important; } .dark .Barrage-roomVip--super, .dark .Barrage { border: none !important; } `; const css$3 = is_douyu ? ` .layout-List-item .DyCover-content .DyCover-user,.layout-Cover-item .DyListCover-userName,.Title-blockInline .Title-anchorName h2{ cursor:pointer !important; } .layout-List-item .DyCover-content .DyCover-user:hover,.layout-Cover-item .DyListCover-userName:hover,.Title-blockInline .Title-anchorName h2:hover { color:rgb(255, 135, 0) !important; } .layout-Section.layout-Slide .layout-Slide-player, .layout-Slide-bannerInner, #lazyModule3, #lazyModule4, #lazyModule5, #lazyModule6, #lazyModule7, #lazyModule8, #lazyModule23, #lazyModule24, #js-room-activity, #js-right-nav, #js-bottom, #js-header .Header .HeaderNav, #js-header .Header .HeaderGif-left, #js-header .Header .HeaderGif-right, .Header-download-wrap, .AnchorInterToolsUser, .RechangeJulyPopups, li.Header-menu-link, .layout-Main .layout-Customize, .HeaderCell-label-wrap, .Title-AnchorLevel,.RoomVipSysTitle, .Aside-nav .Aside-nav-item, .Title-roomInfo .Title-row, #player-marvel-controller+div, .layout-Player-main .GuessGameMiniPanelB-wrapper, #js-player-asideMain #layout-Player-aside .FirePower, .layout-Player-video .layout-Player-videoAbove .ChargeTask-closeBg, #bc4-bgblur, .Baby-image.is-achievement, .multiBitRate-da4b60{ display:none !important; } li.Header-menu-link:nth-child(1), li.Header-menu-link:nth-child(2), li.Header-menu-link:nth-child(3), .Aside-nav .Aside-nav-item:nth-child(1) { display:inline-block !important; } .layout-Player-aside .layout-Player-chat,.layout-Player-aside .layout-Player-chat .ChatToolBar { display:block !important; } .Barrage-main .UserLevel, .Barrage-main .js-user-level, .Barrage-main .Barrage-icon, .Barrage-main .Motor, .Barrage-main .Motor-flag, .Barrage-main .Barrage-hiIcon, .Barrage-main .UserGameDataMedal, .Barrage-main .ChatAchievement, .Barrage-main .Barrage-notice, .layout-Player .layout-Player-announce, .layout-Player .layout-Player-rank, .MatchSystemTeamMedal, #js-player-video .ScreenBannerAd, .layout-Main #layout-Player-aside .BarrageSuspendedBallAd, .layout-Main #layout-Player-aside .SignBarrage, #js-player-video-case .VRTips~div, .layout-Main .Title-roomInfo .Title-row, .layout-Main .ToTopBtn, .Header-right .public-DropMenu-drop .DropPane-ad, .Header-right .CloudGameLink, .Header-menu-wrap .DropMenuList-ad, .public-DropMenu-drop-main div.Header-UserPane-top~div, #js-player-dialog .LiveRoomLoopVideo, .Header-search-wrap .Search label, .RedEnvelopAd.RedEnvelopAdMouseDisable, .Barrage .Barrage-userEnter{ display:none !important; } /* 一般禁用模式 */ .layout-Player-main #js-player-toolbar{ display:block; } #root div.layout-Main{ margin-top:70px !important; display:block !important; width:auto !important; max-width:auto !important; } #root>div, #root>div .wm-general-bgblur { background-image:none !important; } .Title-roomInfo .Title-row:nth-child(1), .Title-roomInfo .Title-row:nth-child(2) { display:block !important; } .layout-Player-main .Title-roomInfo .is-normal .Title-blockInline, .layout-Player-main .Title-roomInfo .is-normal:nth-child(2) { display:none !important; } .layout-Player-main .Title-roomInfo .is-normal .Title-blockInline:nth-child(0), .layout-Player-main .Title-roomInfo .is-normal .Title-blockInline:nth-child(1), .layout-Player-main .Title-roomInfo .is-normal .Title-blockInline:nth-child(2) { display:inline-block !important; } .Barrage-main .Barrage-content { color:#333 !important; } .Barrage-main .Barrage-nickName{ color:#2b94ff !important; } .Barrage-listItem{ color: #333 !important; background-color: #f2f5f6 !important; } .Header-search-wrap input#header-search-input::placeholder { color: transparent !important; opacity:0 !important; } #js-aside, .layout-Player-main #js-player-toolbar { display:none; } .m-container { --m-container-input-width: 120px; } ${darkCss$1} ` : ""; const darkCss = ` /* 修改背景和字体颜色 */ .dark body, .dark #main_col,.dark .room-core, .dark input,.dark input:focus, .dark textarea,.dark textarea:focus, .dark .hy-header-style-normal .duya-header-wrap,.dark .duya-header,.dark .duya-header .duya-header-bd,.dark #J_liveListNav dl dd span , .dark #J_liveListNav dl dd div.role-box--CmncxF51UUP9Y9q3Gf4Tt.role-box_3--2j_unpb869X0sxOjH9L165, .dark #J_liveListNav dl dd div.role-box--CmncxF51UUP9Y9q3Gf4Tt.role-box_3--2j_unpb869X0sxOjH9L165:hover, .dark #J_liveListNav dl dd div li,.dark #J_duyaHeaderRight ul li a, .dark .js-responded-list,.dark .program-preview-box .preview-bd, .dark .game-live-item,.dark .game-live-item .txt .num, .dark .game-live-item .txt .game-type a,.dark .game-live-item .txt .game-type , .dark .live-box .box-hd .more-list li,.dark .Category--2-gctJ3idXKRr9fHBvo6NK .SecTitle--1gf_r_H6RSc--8znfHWnx4, .dark .nav-expand-list,.dark .nav-expand-list-more , .dark #js-game-list li,.dark .mod-list .box-hd .filter dd .tag-layer,.dark #J_mainWrap, .dark .room-hd,.dark .room-core-r, .dark .room-sidebar,.dark .room-player-gift-placeholder, .dark #chat-room__wrap #chat-room__list div,.dark #chat-room__wrap #chat-room__list div a, .dark #js-preview-box,.dark #recom-banners,.dark #tipsOrchat, .dark .banners-box,.dark .box-recom .recom-banners,.dark .box-recom .recom-moments, .dark .hotMoment-box .moment-item .moment-comment .comment-item,.dark #J_RoomChatSpeaker textarea, .dark .chat-room__input,.dark .chat-room__ft, .dark .room-panel,.dark .Panel--8WJ1xUECB7O5tfnF11lg, .dark .subscribe-live-item,.dark .list-hd .follow-ctrl, .dark .btn-more,.dark #js-search-main .host-item,.dark #js-search-main .host-item .desc, .dark .search-left .superStar-item,.dark .chat-room__input .btn-sendMsg , .dark .nav-expand-list.nav-expand-game span a,.dark .chat-room__ft .chat-emot div, .dark #tipsOrchat ._PortalChatPanelRoot div, .dark .ddJUGO, .dark .laypageskin_default a,.dark .laypage_main button,.dark .laypage_main input, .dark .player-gift-wrap,.dark .checkbox--3UDS8fEzoJbhidQEBAym6M.checked--2qEbUox3t-pKVluoe87qMG i, .dark .chat-room__bd .chat-room__scroll .clearBtn, .dark .chat-room__bd .chat-room__scroll .lockBtn, .dark .panel--17CN9xHGgPu8Nq3SPsiM8u .panel-hd-112tPbAPeziQOTXN_KaP20, .dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off, .dark .listItem--2DQMeljGuIpJJbgUmLePE3,.dark .listItem--2DQMeljGuIpJJbgUmLePE3 span, .dark .barrageBox--12mXUQ-jjQe4g8cXRIDZnw .title--3ejSSMCTSLSPah47f_19h-, .dark .duya-header-search input,.dark .inpage-advice-list li:hover, .dark #play2 .content .content-aside>div,.dark #play2 .content .content-aside>div h2, .dark #play2 .content .content-aside>div .more,.dark .main-info, .dark .comment-container textarea, .dark .main-vplayer .vplayer-wrap .video_embed .video_embed_flash, .dark .loGrI3HWkrL4-I82d11qx, .dark .loGrI3HWkrL4-I82d11qx ._5zt-PSmfE5nKpsIw9OQE, .dark .loGrI3HWkrL4-I82d11qx ._5zt-PSmfE5nKpsIw9OQE .MuTvmvGkEFS9kogNu9hjs, .dark .loGrI3HWkrL4-I82d11qx ._5zt-PSmfE5nKpsIw9OQE .MuTvmvGkEFS9kogNu9hjs:focus, .dark #play2, .dark .duya-header-bd,.dark .aside-danmulist .danmulist-header, .dark .search-suggest, .dark .search-suggest , .dark .search-suggest .search-item:hover, .dark .search-suggest .search-item.current, .dark .huya-footer{ background: var(--w-bg-darker) !important; color: var(--w-text-light) !important; } /* 修改字体颜色 */ .dark .hy-nav-item-on .hy-nav-link, .dark .hy-nav-link:hover { background: none !important; color: #fff !important; } /* 修改border */ .dark .loGrI3HWkrL4-I82d11qx ._5zt-PSmfE5nKpsIw9OQE, .dark .search-suggest .search-item:hover, .dark .search-suggest .search-item.current, .dark .hy-nav-item-on .hy-nav-link { border:1px solid var(--w-text-light) !important; } /* 修改字体颜色 */ .dark .duya-header a, .dark p,.dark span, .dark h1,.dark h2, .dark h3,.dark h4,.dark h5,.dark h6 .dark .duya-header-nav .hy-nav-item a, .dark .duya-header-right a, .dark .liveList-title a, .dark .game-live-item .title, .dark .game-live-item .txt, .dark .duya-header i, .dark .video-funny .title span, .dark .live-box .box-hd .title a, .dark .hy-header-style-skr .hy-nav-link, .dark .Category--2-gctJ3idXKRr9fHBvo6NK .Item--2Tc1DF80qnq4qFUM3vHPPM a, .dark #js-game-list li a .g-gameCard-fullName, .dark .box-hd .title, .dark .mod-list .box-hd .filter dd .tag-layer, .dark .room-hd .host-info .host-title, .dark .room-hd .host-name, .dark .recom-title, .dark .page-ctrl, .dark .page-ctrl .ctrl-left, .dark .page-ctrl .ctrl-right, .dark .page-ctrl .ctrl-page, .dark #chat-room__wrap #chat-room__list div a, .dark #chat-room__wrap #chat-room__list div a span, .dark .program-preview-box .preview-list .preview-item .preview-link, .dark .program-preview-box .preview-hd .title, .dark .program-preview-box .preview-list .preview-item .preview-line, .dark .chat-room__list .msg-bubble span.msg, .dark .subscribe-live-item .txt .msg-row .nick, .dark .subscribe-live-item .txt .msg-row .intro, .dark .subscribe-live-item .txt .msg-row .num, .dark .list-hd .title, .dark .list-hd .follow-ctrl .icon, .dark .search-left .superStar-item .nick, .dark .search-left .superStar-item .recommend, .dark .search-left .superStar-item .room, .dark .chat-room__list .msg-bubble .colon, .dark .chat-room__list .msg-bubble .msg, .dark .chat-room__input .btn-sendMsg, .dark #tipsOrchat .live-tips, .dark #tipsOrchat ._PortalChatPanelRoot div p, .dark #tipsOrchat ._PortalChatPanelRoot div span, .dark #tipsOrchat ._PortalChatPanelRoot div i,.dark .checkbox--3UDS8fEzoJbhidQEBAym6M i, .dark .checkbox--3UDS8fEzoJbhidQEBAym6M span, .dark .listItem--2DQMeljGuIpJJbgUmLePE3, .dark barrageBox--12mXUQ-jjQe4g8cXRIDZnw .title--3ejssMCTSLSPah47f_19h-, .dark .panel--17CN9xHGgPu8Nq3SPsiM8u .panel-hd-112tPbAPeZiQOtXN_KaP20, .dark .chat-room__ft span,.dark .chat-room__ft p, .dark .duya-header-right a i, .dark .duya-header-right a span, .dark .chat-room__bd .chat-room__scroll .clearBtn, .dark .chat-room__bd .chat-room__scroll .lockBtn, .dark .search-advice-list li a,.dark .search-header .find-result, .dark #play2 .crumb,.dark #play2 .crumb a, .dark .aside-videolist .video-item .item-detail .detail-nick span, dark .aside-videolist .video-item .item-detail .detail-playcount span .dark .live-box .box-hd .more-list li a{ color: var(--w-text-light) !important; } /* 修改字体颜色 hover */ .dark .liveList-title a:hover, .dark .game-live-item .title:hover, .dark .game-live-item .txt:hover, .dark .live-box .box-hd .title a:hover, .dark .live-box .box-hd .more-list li a:hover, .dark #js-game-list li a .g-gameCard-fullName:hover, .dark .box-hd .title:hover, .dark .game-live-item .txt i:hover, .dark .host-name:hover, .dark .mod-list .box-hd .filter dd .tag-layer:hover, .dark .subscribe-live-item .txt .msg-row .nick:hover, .dark .subscribe-live-item .txt .msg-row .intro:hover, .dark .list-hd .title:hover, .dark #js-search-main .host-item .nick, .dark .search-main .type-keyword, .dark #tipsOrchat .live-tips i, .dark .duya-header-right a:hover, .dark .duya-header-right a i:hover, .dark .duya-header-right a span:hover, .dark .chat-room__bd .chat-room__scroll .clearBtn:hover, .dark .chat-room__bd .chat-room__scroll .lockBtn:hover, .dark .main-info .info-video .video-detail .video-title, .dark .main-info .info-video .video-author h3, .dark .search-header .find-result em,.dark .aside-videolist .video-item:hover .item-detail h3, .dark .Category--2-gctJ3idXKRr9fHBvo6NK .Item--2Tc1DF80qnq4qFUM3vHPPM a:hover{ color: var(--w-text) !important; } /* 修改border */ .dark .program-preview-box, .dark .recom-banners, .dark .recom-moments, .dark .game-live-item, .dark .nav-expand-list, .dark #js-game-list li, .dark .g-gameCard-item, .dark .room-sidebar, .dark .list-hd .follow-ctrl, .dark .btn-more, .dark #js-search-main .host-item, .dark .subscribe-live-item, .dark .chat-room__input .btn-sendMsg, .dark .laypageskin_default a, .dark .chat-room__bd .chat-room__scroll .clearBtn, .dark .chat-room__bd .chat-room__scroll .lockBtn, .dark .main-info .info-draw,.dark .main-info .info-comment,.dark .main-info .info-comment h2, .dark #chat-room__wrap #chat-room__list .RoomMessageRichText--2Y0TYze1NxfsGAbfcA8jGV{ border:1px solid var(--w-border) !important; } .dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off:hover, .dark .nav-expand-list.nav-expand-game span:hover { background: var(--w-bg-darker) !important; color: var(--w-text-light) !important; } .dark .hy-header-style-normal .duya-header-wrap, .dark .duya-header, .dark .chat-room__input, .dakr .inpage-advice-list li,.dark #play2 .content .content-aside>div .more { background: var(--w-bg-dark) !important; border-color:var(--w-border) !important; } /* 只修改border-color */ .dark .chat-room__input, .dark .chat-room__ft .chat-room__ft__chat, .dark ._2uc0_gzwdW4cbL_UOgWDJd, .dark #tipsOrchat{ border-color:var(--w-border) !important; } .dark #duya-header, .dark #chat-room__wrap #chat-room__list div a, .dark #chat-room__wrap #chat-room__list div a span { border:none !important; } .dark .laypageskin_default a:hover, .dark .comment-container textarea, .dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off .subscribe-count, .dark .nav-expand-list.nav-expand-game span a:hover{ border-color:var(--w-text-light) !important; } /* 修改border color background */ .dark .laypage_main button:hover, .dark .laypageskin_default .laypage_curr, .dark #J_duyaHeaderRight ul li a, .dark .laypageskin_default a:hover { color: var(--w-text); border-color:var(--w-text) !important; background-color: var(--w-bg-darker) !important; } .dark .chat-room__bd .chat-room__scroll .clearBtn, .dark .chat-room__bd .chat-room__scroll .lockBtn, .dark .hy-header-style-normal .duya-header-search input, .dark .comment-container textarea:focus, .dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off { border:1px solid var(--w-text-light) !important; } .dark .hy-header-style-normal .duya-header-search input:focus { border:1px solid var(--w-text) !important; } .dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off:hover { border:1px solid var(--w-bg) !important; background: var(--bg) !important; color: var(--w-text-light) !important; } `; const css$2 = is_huya ? ` .game-live-item i,.host-name { cursor:pointer; } .game-live-item .txt i:hover,.host-name:hover { color:rgb(255, 135, 0); } .helperbar-root--12hgWk_4zOxrdJ73vtf1YI, .mod-index-wrap .mod-index-main .main-bd, .mod-index-wrap .mod-index-main .main-hd, .mod-index-wrap #js-main, .mod-index-wrap #banner, .mod-index-wrap .mod-game-type, .mod-index-wrap .mod-actlist, .mod-index-wrap .mod-news-section, .mod-index-wrap .mod-index-list .live-box #J_adBnM, .mod-index-wrap .mod-index-recommend, .mod-index-wrap .mod-news-section, .mod-index-wrap .recommend-wrap, .RoomPublicMessage--n3v61Bk0DehYuR0xEQ9S1, #huya-ab-fixed, #huya-ab, .liveList-header-r, .room-footer, .J_roomSideHd, #J_roomSideHd, #match-cms-content, #matchComponent2, .hy-nav-item, .list-adx, .layout-Banner, #J_duyaHeaderRight>div>div>div, .nav-expand-list .third-clickstat, #main_col .special-bg, .player-recommend.recommend-ab-mode .end-ab-wrap, .chat-wrap-panel.wrap-income, .match-room .match-nav, .host-detail.J_roomHdDetail span, .host-detail.J_roomHdDetail .host-video, .room-hd-r .jump-to-phone, .room-hd-r #share-entrance, .room-hd-r #J_illegalReport, .room-hd-r .gamePromote.J_gamePromote, .main-wrap .room-mod-ggTop, #chatRoom .room-gg-chat, .room-core .room-business-game, .room-backToTop.j_room-backToTop, .end-ab-banner, .player-app-qrcode, .player-play-big, .chat-room__list .msg-nobleSpeak-decorationPrefix, #main_col #matchComponent2, .room-weeklyRankList{ display:none !important; } .ssr-wrapper .mod-sidebar, .room-core #player-gift-wrap, { display:none; } .hy-nav-item:nth-child(1), .hy-nav-item:nth-child(2), .hy-nav-item:nth-child(3), #J_duyaHeaderRight>div>div>div:nth-child(3), #J_duyaHeaderRight>div>div>div:nth-child(4) { display:inline-block !important; } .mod-index-wrap .mod-index-list{ margin-top:80px !important; } .duya-header{ background: hsla(0,0%,100%,.95) !important; border-bottom: 1px solid #e2e2e2 !important; box-shadow: 0 0 6px rgb(0 0 0 / 6%) !important; } .duya-header a,.duya-header i{ color:#000 !important; } /*******直播间样式*****/ .chat-room__list .msg-normal,.chat-room__list .msg-bubble,#J_mainRoom{ background:none !important; } #wrap-ext, .chat-room__list .msg-normal-decorationPrefix, .chat-room__list .msg-normal-decorationSuffix, .chat-room__list .msg-bubble-decorationPrefix, .chat-room__list img, .chat-room__list .msg-noble, .chat-room__list .msg-sys, .chat-room__list .msg-auditorSys, .J_box_msgOfKing, .chat-room__list .msg-onTVLottery{ display: none !important; } .chat-room__list .msg-bubble span.msg{ color: #333 !important; background:none!important; } .chat-room__list .msg-bubble .colon, .chat-room__list .msg-bubble .msg, .chat-room__list .name{ color: #3c9cfe !important; background:none!important; } #search-bar-input::placeholder{ color: transparent !important; opacity:0 !important; } .mod-sidebar, .room-core #player-gift-wrap{ display:none ; } #player-ctrl-wrap { opacity: 0; transition: all 500ms ease-in 0s !important; bottom: 16px; } #J_playerMain:hover #player-ctrl-wrap{ opacity: 1; } ${darkCss} ` : ""; const css$1 = is_douyin ? ` #related-video-card-login-guide, #captcha_container, .JsAsIOEV, #login-full-panel{ display:none !important; } .m-container { --m-container-height: 56px; z-index: 10 !important; } .m-container table { display: none !important; } ` : ""; const anime = /.*:\/\/www\.bilibili\.com\/anime\/.*/.test(local_url) ? ` .dark .home-cell-desc-title[data-v-350d21cc],.dark .home-cell-desc-title, .dark .home-cell-desc-subtitle[data-v-350d21cc], .with-up-space,.dark .home-cell-desc-subtitle[data-v-350d21cc], .with-up-space[data-v-350d21cc] { color:var(--w-text-light) !important; } .dark .nav-tool-container .section, .dark .nav-tool-container .section[data-v-3b26ecb6] { border: 1px solid var(--w-border) !important; color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark .nav-tool-container .section:hover, .dark .nav-tool-container .section[data-v-3b26ecb6]:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } ` : ``; const blackboard = ` .dark .q-textarea { background-color : var(--w-bg-darker) !important; color : var(--w-text-light) !important; border :1px solid var(--w-text-light) !important; } .dark .activity-questions-list-wrap .activity-questions-item .activity-questions-item-title .title, .dark .activity-questions-list-wrap .activity-questions-item .activity-questions-item-required, .dark .activity-questions-item-index, .dark .activity-questions-list-wrap .activity-questions-item { color : var(--w-text-light) !important; } `; const comment = ` .dark .bb-comment, .comment-bilibili-fold, .dark .bb-comment .comment-send-lite .comment-emoji, .dark .bb-comment .comment-send.comment-send-lite, .dark .bb-comment .comment-send-lite.comment-send-lite, .dark .comment-bilibili-fold .comment-send .comment-emoji, .dark .comment-bilibili-fold .comment-send-lite .comment-emoji, .dark .comment-bilibili-fold .comment-send.comment-send-lite, .dark .comment-bilibili-fold .comment-send-lite.comment-send-lite, .dark .bili-rich-textarea__inner,.dark .bili-emoji__footer, .dark .bili-emoji__pkg,.dark .bili-emoji,.dark .emoji-box { background:var(--w-bg-darker) !important; color:var(--w-text) !important; } .dark .bili-emoji,.dark .emoji-box .emoji-title, .dark .bb-comment, .dark .bb-comment .comment-header, .dark .bb-comment .comment-header .tabs-order, .dark .bb-comment .comment-header .tabs-order li, .dark .bb-comment .comment-send .dynamic-repost, .dark .bb-comment .comment-send-lite .dynamic-repost, .dark .comment-bilibili-fold .comment-header .tabs-order li, .dark .comment-bilibili-fold .comment-send .dynamic-repost, .dark .comment-bilibili-fold .comment-send-lite .dynamic-repost { color:var(--w-text-light) !important; } .dark .bb-comment .comment-send-lite .comment-emoji, .dark .bb-comment .comment-header, .dark .bb-comment .comment-list .list-item .con, .dark .bb-comment .bottom-page.center, .dark .comment-bilibili-fold .comment-header, .dark .comment-bilibili-fold .comment-send .comment-emoji, .dark .comment-bilibili-fold .comment-send-lite .comment-emoji, .dark .comment-bilibili-fold .comment-list .list-item .con{ border-color: var(--w-border) !important; } .dark .emoji-box,.dark .emoji-box .emoji-tabs,.dark .bili-emoji__pkg.active, .dark .bb-comment .operation .opera-list, .dark .bb-comment .comment-send .comment-emoji, .dark .bb-comment .comment-send .textarea-container .ipt-txt, .dark .bb-comment .comment-send-lite .textarea-container .ipt-txt, .dark .bb-comment .comment-list .list-item .info .reply-tags span, .dark .comment-bilibili-fold .comment-send .textarea-container .ipt-txt, .dark .comment-bilibili-fold .comment-list .list-item .info .reply-tags span, .dark .comment-bilibili-fold .comment-send-lite .textarea-container .ipt-txt, .dark .comment-bilibili-fold .operation .opera-list{ color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; border-color: var(--w-text) !important; } .dark .bb-comment .comment-list .list-item .reply-box .view-more .btn-more:hover, .comment-bilibili-fold .comment-list .list-item .reply-box .view-more .btn-more:hover, .dark .btn.idc-btn.primary:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } .dark .btn.idc-btn.default:hover,.dark .bili-emoji__list__item:hover, .dark .emoji-box .emoji-wrap .emoji-pic:hover, .dark .emoji-list.emoji-text.emoji-pic:hover, .dark .emoji-box .emoji-tabs .tab-link:hover, .dark .emoji-box .emoji-tabs .tab-link.on { color:var(--w-blue-link-hover) !important; border:1px solid var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } `; const dialog = ` .dark .bili-dialog-bomb,.dark .bili-dialog-bomb .appeal-box, .dark .bili-dialog-bomb .appeal-box .header, .dark .bili-dialog-bomb .appeal-box .wrap .container .textarea .textarea-wrap textarea, .dark .bili-dialog-bomb .appeal-box .submit { color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark .bili-dialog-bomb .appeal-box .wrap .container .question { color:var(--w-text-light) !important; } `; const footer = ` .bili-footer { color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark .bili-footer p { color:var(--w-text-light) !important; } `; const header = ` .bb-comment, .comment-bilibili-fold { } `; const login = ` .dark .tab__form, .dark .tab__form .form__item input , .dark .tab__form .form__item input::placeholder, .dark .tab__form .form__item input:focus, .dark .bili-mini-content-wp { background:var(--w-bg-darker) !important; color:var(--w-text) !important; } .dark .tab__form { border:1px solid var(--w-text) !important; } .dark .bili-mini-customer-title, .dark .bili-mini-content-wp .login-scan-title, .dark .bili-mini-content-wp .login-scan-desc p, .dark .login-tab-item[data-v-35ff7abe], .dark .login-tab-item, .dark .login-sns-name, .dark .login-agreement-wp p, .dark .tab__form .form__item .form_info { color:var(--w-text) !important; } .dark .btn_primary.disabled[data-v-327e145a], .dark .btn_primary.disabled, .dark .btn_primary, .dark .btn_primary[data-v-327e145a], .dark .btn_other, .dark .btn_other[data-v-327e145a] { color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; border:1px solid var(--w-text-light) !important; } .dark .btn_other:hover, .dark .btn_primary:hover, .dark .btn_primary[data-v-327e145a]:hover, .dark .btn_other[data-v-327e145a]:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } .dark .tab__form .form__item input , .dark .tab__form .form__item input::placeholder, .dark .tab__form .form__item input:focus { border:none !important; } `; const page_num = ` .dark .be-pager-options-elevator { color:var(--w-text-light) !important; } .dark .be-pager-item-active, .dark .be-pager-options-elevator input { background:var(--w-bg-darker) !important; } .dark .be-pager-next, .dark .be-pager-prev, .dark .be-pager-item { color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; border:1px solid var(--w-text-light) !important; } .dark .be-pager-next:hover, .dark .be-pager-prev:hover, .dark .be-pager-item:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } .dark .be-pager-item .be-pager-item-active, .dark .be-pager-item-active { color :var(--w-blue-link-hover) !important; border-color :var(--w-blue-link-hover) !important; } `; const root = ` :root { --w-brand: #3aa675; --w-light: #e5e7eb; --w-white: #fff; --w-brand-light: #349469; --w-bg: #22272e; --w-bg-light: #2b313a; --w-bg-lighter: #262c34; --w-bg-dark: #343b44; --w-bg-darker: #37404c; --w-bg-darker: var(--w-bg-dark); --w-text: #adbac7; --w-text-light: #cbd4dc; --w-text-lighter: #cdd6dd; --w-text-lightest: #8094a8; --w-border: #3e4c5a; --w-border-dark: #34404c; --w-blue-link-hover:#00aeec; --w-skeleton:#494f57; } .dark body, .dark #app { --v_bg1: var(--w-bg-darker); --v_bg2: var(--w-bg-darker); --v_bg3: var(--w-bg-darker); --v_bg1_float: var(--w-bg-darker); --v_bg2_float: var(--w-bg-darker); --v_text_white: var(--w-white); --v_text1: var(--w-text); --v_text2: var(--w-text-light); --v_text3: var(--w-text-lighter); --v_text4: var(--w-text-lightest); --v_line_light: var(--w-text-lighter); --v_line_regular: var(--w-text-lighter); --v_line_bold: var(--w-text-lightest); --v_graph_white:var(--w-text); --v_graph_bg_thin: var(--w-bg-darker); --v_graph_bg_regular: var(--w-bg-darker); --v_graph_bg_thick: var(--w-bg); --v_graph_weak: var(--w-text); --v_graph_medium: var(--w-text-light); --v_graph_icon: var(--w-text-lightest); --v_shadow: var(--w-text); --v_text_hover: var(--w-blue-link-hover); --v_text_active:var(--w-blue-link-hover); --v_text_disabled: #C9CCD0 ; --v_line_border: var(--w-text-lighter); --v_line_bolder_hover: var(--w-text-lightest); --v_line_bolder_active: var(--w-text-lightest); --v_line_bolder_disabled: var(--w-text); } .dark body, .dark #app { --bg1: var(--v_bg1); --bg2: var(--v_bg2); --bg3: var(--v_bg3); --bg1_float: var(--v_bg1_float); --bg2_float: var(--v_bg2_float); --text_white: var(--v_text_white); --text1: var(--v_text1); --text2: var(--v_text2); --text3: var(--v_text3); --text4: var(--v_text4); --line_light: var(--v_line_light); --line_regular: var(--v_line_regular); --line_bold: var(--v_line_bold); --graph_white: var(--v_graph_white); --graph_bg_thin: var(--v_graph_bg_thin); --graph_bg_regular: var(--v_graph_bg_regular); --graph_bg_thick: var(--v_graph_bg_thick); --graph_weak: var(--w-text); --graph_medium: var(--w-text-light); --graph_icon: var(--w-text-lightest); --shadow: var(--w-text); --text_hover: var(--v_text_hover); --text_active: var(--v_text_active); --text_disabled: var(--v_text_disabled); --line_border: var(--v_line_border); --line_bolder_hover: var(--v_line_bolder_hover); --line_bolder_active: var(--v_line_bolder_active); --line_bolder_disabled: var(--v_line_bolder_disabled); --b_text1: var(--text1); --b_text2: var(--text2); --b_text3: var(--text3); --b_text4: var(--text4); } `; const common = ` ${root} ${header} ${footer} ${login} ${page_num} ${comment} ${dialog} `; const douga = /.*:\/\/www\.bilibili\.com\/v\/douga\/.*/.test(local_url) ? ` .dark .home-cell-desc-title[data-v-350d21cc],.dark .home-cell-desc-title, .dark .home-cell-desc-subtitle[data-v-350d21cc], .with-up-space,.dark .home-cell-desc-subtitle[data-v-350d21cc], .with-up-space[data-v-350d21cc] { color:var(--w-text-light) !important; } .dark .channel-layout, .dark channel-nav{ border: 1px solid var(--w-border) !important; color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark .nav-tool-container .section:hover, .dark .nav-tool-container .section[data-v-3b26ecb6]:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } .dark .channel-layout, .dark channel-nav, .dark .bili-rank-list-video .bili-rank-list-video__item:nth-of-type(2n) { background:var(--w-bg-darker) !important; } .dark .bili-rank-list-video .bili-rank-list-video__item:nth-of-type(2n + 1) { background-color:var(--w-bg) !important; } ` : ``; const guochuang = /.*:\/\/www\.bilibili\.com\/guochuang\/.*/.test(local_url) ? ` .dark .spread-module .t,.dark .spread-module, .dark .pgc-rank-list .rank-item .ri-detail .ri-title,.dark .pgc-rank-list .rank-item .ri-detail .ri-point, .dark .name, .dark .new-stat-module .zone-title .headline .name,.dark .headline .name, .dark .index-entry-wrapper .filter-block-title span, .dark .block-area,.dark .block-area .timeline-title .headline .name, .dark .block-area .block-left .block-header .block-title, .dark .video-item-biref .biref-info .biref-title, .dark .handpick-right-module .block-header .block-title { color:var(--w-text-light) !important; } .dark .video-item-biref .biref-info .biref-title:hover { color:var(--w-blue-link-hover) !important; } .dark .spread-module .num { background:var(--w-bg-darker) !important; color:var(--w-text-light) !important; } .dakr .block-area .timeline-toggle-block .timeline-toggle-btn { background: none !important; } .dark .timeline-box .timeline-item .item-right p.num a, .dark .timeline-box .timeline-item .item-right p.num span, .dark .new-stat-module .zone-title .headline .new-stat-more, .dark .back-top-tools .tool-item,.dakr .block-area .timeline-toggle-block .timeline-toggle-btn, .dark .sec-rank .more-link,.dark .pgc-rank-dropdown,.dark .pgc-rank-dropdown .dropdown-list, .dark .random-change { border: 1px solid var(--w-border) !important; color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dakr .block-area .timeline-toggle-block .timeline-toggle-btn:hover, .dark .new-stat-module .zone-title .headline .new-stat-more:hover, .dark .timeline-box .timeline-item .item-right p.num a:hover, .dark .timeline-box .timeline-item .item-right p.num span:hover, .dark .sec-rank .more-link:hover,.dark .back-top-tools .tool-item:hover, .dark .random-change:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } ` : ``; const home = ` /* 黑色主题模式下骨架屏 */ .dark .bili-video-card__skeleton--cover, .dark .bili-video-card__skeleton, .dark .bili-video-card__skeleton--right, .dark .bili-video-card__skeleton hide, .dark .bili-video-card__skeleton--text.short, .dark .bili-video-card__skeleton--light, .dark .bili-video-card__skeleton--text { background:var(--w-skeleton) !important; } /* 黑色主题模式下不显示壁纸 */ .dark #bili-header-banner-img { display:none !important; } .dark body,.dark #header-v3,.dark .app-v1,.dark .app-v2,.dark .app-v3,.dark .app-v4,.dark .app-v5, .dark #app,.dark .v-img, .dark .header-channel,.dark .header-channel-fixed-right-item, .dark .bili-video-card__wrap,.dark .bili-header .game, .dark .large-header, .dark .bili-header .slide-down, .dark .bili-header .bili-header__channel .channel-entry-more__link, .dark .bili-header .bili-header__channel .channel-link, .dark .bili-header .bili-header__channel .channel-items__left, .dark .bili-header .bili-header__channel, .dark .bili-header .manga, .dark .bili-header .manga-right-title, .dark .bili-header .header-fav-card__image, .dark .bili-header .header-fav-card, .dark .bili-header .search-panel, .dark .bili-header .center-search-container .center-search__bar #nav-searchform.is-actived .nav-search-content, .dark .bili-header .center-search-container .center-search__bar #nav-searchform.is-focus .nav-search-content, .dark .history-panel-popover,.dark .bili-header .bili-header__banner, .dark .bili-header .center-search-container .center-search__bar #nav-searchform, .dark .bili-header .center-search-container .center-search__bar .nav-search-content .nav-search-input:focus, .dark .bili-header .avatar-panel-popover .level-item .level-item__bar .level-progress__inner, .dark .bili-header .avatar-panel-popover .level-item .level-item__lv0, .dark .bili-header .avatar-panel-popover .split-line, .dark .bili-header .avatar-panel-popover .logout-item, .dark .video-container-v1 .danmaku-box .danmaku-wrap, .dark #i_cecream { background:var(--w-bg-darker) !important; color:var(--w-text) !important; } .dark .bili-header .header-avatar-wrap .header-avatar-wrap--container .bili-avatar, .dark .bili-header .game-left,.dark .bili-header .game-right, .dark .bili-header .bili-header__channel .channel-items__left { border-color:var(--w-border-dark) !important; } .dark .feed-roll-btn .primary-btn, .dark .header-channel-fixed-right-item, .dark .bili-header .bili-header__channel .channel-entry-more__link, .dark .bili-header .bili-header__channel .channel-link { border:1px solid var(--w-text-light) !important; } .dark .bili-header .search-panel { border-color:1px solid var(--w-border) !important; } .dark .header-channel-fixed-right-item:hover, .dark .bili-header, .dark .bili-header .live-left-list, .dark .bili-header .bili-header__channel .channel-entry-more__link, .dark .history-panel-popover .header-tabs-panel__item, .dark .bili-header .avatar-panel-popover .vip-item .senior, .dark .bili-header .avatar-panel-popover .coins-item .coin-item__text , .dark .bili-header .avatar-panel-popover .coins-item .coin-item__num , .dark .bili-header .avatar-panel-popover .level-item .level-item__bar--tag>span, .dark .bili-header .center-search-container .center-search__icon, .dark .bili-header .bili-header__channel .channel-link { border-color: var(--w-text) !important; } .dark a,.dark .roll-btn, .dark .bili-header .left-entry .download-wrapper .download-top-title .main, .dark .bili-header .left-entry .download-wrapper .download-top-title .sub, .dark .bili-header .left-entry .download-wrapper .download-bottom, .dark .bili-header .right-entry__outside .right-entry-icon , .dark .bili-header .slide-down .left-entry .mini-header__title, .dark .bili-header .slide-down .left-entry .entry-title, .dark .bili-header .slide-down .left-entry .default-entry, .dark .bili-header .slide-down .left-entry .default-entry span, .dark .bili-header .slide-down .left-entry .loc-mc-box__text, .dark .bili-header .slide-down .left-entry .download-entry, .dark .bili-header .slide-down .left-entry .loc-entry , .dark .bili-video-card .bili-video-card__info--date, .dark .bili-video-card .bili-video-card__info--author, .dark .bili-header .bili-header__channel .channel-link__right, .dark .bili-header .bili-header__channel .channel-link__left, .dark .right-entry-text,.dark .channel-entry-popover .name, .dark .more-channel-popover .name , .dark .icon-title,.dark .bili-header .slide-down .right-entry .right-entry__outside .right-entry-icon, .dark .bili-header .live .title,.dark .bili-header .live-left-list-item, .dark .bili-header .live-left-list-item-text, .dark .bili-header .game-right-title, .dark .bili-header .game-left-panel-item-title, .bili-header .game-left-banner-title, .dark .bili-header .manga-right-list-item-text, .dark .bili-header .header-fav-card__info--name, .dark .favorite-panel-popover__nav .tab-item, .dark .favorite-panel-popover__nav .tab-item__num, .dark .bili-header .header-fav-card__info--title, .dark .dark .history-panel-popover .header-tabs-panel__content--date, .dark .history-panel-popover .header-history-card__info--title, .dark .header-tabs-panel, .dark .header-tabs-panel__content--date, .dark .bili-header .center-search-container .center-search__bar .nav-search-content .nav-search-input, .dark .bili-header .avatar-panel-popover .links-item .single-link-item, .dark .bili-header .avatar-panel-popover .vip-item__link, .dark .bili-header .avatar-panel-popover .vip-item .senior, .dark .bili-header .center-search-container .center-search__bar .nav-search-content .nav-search-clean svg, .dark .bili-header .avatar-panel-popover .level-item .level-item__text, .dark .bili-video-card .bili-video-card__info--tit>a { color:var(--w-text) !important; } .dark .v-inline-window__close-icon,.dark .bili-header .center-search-container .center-search__bar .nav-search-btn, .dark .vip-entry-desc-subtitle,.dark .vip-entry-desc-title,.dark .vip-entry-desc-subtitle, .dark .bili-header .avatar-panel-popover .coins-item .coin-item__num, .dark .bili-header .avatar-panel-popover .counts-item .single-count-item .count-num { color:var(--w-text-light) !important; } .dark a:hover,.dark .roll-btn:hover, .dark .vip-entry-desc-subtitle:hover, .dark .bili-header .avatar-panel-popover .counts-item .single-count-item:hover .count-text, .dark .bili-header .avatar-panel-popover .counts-item .single-count-item:hover .count-num , .dark .bili-header .avatar-panel-popover .vip-item__link:hover, .dark .bili-header .manga-right-title:hover, .dark .bili-header .game-right-list-item:hover, .dark .bili-header .manga-right-list-item-text:hover, .dark .bili-header .header-fav-card__info--name:hover, .dark .bili-header .header-fav-card__info--title:hover, .dark .bili-header .left-entry .download-wrapper .download-bottom:hover , .dark .bili-header .live-left-list-item-text:hover, .dark .bili-header .game-right-title:hover, .dark .bili-header .game-left-panel-item-title:hover, .dark .bili-header .slide-down .left-entry .default-entry span:hover, .dark .bili-video-card .bili-video-card__info--date:hover, .dark .bili-header .bili-header__channel .channel-link__right:hover, .dark .bili-header .bili-header__channel .channel-link__left:hover, .dark .bili-video-card .bili-video-card__info--author:hover,.dark .right-entry-text:hover, .dark .icon-title:hover,.dark .bili-header .slide-down .right-entry .right-entry__outside .right-entry-icon:hover, .dark .history-panel-popover .header-history-card__info--title:hover .dark .bili-video-card .bili-video-card__info--tit>a:hover { color:var(--w-blue-link-hover) !important; } .dark .header-channel-fixed-right-item:hover, .dark .channel-entry-popover .name:hover, .dark .more-channel-popover .name:hover, .dark .bili-header .bili-header__channel .channel-entry-more__link:hover, .dark .bili-header .bili-header__channel .channel-link:hover, .dark .channel-panel__item:hover, .dark .dynamic-video-item:hover, .dark .bili-header .header-dynamic-list-item .header-dynamic__box--right:hover, .dark .bili-video-card .bili-video-card__info--tit>a:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } /* all */ /* background 和 白色 border 和 白色 link */ .dark .bili-header .live, .dark .bili-header .avatar-panel-popover, .dark .history-tip, .dark .bili-video-card .bili-video-card__info--icon-text, .dark .v-popover-content,.dark .wnd_bottom .r-l, .dark .history-panel-popover .header-tabs-panel__content .view-all-history-btn, .dark .bili-header .histories .history-item, .dark .bili-header .left-entry .download-wrapper .download-top-content .button, .dark .bili-header .avatar-panel-popover .links-item .link-red-tip, .dark .bili-header .avatar-panel-popover .links-item .link-beta-tip, .dark .vip-entry-containter,.dark vip-entry-btn, .dark .vip-entry-btn[data-v-ae740c54], .dark .bili-header .center-search-container .center-search__bar #nav-searchform, .dark .feed-roll-btn .primary-btn{ color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; border:1px solid var(--w-text-light) !important; } /* background 和 蓝色 border 和 蓝色 link */ .dark .wnd_bottom .r-l:hover, .dark .vip-entry-containter:hover,.dark vip-entry-btn:hover, .dark .vip-entry-btn[data-v-ae740c54]:hover, .dark .bili-video-card .bili-video-card__info--icon-text:hover, .dark .bili-header .game-right-list-item:hover, .dark .history-panel-popover .header-tabs-panel__content .view-all-history-btn:hover, .dark .bili-header .message-entry-popover .message-inner-list__item:hover, .dark .bili-header .left-entry .download-wrapper .download-top-content .button:hover, .dark .bili-header .histories .history-item:hover, .dark .bili-header .center-search-container .center-search__bar .nav-search-btn:hover, .dark .feed-roll-btn .primary-btn:hover{ color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } /******************************************************************/ /* background 和 蓝色 border */ .dark .trending-item:hover, .dark .header-history-card:hover, .dark .header-dynamic-list-item:hover, .dark .header-history-card .header-history-video:hover, .dark .bili-header .avatar-panel-popover .links-item .single-link-item:hover, .dark .bili-header .header-fav-card:hover { border:1px solid var(--w-text-light) !important; background:var(--w-bg-darker) !important; } /* 蓝色border */ .dark .bili-header .center-search-container .center-search__bar #nav-searchform.is-focus, .dark .suggest-item:hover { border:1px solid var(--w-text) !important; background:var(--w-bg-darker) !important; } /* border none */ .dark .bili-header .center-search-container .center-search__bar .nav-search-content, .dark .bili-header .center-search-container .center-search__bar .nav-search-content .nav-search-input:focus, .dark .bili-header .search-panel { border: none !important; } /* fill */ .dark .bili-header .avatar-panel-popover .level-item .level-item__bar--next svg .level-bg { fill: var(--w-text); !important; } `; const is_account = local_url.indexOf("https://account.bilibili.com/") !== -1; const account_css = is_account ? ` ` : ``; const app_bilibili = /https:\/\/app\.bilibili\.com\/.*/.test(local_url) ? ` .dark span,.dark a,.dark p,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5, .dark .aside-wrap_2TTgM .anchor_wrapper_2leFH .anchor_item_3DKWq .text_H0qLc, .dark .gameSns-content-account-text_2kf1l .title_3cbN0,.dark .gameSns-content-account-text_2kf1l .subtitle_3xtPu, .dark .contactUs-content-info-item_3hznU .text_NvNTR,.dark .mine-header-userInfo_2PEyA .user-basic-nav_3ydDD .user-statistics-type_2qxNK, .dark .mine-header-userInfo_2PEyA .user-basic-nav_3ydDD .user-statistics-num_13v1B, .dark .gameSns-content-other-account_9YJ6O .wechat-text_2GmEa, .dark .gameSns-content-other-account_9YJ6O .weibo-text_35duF, .dark .Card-header_1d4vx .card-title_2RmHu .title_SE4va,.dark .game-item-footer-score_2F75T .gameScoreNum_EuGJV, .dark .Card-header_1BQ_x .card-title_HKAAg,.dark .collection-wrap_19zMo .collection-item_1UBgM .collection-item-game-name_c4Qj2, .dark .collection-wrap_19zMo .collection-item_1UBgM .collection-item-game-count_SEbUq, .dark .game-item-footer-name_2wzwp,.dark .game-item-footer-type_wMU_g,.dark .game-item-footer-no_269PI, .dark .list-item-cont_27du8 .testGameItem_1xvId .gameDes_1vyj7 .gameScore-no_UmJz1, .dark .bili-game-footer .bili-game-footer-content .bili-game-footer-content-record, .dark .bili-game-footer .bili-game-footer-content .bili-game-footer-content-record p, .dark .list-item-cont_27du8 .testGameItem_1xvId .gameDes_1vyj7 .gameScore_OHEKi .gameScoreNum_2smPo, .dark .list-item-cont_27du8 .testGameItem_1xvId .gameDes_1vyj7 .gameName_OGhFc, .dark .Card-header_3tA8E .card-title_3s7_S, .dark .hotActivity-item-time_h-F8o, .dark .list-item-title_IY-UG .date_cylZ8, .dark .list-item-title_IY-UG .games-num_2LlQZ, .dark .list-item-cont_1zPV3 .hotGameItem_EJS60 .gameDes_2fvpP .gameName_2u5sS, .dark .loadComplete-txt_2z5n_,.dark .Card-header_1d4vx .card-title_2RmHu .title_SE4va, .dark .Card-recomend-item_1FSJD .card-content_1oudE .card-content-title_370f1>div, .dark .feed-wrap_3BqTh .card-game-common_2b0P9 .card-content-info-text_1DwU6 .card-content-info-name_2y0cn, .dark .feed-wrap_3BqTh .card-game-common_2b0P9 .card-content-info-text_1DwU6 .card-content-info-des_27h0g, .dark .Bookswiper_3q1oK .gallery-thumbs_2oCbc .swiper-thumb-slide .gallery-thumbs-item_3mq8s .game-info_2X55m .game-info-tag_3lnOf, .dark .Bookswiper_3q1oK .gallery-thumbs_2oCbc .swiper-thumb-slide .gallery-thumbs-item_3mq8s .game-info_2X55m .game-info-name_1X85G, .dark .Card-recomend-item_1FSJD .card-content_1oudE .card-content-footer_2WHGE .score-degree_DnAAx, .dark .Card-recomend-item_1FSJD .card-content_1oudE .card-content-footer_2WHGE .score-comment_3P3Er, .dark .Card-recomend-item_1FSJD .card-content_1oudE .card-content-des_1sNxd{ color:var(--w-text-light) !important; } .dark .game-item-footer-name_2wzwp:hover, .dark .game-item-footer-type_wMU_g:hover, .dark .list-item-cont_27du8 .testGameItem_1xvId .gameDes_1vyj7 .gameName_OGhFc:hover, .dark .video-item-biref .biref-info .biref-title:hover { color:var(--w-blue-link-hover) !important; } .dark .bili-game-footer,.dark .list_item_1gw1l,.dark .scroll-wrap_1vXo6 , .dark .Card-header_1d4vx .card-title_2RmHu .title_SE4va, .dark .bili-game-header-nav .bili-game-header-nav-bar { background:var(--w-bg-darker) !important; color:var(--w-text-light) !important; } .dark .Home_1ebVE, .dakr .block-area .timeline-toggle-block .timeline-toggle-btn { background: none !important; } .dark .loadingTip-loadMore_1ydD3 .load_btn_2aV1A,.dark .body_RAI9S .aside_17bL3, .dark .category-item_3tacB,.dark .collection-wrap_19zMo .collection-item_1UBgM, .dark .tag_2uAvO{ border: 1px solid var(--w-border) !important; color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark .category-item_3tacB:hover,.dark .Card-header_1BQ_x .btn-more_1RGB7 a:hover, .dark .loadingTip-loadMore_1ydD3 .load_btn_2aV1A:hover, .dark .tag_2uAvO:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } ` : ``; const game_bilibili = /https:\/\/game\.bilibili\.com\/.*/.test(local_url) ? ` .dark span,.dark a,.dark p,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5, .dark .aside-wrap_2TTgM .anchor_wrapper_2leFH .anchor_item_3DKWq .text_H0qLc, .dark .gameSns-content-account-text_2kf1l .title_3cbN0,.dark .gameSns-content-account-text_2kf1l .subtitle_3xtPu, .dark .contactUs-content-info-item_3hznU .text_NvNTR,.dark .mine-header-userInfo_2PEyA .user-basic-nav_3ydDD .user-statistics-type_2qxNK, .dark .mine-header-userInfo_2PEyA .user-basic-nav_3ydDD .user-statistics-num_13v1B, .dark .gameSns-content-other-account_9YJ6O .wechat-text_2GmEa, .dark .gameSns-content-other-account_9YJ6O .weibo-text_35duF, .dark .Card-header_1d4vx .card-title_2RmHu .title_SE4va,.dark .game-item-footer-score_2F75T .gameScoreNum_EuGJV, .dark .Card-header_1BQ_x .card-title_HKAAg,.dark .collection-wrap_19zMo .collection-item_1UBgM .collection-item-game-name_c4Qj2, .dark .collection-wrap_19zMo .collection-item_1UBgM .collection-item-game-count_SEbUq, .dark .game-item-footer-name_2wzwp,.dark .game-item-footer-type_wMU_g,.dark .game-item-footer-no_269PI, .dark .list-item-cont_27du8 .testGameItem_1xvId .gameDes_1vyj7 .gameScore-no_UmJz1, .dark .bili-game-footer .bili-game-footer-content .bili-game-footer-content-record, .dark .bili-game-footer .bili-game-footer-content .bili-game-footer-content-record p, .dark .list-item-cont_27du8 .testGameItem_1xvId .gameDes_1vyj7 .gameScore_OHEKi .gameScoreNum_2smPo, .dark .list-item-cont_27du8 .testGameItem_1xvId .gameDes_1vyj7 .gameName_OGhFc, .dark .Card-header_3tA8E .card-title_3s7_S, .dark .hotActivity-item-time_h-F8o, .dark .list-item-title_IY-UG .date_cylZ8, .dark .list-item-title_IY-UG .games-num_2LlQZ, .dark .list-item-cont_1zPV3 .hotGameItem_EJS60 .gameDes_2fvpP .gameName_2u5sS, .dark .loadComplete-txt_2z5n_,.dark .Card-header_1d4vx .card-title_2RmHu .title_SE4va, .dark .Card-recomend-item_1FSJD .card-content_1oudE .card-content-title_370f1>div, .dark .feed-wrap_3BqTh .card-game-common_2b0P9 .card-content-info-text_1DwU6 .card-content-info-name_2y0cn, .dark .feed-wrap_3BqTh .card-game-common_2b0P9 .card-content-info-text_1DwU6 .card-content-info-des_27h0g, .dark .Bookswiper_3q1oK .gallery-thumbs_2oCbc .swiper-thumb-slide .gallery-thumbs-item_3mq8s .game-info_2X55m .game-info-tag_3lnOf, .dark .Bookswiper_3q1oK .gallery-thumbs_2oCbc .swiper-thumb-slide .gallery-thumbs-item_3mq8s .game-info_2X55m .game-info-name_1X85G, .dark .Card-recomend-item_1FSJD .card-content_1oudE .card-content-footer_2WHGE .score-degree_DnAAx, .dark .Card-recomend-item_1FSJD .card-content_1oudE .card-content-footer_2WHGE .score-comment_3P3Er, .dark .Card-recomend-item_1FSJD .card-content_1oudE .card-content-des_1sNxd{ color:var(--w-text-light) !important; } .dark .game-item-footer-name_2wzwp:hover, .dark .game-item-footer-type_wMU_g:hover, .dark .list-item-cont_27du8 .testGameItem_1xvId .gameDes_1vyj7 .gameName_OGhFc:hover, .dark .video-item-biref .biref-info .biref-title:hover { color:var(--w-blue-link-hover) !important; } .dark .bili-game-footer,.dark .list_item_1gw1l,.dark .scroll-wrap_1vXo6 , .dark .Card-header_1d4vx .card-title_2RmHu .title_SE4va, .dark .bili-game-header-nav .bili-game-header-nav-bar { background:var(--w-bg-darker) !important; color:var(--w-text-light) !important; } .dark .Home_1ebVE, .dakr .block-area .timeline-toggle-block .timeline-toggle-btn { background: none !important; } .dark .loadingTip-loadMore_1ydD3 .load_btn_2aV1A,.dark .body_RAI9S .aside_17bL3, .dark .category-item_3tacB,.dark .collection-wrap_19zMo .collection-item_1UBgM, .dark .tag_2uAvO{ border: 1px solid var(--w-border) !important; color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark .category-item_3tacB:hover,.dark .Card-header_1BQ_x .btn-more_1RGB7 a:hover, .dark .loadingTip-loadMore_1ydD3 .load_btn_2aV1A:hover, .dark .tag_2uAvO:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } ` : ``; const is_link = local_url.indexOf("https://link.bilibili.com/") !== -1; const link_css = is_link ? ` ` : ``; const other = ` ${account_css} ${app_bilibili} ${game_bilibili} ${link_css} `; const read = /.*:\/\/.*\.bilibili\.com\/read\/.*/.test(local_url) ? ` .dark p,.dark a,.dark span, .dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6, .dark .iconfont, .dark #article-content,.dark .interaction-info,.dark .interaction-info .toolbar .share-box, .dark .normal-article-holder, .dark .normal-article-holder h1, .dark .normal-article-holder h2, .dark .normal-article-holder h3, .dark .normal-article-holder h4, .dark .normal-article-holder h5, .dark .normal-article-holder h6, .dark .article-container .title-container .title, .dark .article-breadcrumb .breadcrumb-title, .dark .article-read-info>span[data-v-36aefa22],.dark .article-read-info>span, .dark .right-side-bar .to-top .iconfont[data-v-38a9fd1d],.dark .right-side-bar .to-top .iconfont, .dark .right-side-bar .side-toolbar .toolbar-item[data-v-38a9fd1d],.dark .right-side-bar .side-toolbar .toolbar-item, .dark .coin-dialog-wrapper .coin-title,.dark .coin-dialog-wrapper .van-icon-guanbi, .dark .right-side-bar .side-toolbar .toolbar-item .iconfont[data-v-38a9fd1d],.dark .right-side-bar .side-toolbar .toolbar-item .iconfont { color:var(--w-text-light) !important; } .dark .right-side-bar .to-top[data-v-38a9fd1d],.dark .right-side-bar .to-top, .dark .right-side-bar .side-toolbar[data-v-38a9fd1d],.dark .right-side-bar .side-toolbar, .dark .follow-btn[data-v-2847c980],.dark .follow-btn, .dark .coin-dialog-wrapper .confirm-btn, .dark .van-popover.van-followed, .dark .coin-dialog-wrapper, .dark .article-container { border: 1px solid var(--w-border) !important; color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark .article-container , .dark .comment-wrapper .comment-m, .dark .followed[data-v-2847c980],.dark .followed, .dark .article-up-info[data-v-904253a6],.dark .article-up-info, .dark .fixed-top-header { color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark .nav-tool-container .section:hover, .dark .right-side-bar .to-top .iconfont[data-v-38a9fd1d]:hover,.dark .right-side-bar .to-top .iconfont:hover, .dark .right-side-bar .to-top[data-v-38a9fd1d]:hover,.dark .right-side-bar .to-top:hover, .dark .coin-dialog-wrapper .confirm-btn:hover, .dark .nav-tool-container .section[data-v-3b26ecb6]:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } .dark .coin-dialog-wrapper .van-icon-guanbi:hover { color:var(--w-blue-link-hover) !important; } .dark .van-popover.van-followed .follow_dropdown li:hover { background:var(--w-bg) !important; color:var(--w-blue-link-hover) !important; } ` : ``; const space = /.*:\/\/space\.bilibili\.com\/\d+.*/.test(local_url) ? ` .dark .list-create { background:var(--w-bg) !important; } .dark .elec .elec-status-bg-grey, .dark #page-index #i-ann-content textarea, .dark .bili-dyn-item, .dark .bili-dyn-card-video__body, .dark .bili-rich-text__content, .dark .bili-dyn-card-video__desc, .dark .bili-dyn-card-video__title, .dark .series-item .item-title .qipapnum[data-v-40b5e135], .dark .series-item .item-title .qipapnum, .dark .contribution-sidenav .contribution-item, .dark .album-list__tabs, .dark #page-series-index .channel-option.no-channel[data-v-9e6dac30], .dark #page-series-index .channel-option.no-channel, .dark #page-series-index .channel-option, .dark .bili-rich-textarea__inner.empty, .dark .n .n-inner { background:var(--w-bg-darker) !important; color:var(--w-text) !important; } .dark .n .n-cursor { background:var(--w-text-light) !important; } .dark #page-series-index .channel-option.no-channel p[data-v-9e6dac30],.dark #page-series-index .channel-option.no-channel p, .dark .album-list__title,.dark .album-list__tab-name, .dark .small-item .meta,.dark .n .n-data .n-data-v, .dark .n .n-data .n-data-k, .dark #page-series-index .channel-item .channel-name,.dark #page-series-index .channel-item , .dark #page-series-index .channel-item .channel-name[data-v-9e6dac30], .dark #page-index .channel.guest .channel-item .channel-title .channel-name, .dark #page-index .channel.guest .channel-name, .dark #page-index .channel-name, .dark #page-index .col-2 .section-title, .dark #page-index .col-2 .section .user-auth .auth-description, .dark .user-info .user-info-title .info-title[data-v-31d5659a], .dark .user-info .user-info-title .info-title, .dark .user-info .info-content .info-command[data-v-31d5659a], .dark .user-info .info-content .info-command, .dark .user-info .info-content .info-value[data-v-31d5659a], .dark .user-info .info-content .info-value, .dark #id-card .idc-content .idc-username,.dark .m-level idc-m-level, .dark .idc-meta-item, .dark .elec .elec-count,.dark .elec, .dark .elec .elec-setting, .elec .elec-total-c-num, .dark .elec-total-c, .dark .user-info .info-content .info-tags .info-tag .icon-tag[data-v-31d5659a],.dark .user-info .info-content .info-tags .info-tag .icon-tag, .dark .user-info .info-content .info-tags .info-tag .tag-content[data-v-31d5659a],.dark .user-info .info-content .info-tags .info-tag .tag-content, .dark #page-video #submit-video-type-filter a .count, .dark #page-series-index .channel-index .breadcrumb[data-v-9e6dac30], .dark #page-series-index .channel-index .breadcrumb, .dark #page-series-index .channel-index .breadcrumb .item.cur[data-v-9e6dac30], .dark #page-series-index .channel-index .breadcrumb .item.cur, .dark .breadcrumb, .dark .breadcrumb .item.cur, .dark .breadcrumb .item, .dark #page-setting .setting-privacy-item .setting-privacy-name, .dark #page-setting .setting-privacy-item, .dark #page-fav .fav-sidenav .nav-title .text,.dark #page-fav .fav-main .filter-item .text,.dark #page-fav .fav-main .filter-item,.dark #page-fav .fav-main, .dark #page-index .channel .empty-state p,.dark #page-index .channel,.dark #page-index p,.dark .private-hint,.dark .section-title, .dark #page-fav .fav-main .filter-item,.dark .be-dropdown-item, .dark #page-fav .fav-main .filter-item .filter-type .be-dropdown-item i, .dark #page-fav .fav-main .filter-item .filter-type .be-dropdown-item span, .dark #page-fav .fav-main .filter-item .filter-type .be-dropdown-item p,.dark #page-fav .fav-main .filter-item .filter-type .be-dropdown-item a, .dark .favInfo-box .favInfo-details .fav-options .meta,.dark .favInfo-box .favInfo-details .fav-options, .dark span,.dark .sub-tabs span, .dark .sub-tabs .filter-content,.dark .sub-tabs,.dark .sub-tab, .dark .bili-dyn-title__text,.dark .bili-rich-textarea__inner, .dark .bili-dyn-forward-publishing__editor .bili-rich-textarea__inner, .dark .bili-popover, .dark .bili-popover__arrow, .dark .game-card__info-title[data-v-7c9854da],.dark .game-card__info-title, .dark .section-title { color:var(--w-text-light) !important; } .dark #page-setting .setting-tag-list a, .dark #page-fav .fav-sidenav .nav-title .text:hover{ color:var(--w-text-light) !important; } .dark .bili-rich-textarea__inner, .dark .bili-popover, .dark .bili-popover__arrow, .dark .section { border-color: var(--w-border) !important; } /* border-color color background */ .dark .section .count, .dark .g-search input, .dark #id-card, .dark #page-index .col-1, .dark #page-fav .fav-main .search-input input, .dark .bili-topic-search__popover, .dark #page-video #submit-video-type-filter, .dark #page-dynamic .col-2 .section, .dark #page-index .col-2 .section { border-color: var(--w-border) !important; color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; } .dark #page-index,.dark #page-index .col-1, .dark #page-index .col-2, .dark #page-index .channel, .dark #page-index .channel .channel-item, .dark #page-index .col-1 .section-title,.dark #page-index .col-2 .section-title, .dark .series-item .split-line[data-v-40b5e135],.dark .series-item .split-line, .dark .g-search input:focus { border-color: var(--w-text) !important; } .dark .n .n-inner { box-shadow:none !important; } .dark .col-full, .dark .btn .dark .new-elec-trigger, .dark .btn.idc-btn.default, .dark .elec-status, .dark .bili-dyn-more__menu, .dark .be-dropdown-menu, .dark #page-series-index .channel-option.no-channel .create-channel[data-v-9e6dac30],.dark #page-series-index .channel-option.no-channel .create-channel, .dark .btn,.dark .btn.btn-large, .dark .btn.btn-large .btn-content[data-v-53027a10], .dark .favInfo-box.favEmpty .favInfo-details .fav-options .fav-play, .dark .favInfo-box.invalid .favInfo-details .fav-options .fav-play, .reply-box .box-normal .reply-box-send[data-v-757acbb5]::after,.reply-box .box-normal .reply-box-send::after, .reply-box .box-normal .reply-box-send,.reply-box .box-normal .reply-box-send, .dark .be-dropdown-item:hover, .dark .btn.idc-btn.primary { color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; border-color: var(--w-text) !important; } .dark #page-series-index .channel-option.no-channel .create-channel[data-v-9e6dac30]:hover,.dark #page-series-index .channel-option.no-channel .create-channel:hover, .dark .favInfo-box.favEmpty .favInfo-details .fav-options .fav-play:hover, .dark .favInfo-box.invalid .favInfo-details .fav-options .fav-play:hover, .dark .btn.primary.btn-large:hover, .dark .btn:hover,.dark .btn.btn-large .btn-content[data-v-53027a10]:hover,.dark .btn.btn-large:hover, .dark .bili-dyn-more__menu:hover, .dark .contribution-sidenav .contribution-item:hover, .dark .btn:hover, .reply-box .box-normal .reply-box-send[data-v-757acbb5]:hover::after,.reply-box .box-normal .reply-box-send:hover::after, .reply-box .box-normal .reply-box-send,.reply-box .box-normal .reply-box-send:hover, .dark .new-elec-trigger:hover, .dark .elec-status:hover, .dark .btn.idc-btn.primary:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } .dark .btn.idc-btn.default:hover { color:var(--w-blue-link-hover) !important; border:1px solid var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } .dark #page-setting #setting-new-tag-btn, .dark #page-setting .setting-tag-list a, .dark #page-setting #setting-new-tag { background:var(--w-bg) !important; border-color: var(--w-text) !important; } .dark #page-fav .fav-sidenav .fav-item.cur , .dark #page-fav .fav-sidenav .fav-item:hover { background:var(--w-bg) !important; } .dark .h .h-v-host { color: var(--w-white) !important; background: var(--w-blue-link-hove) !important; } ` : ``; const t = ` .dark #app { --bg1: var(--w-bg-darker); --text1: var(--w-text-light); --text3: var(--w-text); --v_bg1_float: var(--bg1); --v_bg2_float: var(--bg1); } `; const video = ` html { --graph_bg_thick:var(--w-border-dark); } .dark .bili-header__bar, .dark .bpx-player-sending-bar, .dark .harmony-font,.dark #v_desc, .dark .bili-comment.browser-pc, .dark .comment-container, .dark .bpx-player-auxiliary .bpx-player-dm-function, .dark .reply-header,.dark .arc_toolbar_report,.dark .video-toolbar-left, .dark .bui-collapse .bui-collapse-header, .dark .bpx-player-auxiliary .bpx-player-collapse .bui-collapse-body, .dark .bpx-player-auxiliary .bpx-player-contextmenu.bpx-player-white, .dark .bpx-player-auxiliary .bpx-player-dm-wrap, .dark .bpx-player-dm-load-status, .dark .base-video-sections-v1, .dark .video-sections-v1[data-v-482ecf06],.dark .video-sections-v1, .dark .video-sections-head_second-line, .dark .bili-header .header-login-entry[data-v-fc330406], .dark .bili-header .header-login-entry, .dark .vip-login-tip[data-v-fc330406], .dark .vip-login-tip, .dark .reply-box.fixed-box[data-v-757acbb5],.dark .reply-box.fixed-box, .dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item[data-v-78329793], .dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item, .dark .emoji-panel .emoji-content .emoji-info[data-v-c4965e38],.dark .emoji-panel, .dark .emoji-panel .emoji-content, .dark .emoji-panel .emoji-tab[data-v-c4965e38],.dark .emoji-panel .emoji-tab,.dark .emoji-panel .emoji-title[data-v-c4965e38],.dark .emoji-panel .emoji-title, .dark .note-list .list-note-operation[data-v-13587840],.dark .note-list .list-note-operation,.dark .note-list, .dark .note-list .note-card-container .note-card[data-v-13587840],.dark .note-list .note-card-container .note-card, .dark .user-card-m-exp .user-info-wrapper .face, .dark #app .header[data-v-67c4001b],.dark #app .header, .dark #app .container .textarea .textarea-warp textarea[data-v-67c4001b],.dark #app .container .textarea .textarea-warp textarea, .dark #app .submit[data-v-67c4001b],.dark #app .submit, .dark .coin-operated-m-exp, .dark .mini-header { background:var(--w-bg-darker) !important; color:var(--w-text) !important; } .dark .reply-box.fixed-box[data-v-757acbb5],.dark .reply-box.fixed-box, .dark .reply-box .box-expand .reply-box-emoji .emoji-btn[data-v-757acbb5], .dark .reply-box .box-expand .reply-box-emoji .emoji-btn, .dark .emoji-panel[data-v-c4965e38], .dark .emoji-panel, .dark .reply-box .box-expand .at-btn[data-v-757acbb5], .dark .reply-box .box-expand .at-btn, .dark .arc_toolbar_report, .dark .video-toolbar-container, .dark #v_tag { border-color:var(--w-border-dark) !important; } .dark .collection-m-exp .title, .dark .reply-item .bottom-line[data-v-36229167], .dark .reply-item .bottom-line { border-color:var(--w-text) !important; } .dark .collection-m-exp .content .group-list li label .count, .dark .collection-m-exp .content .group-list li label,.dark .collection-m-exp, .dark .collection-m-exp .content .group-list li label .personal, .dark .collection-m-exp .content .group-list,.dark .collection-m-exp .content, .dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-fan[data-v-78329793] , .dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-fan, .dark .at-panel .at-list-container .at-list-ground .ground-name[data-v-78329793], .dark .at-panel .at-list-container .at-list-ground .ground-name, .dark .user-card-m-exp .user-info-wrapper .info p ,.dark .user-card-m-exp .user-info-wrapper .info .sign , .dark .user-card-m-exp .user-info-wrapper .info .social a , .dark #app .container .question[data-v-67c4001b], .dark #app .container .question, .dark #app .container .textarea .textarea-warp .limit[data-v-67c4001b], .dark #app .container .textarea .textarea-warp .limit, .dark .collection-m-exp .content .group-list li, .dark .note-list .note-card-container .note-card .note-info[data-v-13587840],.dark .note-list .note-card-container .note-card .note-info { color:var(--w-text) !important; } .dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-name[data-v-78329793], .dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-name, .dark .at-panel .panel-title[data-v-78329793], .dark .at-panel .panel-title, .dark .reply-box .box-expand .reply-box-emoji .emoji-btn[data-v-757acbb5], .dark .reply-box .box-expand .reply-box-emoji .emoji-btn, .dark .reply-box .box-expand .at-btn[data-v-757acbb5], .dark .reply-box .box-expand .at-btn, .dark .arc_toolbar_report, .dark .bpx-player-video-info-online,.dark .bpx-player-video-info-divide,.dark .bpx-player-video-info-dm, .dark .basic-desc-info,.dark .desc-info-text, .dark .reply-content-container .reply-content, .dark .root-reply,.dark .play-num, .dark .abstract, .dark .reply-item .root-reply-container .content-warp .user-info .user-name, .dark .mini-header__title, .dark .toggle-btn-text,.dark .video-toolbar-left-item, .dark .video-complaint-info video-toolbar-item-text, .dark .video-note video-toolbar-right-item toolbar-right-note, .dark .bpx-player-sending-bar .bpx-player-video-info, .dark .mini-header .right-entry .right-entry__outside .right-entry-icon, .dark .bpx-player-dm-btn-time,.dark .bpx-player-dm-btn-dm,.dark.bpx-player-dm-btn-date, .dark .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row, .dark .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-dm, .dark .bpx-player-auxiliary .bpx-player-contextmenu.bpx-player-white>li, .dark .dm-info-date,.dark .first-line-title, .dark .cur-page, .dark .bili-header .header-login-entry>img[data-v-fc330406], .dark .bili-header .header-login-entry>img, .dark .bili-header .login-panel-popover .register-tip[data-v-fc330406] , .dark .bili-header .login-panel-popover .register-tip, .dark .bili-header .login-panel-popover .login-btn[data-v-fc330406], .dark .bili-header .login-panel-popover .login-btn, .dark .bili-header .login-panel-popover .register-tip[data-v-fc330406]>a, .dark .bili-header .login-panel-popover .register-tip>a, .dark .vip-login-countdown-row .countdown-lable[data-v-fc330406], .dark .vip-login-countdown-row .countdown-lable, .dark .vip-login-countdown-row .counddown-wrap[data-v-fc330406], .dark .vip-login-countdown-row .counddown-wrap, .dark .vip-login-countdown-row .counddown-wrap span[data-v-fc330406], .dark .vip-login-countdown-row .counddown-wrap span, .dark .vip-login-title[data-v-fc330406], .dark .vip-login-title, .dark .vip-login-subtitle[data-v-fc330406], .dark .vip-login-subtitle, .dark .video-page-card-small .card-box .info .title, .dark .bili-header .upload-panel-popover .upload-item .item-title[data-v-fc330406], .dark .bili-header .upload-panel-popover .upload-item .item-title, .dark .video-page-card-small .card-box .info .upname, .dark .video-page-card-small .card-box .info .playinfo, .dark .next-button .txt,.dark .video-episode-card__info-title, .dark .video-episode-card__info-duration, .dark .membersinfo-normal .header .staff-amt[data-v-42892ec8], .dark .membersinfo-normal .header .staff-amt, .dark .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-a3384d8f], .dark .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text, .dark .bili-header .login-panel-popover .register-exper[data-v-fc330406], .dark .bili-header .login-panel-popover .register-exper, .dark .reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort[data-v-a3384d8f], .dark .reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort[data-v-a3384d8f], .dark .reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort, .dark .reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort, .dark .sub-reply-item .sub-user-info .sub-user-name[data-v-26797283],.dark .sub-reply-item .sub-user-info .sub-user-name, .dark .video-info-container .video-title[data-v-4f1c0915],.dark .video-info-container .video-title, .dark .video-info-detail[data-v-3b903b56], .dark .video-info-detail, .dark .reply-box.disabled .box-normal .reply-box-send .send-text[data-v-757acbb5], .dark .reply-box.disabled .box-normal .reply-box-send .send-text, .dark .sub-reply-list .view-more .view-more-pagination[data-v-27ad2dff], .dark .sub-reply-list .view-more .view-more-paginatio, .dark .note-content, .dark .note-list .note-card-container .note-card .note-content[data-v-13587840],.dark .note-list .note-card-container .note-card .note-content, .dark .note-pc .note-container .note-header .note-title, .dark .note-list .note-card-container .note-card .user-info .user-name,.dark .note-list .note-card-container .note-card .user-info .user-name[data-v-13587840], .dark .recommend-list-v1 .rec-title,.dark .recommend-list-v1 .rec-title[data-v-39ee0c7c], .dark .video-toolbar-right-item, .dark .video-note.video-toolbar-right-item[data-v-bb961c9e],.dark .video-note.video-toolbar-right-item, .dark .user-card-m-exp .user-info-wrapper .info .social .tip_text, .dark .user-card-m-exp .user-info-wrapper .info .official-wrapper, .dark .user-card-m-exp .user-info-wrapper .info .user .name, .dark .coin-operated-m-exp .coin-title,.dark .coin-operated-m-exp .like-checkbox, .dark .coin-operated-m-exp .coin-bottom .tips, .dark .collection-m-exp .title, .dark .video-title { color:var(--w-text-light) !important; } .dark .dark .user-card-m-exp .user-info-wrapper .info .user .name:hover, .dark .video-page-card-small .card-box .info .title:hover, .dark .bili-header .upload-panel-popover .upload-item .item-title[data-v-fc330406]:hover, .dark .bili-header .upload-panel-popover .upload-item .item-title:hover, .dark .video-page-card-small .card-box .info .upname:hover, .dark .video-episode-card__info-title:hover, .dark .video-episode-card__info-duration:hover, .dark .first-line-title:hover, .dark .video-complaint-info video-toolbar-item-text:hover, .dark .video-note video-toolbar-right-item toolbar-right-note:hover, .dark .mini-header .right-entry .right-entry__outside .right-entry-icon:hover, .dark .mini-header__title:hover,.dark .toggle-btn-text:hover, .dark .bili-header .login-panel-popover .login-btn[data-v-fc330406]:before, .dark .bili-header .login-panel-popover .login-btn:before, .dark .bili-header .login-panel-popover .login-btn[data-v-fc330406]:hover:before, .dark .bili-header .login-panel-popover .login-btn:hover:before, .dark .bili-header .login-panel-popover .register-tip[data-v-fc330406]>a:hover, .dark .bili-header .login-panel-popover .register-tip>a:hover, .dark .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-a3384d8f]:hover, .dark .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text:hover, .dark .user-card-m-exp .user-info-wrapper .info .social a:hover { color:var(--w-blue-link-hover) !important; } .dark .at-panel[data-v-78329793], .dark .at-panel, .dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item[data-v-78329793]:hover, .dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item:hover, .dark .bpx-player-auxiliary .bpx-player-dm-btn-footer, .dark .bpx-player-auxiliary .bpx-player-dm-btn-history.bpx-player-disable, .dark .bpx-player-auxiliary .bpx-player-dm-btn-history, .dark .membersinfo-normal .header[data-v-42892ec8],.membersinfo-normal .header, .dark .reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-757acbb5], .dark .reply-box .box-normal .reply-box-warp .reply-box-textarea, .dark .vip-login-countdown-row .counddown-wrap span[data-v-fc330406],.dark .vip-login-countdown-row .counddown-wrap span, .dark .reply-tag-item, .dark .vip-login-btn, .dark .vip-login-btn[data-v-fc330406], .dark .bili-header .header-upload-entry[data-v-fc330406], .dark .bili-header .header-upload-entry, .dark .bili-header .header-upload-entry[data-v-fc330406], .dark .second-line_right,.dark .base-video-sections-v1 .video-section-list .video-episode-card__info-playing, .dark .reply-box.disabled .box-normal .reply-box-warp .disable-mask[data-v-757acbb5], .dark .reply-box.disabled .box-normal .reply-box-warp .disable-mask, .dark .reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn[data-v-757acbb5], .dark .reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn, .dark .recommend-list-v1 .rec-footer[data-v-39ee0c7c], .dark .recommend-list-v1 .rec-footer, .dark .reply-box .box-normal .reply-box-send[data-v-757acbb5],.dark .reply-box .box-normal .reply-box-send, .dark .reply-box .reply-box-send[data-v-757acbb5],.dark .reply-box .reply-box-send, .dark .video-tool-more-popover .video-tool-more-dropdown .dropdown-item, .dark .video-tool-more-popover, .dark .note-header.drag-el, .dark .user-card-m-exp .user-info-wrapper .info .user .user-label, .dark .user-card-m-exp .user-info-wrapper .info .btn-box .like , .dark .user-card-m-exp .user-info-wrapper .info .btn-box .liked, .dark .user-card-m-exp .user-info-wrapper .info .btn-box .message, .dark #app .submit .cancel[data-v-67c4001b], .dark #app .submit .cancel, .dark #app .submit .confirm[data-v-67c4001b], .dark #app .submit .confirm, .dark .coin-operated-m, .dark .coin-operated-m-exp .coin-bottom .bi-btn, .dark .collection-m-exp, .dark .primary-btn,.dark .palette-button-wrap .flexible-roll-btn-inner[data-v-46b9cf37],.dark .palette-button-wrap .flexible-roll-btn-inner, .dark .collection-m-exp .content .group-list .add-group .add-btn, .dark .collection-m-exp .bottom .btn.disable, .dark .collection-m-exp .bottom .btn, .dark .fixed-sidenav-storage .fixed-sidenav-storage-item[data-v-5d529e3e],.dark .fixed-sidenav-storage .fixed-sidenav-storage-item, .dark .video-tag-container .tag-panel .tag .show-more-btn[data-v-934a50f8],.dark .video-tag-container .tag-panel .tag .show-more-btn, .dark .video-tag-container .tag-panel .tag-link { color:var(--w-text-light) !important; background:var(--w-bg-darker) !important; border:1px solid var(--w-text-light) !important; } .dark .collection-m-exp .bottom .btn.disable:hover,.dark .collection-m-exp .bottom .btn:hover, .dark .collection-m-exp .content .group-list .add-group .add-btn:hover, .dark .coin-operated-m-exp .coin-bottom .bi-btn:hover, .dark #app .submit .cancel[data-v-67c4001b]:hover,.dark #app .submit .cancel:hover, .dark #app .submit .confirm[data-v-67c4001b]:hover,.dark #app .submit .confirm:hover, .dark .fixed-sidenav-storage .fixed-sidenav-storage-item[data-v-5d529e3e]:hover,.dark .fixed-sidenav-storage .fixed-sidenav-storage-item:hover, .dark .primary-btn:hover, .dark .palette-button-wrap .flexible-roll-btn-inner[data-v-46b9cf37]:hover,.dark .palette-button-wrap .flexible-roll-btn-inner:hover, .dark .dark .user-card-m-exp .user-info-wrapper .info .btn-box .message:hover, .dark .user-card-m-exp .user-info-wrapper .info .user .user-label:hover, .dark .user-card-m-exp .user-info-wrapper .info .btn-box .liked:hover, .dark .user-card-m-exp .user-info-wrapper .info .btn-box .like:hover , .dark .reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn[data-v-757acbb5]:hover, .dark .reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn:hover, .dark .bpx-player-auxiliary .bpx-player-dm-btn-footer:hover, .dark .bpx-player-auxiliary .bpx-player-dm-btn-history.bpx-player-disable:hover, .dark .bpx-player-auxiliary .bpx-player-dm-btn-history:hover, .dark .second-line_right:hover, .dark .vip-login-btn[data-v-fc330406]:hover, .dark .vip-login-btn:hover, .dark .bili-header .header-upload-entry[data-v-fc330406]:hover, .dark .bili-header .header-upload-entry:hover, .dark .recommend-list-v1 .rec-footer[data-v-39ee0c7c]:hover, .dark .recommend-list-v1 .rec-footer:hover, .dark .reply-box .box-normal .reply-box-send[data-v-757acbb5]:hover,.dark .reply-box .box-normal .reply-box-send:hover, .dark .reply-box .reply-box-send[data-v-757acbb5]:hover,.dark .reply-box .reply-box-send:hover, .dark .video-tag-container .tag-panel .tag .show-more-btn[data-v-934a50f8]:hover,.dark .video-tag-container .tag-panel .tag .show-more-btn:hover, .dark .video-tag-container .tag-panel .tag-link:hover { color:var(--w-blue-link-hover) !important; border-color: var(--w-blue-link-hover) !important; background:var(--w-bg-darker) !important; } .dark .bpx-player-dm-setting-wrap, .dark .bpx-player-dm-setting, .dark .bui-dropdown-icon, .dark .bui-collapse .bui-collapse-header .bui-collapse-arrow .bui-collapse-arrow-text .arrow-icon, .dark .bui-danmaku-switch { fill:var(--w-text-light) !important; } .dark #bilibili-player-placeholder { box-shadow: none !important; } `; const router = ` ${home} ${video} ${space} ${blackboard} ${t} ${anime} ${guochuang} ${douga} ${read} `; const dark = ` ${common} ${router} ${other} `; const css = is_bilibili ? ` div#i_cecream .floor-single-card, div#i_cecream .bili-live-card.is-rcmd, div#i_cecream .adblock-tips, .activity-m-v1, div.video-container-v1 div.pop-live-small-mode.part-undefined, .recommended-swipe.grid-anchor, .video-page-special-card-small { display:none !important; } /* 输入框*/ .nav-search-content>input::placeholder { color: transparent; opacity:0 !important; } .m-bilibili-btn { cursor: pointer !important; background: #FFFFFF !important; background: var(--bg1_float) !important; border: 1px solid #E3E5E7 !important; border: 1px solid var(--line_regular) !important; border-radius: 8px !important; box-sizing: border-box !important; padding: 6px !important; margin-bottom: 6px !important; color: #18191C !important; color: var(--text1) !important; line-height: 14px; font-size: 12px; display: flex; flex-direction: column; align-items: center; width: 40px; } .bili-video-card__info--bottom:hover .m-span-text, .video-page-card-small:hover .m-span-text, .up-info-container:hover .m-span-text, .video-page-operator-card-small:hover .m-span-text { opacity: 1; transform: scale(1.1); color:orange; } ${dark} ` : ""; addStyle( ` ${css$4} ${css$3} ${css$2} ${css} ${css$1} ` ); (function() { if (typeof window == "undefined") { return; } if (is_exculues) { console.warn("当前地址不支持！"); return; } try { let text = "%c欢迎使用直播插件,下载地址%c"; if (!is_localhost) { console.clear(); } console.log( text.concat(download_plugin_url, ""), "background: rgb(255, 93, 35); padding: 1px; border-radius: 3px 0 0 3px; color: #fff", "border-radius: 0 3px 3px 0; color: #fff" ); console.log( "%c地址:%c ".concat(source_code_url, ""), "background: rgb(255, 93, 35); padding: 1px; border-radius: 3px 0 0 3px; color: #fff", "border-radius: 0 3px 3px 0; color: #fff" ); updateDarkClass(); if (is_huya) { new TriggerLive(); } else if (is_douyu) { new FishLive(); } else if (is_bilibili) { new BiliBili(); } else if (is_douyin) { new DouYin(); } else if (is_localhost) { new LivePlugin(); } else { error("插件地址不适配，请检查匹配地址！！！"); } } catch (e) { error(e); } })(); })();