虎牙、斗鱼、哔哔哔里、抖音 页面美化！新增虎牙、斗鱼、哔哩哔哩的护眼主题🚀,ctrl+alt+j 查看菜单面板
// ==UserScript==
// @name 直播插件
// @namespace https://github.com/wuxin0011/tampermonkey-script/tree/main/live-plugin
// @version 4.1.16.3
// @author wuxin0011
// @description 虎牙、斗鱼、哔哔哔里、抖音 页面美化！新增虎牙、斗鱼、哔哩哔哩的护眼主题🚀,ctrl+alt+j 查看菜单面板
// @license MIT
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAArhJREFUWEfllz9ME1Ecx3+/dzUxIUpPxcTEqVD+LDjIoiTSwQldjHGDAwYpbYE4aOJQ8KBFTUx0KLSWoNIDoyFuGsMkcTBx0URjjFBQBmKiQ49ijInh3s/06iWlgfauh8Xoje++7/f5vN+73r0i7PCFO8yHDQI1QzG5HEIOgskPsm85w9IFMmBkQguBNlQOAQTWB4hryWB3V1YgFP++OOCtKAfcYLjD4xeJ8adYE4p5gINn8YpPb78oBehPihDQ0KoS1Vl65/MFnJJfNgLbLeJs6/UA457/S0CUfI3art0ra3dupbalA5UdfdXpRGTJ7PaIUmAWiMbUqehj2wJiR28zcLqPRD2p6ehsMQlR8n9GQTiZuhd5n8naEtjX1X+ctPVHquvgYefHrw8RUFGVsSdbSYjtgWV0sFYDbksgC+dB1XXgNMgy14tJ/hkidjs9NfosX8IpBeaZwM7kwksWyMK1F6qrSjDgBjAjwZhwMzUZeWmMiZL/NQpCWz48R6BlVYnqb9yi7wGxwx8GjkfV6qpT+fBcCQQKq0rsrS4kCPJm8JI6IEqBS6oydqPYw+aU/MOATAQNJ1anI2+2ytt6CAtKyLKj8tOXI+lE7FWh3G8B81tQbOVW7/8tAoW/BWJ7YM7qyqzkCel5wY+RlWJ2s5v+DK0U3dvZ7xZovUlNRB9YmWdkdYHaa3ddtP7zQnKgp99qkf2dvfWcQ5OqjE5bndswEj+kEZzVj2TuUPxbcsC7x2oRO3l3KP5D0HhD9kwYjp9DghnivDyHUsYuI+L5hWD3lK3/BfVXx2s5p2MLQW+i1G7YEqgbiTZqmtC6OOi9/u8LeOQ5xwpL1uWulDGtlnN2AgAncseJa7gk+96Z6YrpLagbnmjmqHk2gAArAOgwAsznjiNBemHQO7qtAmaKlZIx3YFSipuZ8wvlidcmZtmgQAAAAABJRU5ErkJggg==
// @source https://github.com/wuxin0011/tampermonkey-script/tree/main/live-plugin
// @supportURL https://github.com/wuxin0011/tampermonkey-script/issues
// @match https://www.douyu.com/*
// @match https://www.huya.com/*
// @match https://*.douyin.com/*
// @match https://www.bilibili.com/*
// @match https://search.bilibili.com/*
// @match https://space.bilibili.com/*
// @match https://game.bilibili.com/*
// @match https://message.bilibili.com/*
// @match https://t.bilibili.com/*
// @grant GM.registerMenuCommand
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// ==/UserScript==
(function () {
'use strict';
const exculues = [
"https://i.huya.com/",
"https://www.douyu.com/member/",
"https://yuba.douyu.com/",
"https://www.bilibili.com/cheese",
"https://www.bilibili.com/live"
];
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:\/\/(www|search|space|game|message|t)\.bilibili\..*/;
const huya_address_pattern = /^https:\/\/www\.huya\.((com)|(cn)).*/;
const douyin_address_pattern = /^https:\/\/.*\.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/tampermonkey-script/tree/main/live-plugin";
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 (!isAutoPlugin()) {
log("插件已关闭，样式不加载！");
return;
}
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) {
if (realRemove) {
element.remove();
} else {
element.style.display = "none";
}
}
} catch (e) {
error(e);
}
};
const isArray = (a) => a && (a == null ? void 0 : a.length) > 0;
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 = 1e3, maxCount = 10) => {
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) => {
let timerId = null;
let lastArgs = null;
const throttled = (...args) => {
lastArgs = args;
if (!timerId) {
timerId = setTimeout(() => {
func(...lastArgs);
timerId = null;
lastArgs = null;
}, wait);
}
};
throttled.cancel = () => {
clearTimeout(timerId);
timerId = null;
lastArgs = null;
};
return throttled;
};
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 = 5, wait = 1e3) => {
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) {
if (!element.mark) {
callback(element);
element.mark = true;
clearInterval(timer);
} 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 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 addFullScreenEvent = (callback) => {
if (typeof callback != "function") {
return;
}
document.addEventListener("fullscreenchange", callback);
document.addEventListener("webkitfullscreenchange", callback);
document.addEventListener("mozfullscreenchange", callback);
document.addEventListener("MSFullscreenChange", callback);
};
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() {
if (is_bilibili) {
return local_url === "https://www.bilibili.com" || local_url === "https://www.bilibili.com/" || local_url.indexOf("https://www.bilibili.com/?") != -1 || local_url.indexOf("https://www.bilibili.com/video") != -1;
}
return !is_douyin;
},
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_douyin;
}
};
class HostUser {
constructor(roomId, name) {
this.roomId = roomId;
this.name = name;
}
}
const isShowFansIconKey = "__isShowFansIconKey__";
const isShowGiftRankKey = "__isShowGiftRankKey__";
const isShowSysMsgKey = "__isShowSysMsgKey__";
const isShowColorDmKey = "__isShowColorDm__";
const isShowHotSearchKey = "__is_show_hot_search_key__";
const isShowHotSearchInputKey = "__is_show_hot_search_input_key__";
const isAutoPluginkey = "__is_auto_plugins__";
const isShowPkKey = "__is_show_pk_key__";
const isShowBg = () => is_bilibili ? getLocalStore("bg_show_key", Boolean.name) : wls.getItem("bg_is_first_key") === null ? true : getLocalStore("bg_show_key", Boolean.name);
const isShowFansIcon = () => getLocalStore(isShowFansIconKey, Boolean.name);
const isShowGiftRank = () => getLocalStore(isShowGiftRankKey, Boolean.name);
const isShowSysMsg = () => getLocalStore(isShowSysMsgKey, Boolean.name);
const isShowColorDm = () => getLocalStore(isShowColorDmKey, Boolean.name);
const isShowHotSearch = () => wls.getItem(isShowHotSearchKey) != "false";
const isShowHotSearchInputKeyword = () => wls.getItem(isShowHotSearchInputKey) != "false";
const isAutoPlugin = () => wls.getItem(isAutoPluginkey) != "false";
const isShowPk = () => wls.getItem(isAutoPluginkey) == "true";
const isRisk = (obj) => obj ? JSON.stringify(obj).indexOf("非法访问") !== -1 : false;
const isBVId = (keywords) => /.*\/BV(.*)/.test(keywords);
const getBVId = (url) => {
try {
let videoBVId = "BV";
if (/.*\/BV(.*)/.test(url)) {
videoBVId += /.*\/BV(.*)\/.*/.test(url) ? url.match(/.*\/BV(.*)/)[1].match(/(.*)\/{1}.*/)[1] : url.match(/.*\/BV(.*)/)[1];
}
return videoBVId;
} catch (error2) {
warn("通过房间号获取up信息失败！，请检查是否 https://www.bilibili.com/video/xxxxxxx 空间地址...");
return null;
}
};
const isUserId = (keywords) => /https:\/\/space\.bilibili\.com\/\d+.*/.test(keywords) || /\d+/.test(keywords);
const getUserId = (keywords) => {
let isMatch = keywords.match(/https:\/\/space\.bilibili\.com.*\/(\d+).*/);
if (isMatch) {
try {
return isMatch[1];
} catch (error2) {
warn("通过房间号获取up信息失败！，请检查是否 https://space.bilibili.com 空间地址...");
return null;
}
}
return keywords;
};
const getBiliBiliInfoByVideoID = async (url = window.location.href) => {
if (!url) {
return null;
}
let videoBVId = null;
if (isBVId(url)) {
videoBVId = getBVId(url);
} else {
videoBVId = url;
}
if (!videoBVId) {
return null;
}
return await fetch(`https://api.bilibili.com/x/web-interface/wbi/view?bvid=${videoBVId}`, {
method: "get",
mode: "cors"
}).then((res) => res.json());
};
const getBiliBiliInfoByUserId = async (userId) => {
if (!isUserId(userId)) {
return null;
}
userId = getUserId(userId);
if (!userId) {
return null;
}
log("user Id", userId);
return await fetch(`https://api.bilibili.com/x/space/wbi/acc/info?mid=${userId}`, {
method: "get",
mode: "cors"
}).then((res) => res.json());
};
const douyu = [
"body",
".wm-general-bgblur",
".layout-Module-container",
".layout-Cover-list"
];
const huya = [
"body",
".js-responded-list",
" #J_mainWrap",
"#main_col",
".layout-Module-container"
];
const bilibili = [
"body",
"#app",
"#bili-header-banner-img"
];
const darkImageCss = () => {
let st = null;
if (is_huya) {
st = huya;
} else if (is_douyu) {
st = douyu;
} else if (is_bilibili) {
st = bilibili;
} else {
return [];
}
return [.../* @__PURE__ */ new Set([...st])];
};
const cssUpdate = () => {
if (is_bilibili) {
const imgElement = querySelector(".bili-header__banner .v-img img");
if (imgElement) {
console.log("run update");
imgElement.style.display = isShowBg() ? "" : isNeedDark() ? "none" : "block";
}
}
darkImageCss().forEach((selector) => {
const ele = querySelector(selector);
if (ele) {
ele.style.backgroundColor = isShowBg() ? "" : isNeedDark() ? "var(--w-bg-darker)" : "";
}
});
};
const DARK_THEME_KEY = "wx_dark_theme_key";
const THEME_IS_AUTO = "wx_dark_theme_is_auto";
const THEME_TYPE_KEY = "wx_dark_theme_type_key";
const DARK_COLOR_VARIABLE = "--w-bg-darker";
const theme = {
light: "light",
dark: "dark"
};
const DARK_THEME_TYPE = {
"DEFAULT": "DEFAULT",
"ORDINARY": "ORDINARY",
"BLACK0": "BLACK0",
"BLACK1": "BLACK1",
"BLACK2": "BLACK2",
"BLACK3": "BLACK3"
};
const DARK_TYPE = {
[DARK_THEME_TYPE.DEFAULT]: {
"name": "默认",
"color": "#343b44"
},
[DARK_THEME_TYPE.ORDINARY]: {
"name": "普通",
"color": "#37404c"
},
[DARK_THEME_TYPE.BLACK0]: {
"name": "深黑1",
"color": "#22272e"
},
[DARK_THEME_TYPE.BLACK1]: {
"name": "深黑2",
"color": "#232222"
},
[DARK_THEME_TYPE.BLACK2]: {
"name": "深黑3",
"color": "#171514"
},
[DARK_THEME_TYPE.BLACK3]: {
"name": "深黑4",
"color": "#121212"
}
};
const isDark = () => wls.getItem(DARK_THEME_KEY) === theme.dark;
const isAutoDark = () => wls.getItem(THEME_IS_AUTO) === THEME_IS_AUTO || wls.getItem(THEME_IS_AUTO) === null;
const LOCAL_THEME_TYPE = wls.getItem(THEME_TYPE_KEY) === null ? DARK_THEME_TYPE.DEFAULT : wls.getItem(THEME_TYPE_KEY);
const darkColor = () => {
let type = wls.getItem(THEME_TYPE_KEY) === null ? DARK_THEME_TYPE.DEFAULT : wls.getItem(THEME_TYPE_KEY);
let l1 = DARK_TYPE[type];
return (l1 == null ? void 0 : l1.color) ?? "#121212";
};
const updateStyleColor = (key, value) => document.documentElement.style.setProperty(key, value);
const updateDarkStyleType = (type) => {
wls.setItem(THEME_TYPE_KEY, type);
updateDarkClass();
};
const toggleColorMode = (event, isClick = false) => {
if (!event) {
return;
}
try {
const isAppearanceTransition = (document == null ? void 0 : document.startViewTransition) && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
if (!isAppearanceTransition) {
log("不支持快照切换...,将使用普通方式切换主题");
isClick ? clickUpdateTheme() : updateDarkClass();
return;
}
} catch (error2) {
isClick ? clickUpdateTheme() : updateDarkClass();
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(() => {
isClick ? clickUpdateTheme() : updateDarkClass();
});
transition.ready.then(() => {
const clipPath = [
`circle(0px at ${x}px ${y}px)`,
`circle(${endRadius}px at ${x}px ${y}px)`
];
document.documentElement.animate(
{
clipPath: isNeedDark() ? [...clipPath].reverse() : clipPath
},
{
duration: 400,
easing: "ease-out",
pseudoElement: isNeedDark() ? "::view-transition-old(root)" : "::view-transition-new(root)"
}
);
});
};
const clickUpdateTheme = () => {
const classList = document.documentElement.classList;
if (!classList.contains("dark")) {
classList.add("dark");
wls.setItem(DARK_THEME_KEY, theme.dark);
} else if (classList.contains("dark")) {
classList.remove("dark");
wls.setItem(DARK_THEME_KEY, theme.light);
}
cssUpdate();
};
const autoDarkType = () => {
let hour = (/* @__PURE__ */ new Date()).getHours();
let type = DARK_THEME_TYPE.DEFAULT;
if (isAutoDark()) {
if (hour >= 0 && hour <= 7) {
type = DARK_THEME_TYPE.BLACK3;
} else if (hour > 7 && hour <= 17)
;
else if (hour > 17 && hour < 18) {
type = DARK_THEME_TYPE.ORDINARY;
} else if (hour >= 18 && hour < 19) {
type = DARK_THEME_TYPE.BLACK0;
} else if (hour >= 19 && hour < 20) {
type = DARK_THEME_TYPE.BLACK1;
} else if (hour >= 21 && hour < 22) {
type = DARK_THEME_TYPE.BLACK2;
} else if (hour >= 22 && hour <= 23) {
type = DARK_THEME_TYPE.BLACK3;
}
}
return type;
};
const autoDarkColor = () => {
let color = "";
if (isAutoDark()) {
let type = autoDarkType();
color = DARK_TYPE[type].color;
} else {
color = darkColor();
}
return color;
};
const isNeedDark = () => ((/* @__PURE__ */ new Date()).getHours() < 7 || (/* @__PURE__ */ new Date()).getHours() >= 17) && isAutoDark() || isDark();
const updateDarkClass = () => {
if (!support.supportTheme()) {
return;
}
if (isNeedDark()) {
updateStyleColor(DARK_COLOR_VARIABLE, autoDarkColor());
}
const classList = document.documentElement.classList;
if (!classList.contains("dark") && isNeedDark()) {
classList.add("dark");
} else if (classList.contains("dark") && !isNeedDark()) {
classList.remove("dark");
}
cssUpdate();
};
const themeOptions = () => {
let str = "";
let local_theme = LOCAL_THEME_TYPE;
for (let [k, v] of Object.entries(DARK_TYPE)) {
str += `<option value="${k}" ${local_theme == k ? "selected " : ""} class="m-select-option">${v.name}</option>`;
}
return str;
};
const root$1 = `
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-display-block{
display:block !important ;
}
.m-container-display-none{
display:none !important ;
}
::-webkit-scrollbar {
width: 6px !important;
background-color: teal !important;
}
::-webkit-scrollbar-track {
background-color: #eee !important;
}
::-webkit-scrollbar-thumb {
background-color: var(--w-blue-link-hover) !important;
border-radius: 6px !important;
}
.dark ::-webkit-scrollbar {
width: 6px !important;
background-color: teal !important;
}
.dark ::-webkit-scrollbar-track {
background-color: var(--w-text) !important;
}
.dark ::-webkit-scrollbar-thumb {
background-color: var(--w-bg-light) !important;
border-radius: 6px !important;
}
`;
const liveDarkCss = `
${root$1}
.dark.m-container {
--m-container-background-color: var(--w-bg-darker);
}
.dark .m-select-dark-option,
.dark .m-select-dark,.dark .m-dark-type-select,
.dark.m-container {
background-color: var(--m-container-background-color) ;
color:var(--w-text-light) ;
}
.dark.m-container .m-link,
.dark.m-container .m-link:visited {
color: var(--w-text) ;
}
.dark.m-container table tr,
.dark.m-container table tbody tr:nth-child(1)
{
border-color: var(--w-text-light) ;
}
`;
const css$5 = `
${root$1}
.m-container,
.m-container .btn,
.m-container table,
.m-container table tbody,
.m-container table thead,
.m-container table tr {
margin: 0 ;
padding: 0 ;
border: none;
outline: none;
}
.m-container {
--m-font-color: #fff;
--m-container-background-color: #fff;
--m-container-width: 800px;
--m-container-height: 400px;
--m-container-operation-right-width: 150px;
--m-container-input-width: ${is_bilibili ? "150px" : "100px"};
--m-container-box-transition: all 0.5s ease-in-out;
--m-container-select-width: var(--m-container-input-width);
--m-container-input-outline: 1px solid rgba(8, 125, 235, 0.6) ;
}
.m-container {
box-sizing: border-box ;
position: fixed ;
flex-direction: column ;
width: var(--m-container-width) ;
height: var(--m-container-height) ;
top: 100px ;
left: 50% ;
border-radius: 10px ;
overflow: hidden ;
font-size:14px;
background-color: var(--m-container-background-color) ;
z-index: ${is_douyin ? "10" : "100000000"} ;
padding: 15px ;
transition: var(--m-container-box-transition) ;
box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.1),
-1px -2px 18px rgba(0, 0, 0, 0.1) ;
opacity: 0;
font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
transform: translate(-50%, -150%);
}
.m-container-is-active {
opacity: 1;
transform: translate(-50%, 0%);
z-index:100000000 ;
}
.m-container-box {
display: flex ;
flex-direction: column ;
width: 100% ;
height: 100% ;
}
.m-container .operation {
box-sizing: border-box ;
height: auto ;
justify-content: start ;
}
.m-container input[type="text"] {
width: var(--m-container-input-width) ;
box-sizing: border-box ;
border: 1px solid rgba(8, 125, 235, 0.6) ;
outline: none ;
padding: 5px 10px ;
border-radius: 20px ;
transition: var(--m-container-box-transition);
}
.m-container input:focus {
border: 1px solid rgba(8, 125, 235, 1) ;
}
.m-container .operation input[type="checkbox"] {
display: inline ;
}
.m-container .operation input[type="file"] {
display: none ;
}
.m-container table {
position: relative ;
box-sizing: border-box ;
overflow: hidden ;
text-align: left ;
flex: 1 ;
display: flex ;
flex-direction: column ;
}
.m-container table tr {
margin: 5px 0 ;
display: flex ;
border-bottom: 1px solid rgba(0, 0, 0, 0.4) ;
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 ;
}
.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 ;
text-align: center ;
white-space: nowrap ;
overflow: hidden ;
text-overflow: ellipsis ;
}
.m-container table tbody {
flex: 1 ;
overflow: auto ;
}
.m-container table th,
.m-container table td {
padding: 10px ;
font-size:14px;
}
.m-container table tbody tr:nth-child(1) {
border-bottom: 1px solid rgba(0, 0, 0, 0.4) ;
}
.m-container .m-link,
.m-container .m-link:visited {
color: teal ;
}
.m-container .m-link:hover {
color: blue ;
text-decoration: underline ;
}
.m-container .btn {
cursor: pointer ;
padding: 5px 8px ;
border: none ;
max-width:50px ;
color: var(--m-font-color) ;
font-size: 12px ;
border-radius: 20px ;
margin: 0 ;
background-color: rgba(166, 169, 173, 1) ;
z-index: 1000 ;
outline: none ;
font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.4) ;
}
.m-container .btn:hover {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1) ;
}
.m-container .btn:hover {
background-color: rgba(166, 169, 173, 0.6) ;
}
.m-container .btn-primary {
background-color: rgba(64, 158, 255, 1) ;
}
.m-container .btn-primary:hover {
background-color: rgba(64, 158, 255, 0.6) ;
}
.m-container .btn-success {
background-color: rgba(103, 194, 58, 1) ;
}
.m-container .btn-success:hover {
background-color: rgba(103, 194, 58, 0.6) ;
}
.m-container .btn-info {
background-color: rgba(119, 119, 119, 1) ;
}
.m-container .btn-info:hover {
background-color: rgba(119, 119, 119, 0.6) ;
}
.m-container .btn-warning {
background-color: rgba(230, 162, 60, 1) ;
}
.m-container .btn-warning:hover {
background-color: rgba(230, 162, 60, 0.6) ;
}
.m-container .btn-danger {
background-color: rgba(245, 108, 108, 1) ;
}
.m-container .btn-danger:hover {
background-color: rgba(245, 108, 108, 0.6) ;
}
#m-container-box1 {
position: absolute ;
z-index: 10000000 ;
transition: var(--m-container-box-transition) ;
width: 100% ;
height: 100% ;
}
#m-container-box2 {
position: absolute ;
z-index: 9999 ;
transition: var(--m-container-box-transition) ;
width: 100% ;
height: 100% ;
}
.m-ani-left-is-active {
transform: translateX(0) ;
visibility: visible ;
opacity: 1 ;
}
.m-ani-left-is-close {
transform: translateX(-100%) ;
visibility: hidden ;
opacity: 0 ;
}
.m-ani-right-is-active {
transform: translateX(0) ;
visibility: visible ;
opacity: 1 ;
}
.m-ani-right-is-close {
transform: translateX(100%) ;
visibility: hidden ;
opacity: 0 ;
}
.m-type-container .m-type-item {
display: flex ;
height: 30px ;
}
.m-type-container .m-type-item .m-type-item-left {
flex: 1 ;
position: relative ;
box-sizing: border-box ;
overflow: hidden ;
}
.m-type-container .m-type-item .m-type-item-right {
width: var(--m-container-operation-right-width);
text-align: center ;
}
.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) ;
position: absolute ;
width: 100% ;
}
.m-type-container .m-select {
display: flex ;
}
.m-type-container .m-select .m-select-item {
margin-right: 10px ;
}
.m-type-container .m-select .m-select-item:last-child {
margin-right: 0 ;
}
.m-type-container .m-select select {
width: 100px ;
color: rgba(119, 119, 119, 0.9) ;
}
.m-type-container .m-select select::placeholder {
color: rgba(119, 119, 119, 0.9) ;
}
.m-type-container .m-tag-select {
width: calc(var(--m-container-select-width)/2) ;
outline: none ;
border: 1px solid rgba(8, 125, 235, 0.6) ;
padding: 5px 8px ;
padding: 5px 10px ;
}
.m-container select {
border: 1px solid rgba(8, 125, 235, 1) ;
}
.m-type-container .m-select .m-option-default {
color: rgba(119, 119, 119, 0.6) ;
}
.m-type-container input[type="text"] {
width: 350px ;
}
.m-type-container .m-select input {
width: var(--m-container-input-width) ;
}
.m-type-container .m-search-msg {
color: red ;
}
.m-container-display-block{
display:block !important;
}
.m-container-display-none{
display:none !important;
}
.m-container .m-link:hover {
color: var(--w-text-light) ;
text-decoration: underline ;
}
${liveDarkCss}
`;
const htmlTemplate = (isShowBg2, isShowMenu, isShowFullScreen, isShowGift, isShowLogo, isMaxPro = true) => {
return `
<div class="m-container-box" id="m-container-box2">
<div class="operation">
${support.supportSearch() ? `<input type="text" placeholder="房间号或者名称...">` : ``}
${support.supportAdd() ? `<button class="btn btn-primary add-room" title="复制地址栏房间号，手动添加房间,也可以通过点击房间名称添加">添加</button>` : ``}
${support.supportReset() ? `<button class="btn btn-success clear-room" title="重置表格数据">重置</button>` : ``}
${support.supportTheme() ? `<button class="btn btn-info room-theme" title="${isNeedDark() ? "点击切换到白天模式" : "点击切换到黑夜模式"}">${isNeedDark() ? "白天" : "黑夜"}</button>` : ``}
${support.supportBg() ? `<button class="btn btn-warning bg-btn" title="上传背景图">背景</button>` : ``}
${support.supportBg() ? `<input type="file" id="file">` : ``}
${support.supportBg() ? `<input type="checkbox" id="checkbox1" ${isShowBg2 ? "checked" : ""} class="checkbox" title="是否显示背景" />背景` : ``}
${support.supportMenu() ? `<input type="checkbox" id="checkbox2" ${isShowMenu ? "checked" : ""} class="checkbox" title="是否显示左侧菜单"/>菜单 ` : ``}
${` <input type="checkbox" id="checkbox3" ${isShowFullScreen ? "checked" : ""} class="checkbox" title="自动全屏"/>全屏`}
${support.supportGift() ? `<input type="checkbox" id="checkbox4" ${isShowGift ? "checked" : ""} class="checkbox" title="显示礼物栏"/>礼物` : ``}
<input type="checkbox" id="checkbox5" ${isShowLogo ? "checked" : ""} class="checkbox" title="关闭或者显示插件Logo. ctrl+alt+j 可唤醒"/>logo
${`<input type="checkbox" id="checkbox6" ${isMaxPro ? "checked" : ""} class="checkbox" title="自动最高画质"/>画质`}
${support.supportTheme() ? `<input type="checkbox" id="m-dark-is-auto" ${isAutoDark() ? "checked" : ""} class="checkbox" title="自动调整主题,根据时间段改变"/>自动` : ``}
${support.supportTheme() ? `<select class="m-dark-type-select" id="m-dark-select">
${themeOptions()}
</select>` : ``}
<a class="m-link" href="https://greasyfork.org/zh-CN/scripts/449261-%E8%99%8E%E7%89%99%E7%9B%B4%E6%92%AD" target="_blank" title="更新、反馈">更新</a>
<button class="btn btn-info btn-close-container" title="关闭 , ctrl+alt+j 可唤醒" >关闭</button>
</div>
<table class="${support.supportTable() ? "" : "m-container-display-none"}">
<thead>
<th>序号</th>
<th>名称</th>
<th>房间号</th>
<th>操作</th>
</thead>
<tbody>
</tbody>
</table>
</div>
`;
};
class LivePluginElement extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: "open" });
const style = document.createElement("style");
style.innerHTML = css$5;
this.shadowRoot.appendChild(style);
}
createContainer(isShowBg2, isShowMenu, isShowFullScreen, isShowGift, isShowLogo, isMaxPro = true) {
const livePlugin = document.createElement("live-plugin-element");
const container = document.createElement("div");
container.className = `${isNeedDark() ? "dark" : ""} m-container`;
container.innerHTML = htmlTemplate(isShowBg2, isShowMenu, isShowFullScreen, isShowGift, isShowLogo, isMaxPro);
livePlugin.shadowRoot.appendChild(container);
document.querySelector("body").append(livePlugin);
return container;
}
}
const iconLogo = () => {
let logo = "none";
if (is_douyu) {
logo = `<svg t="1694231763777" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5947" width="40" height="40"><path d="M838.45600394 295.68265482c63.56182914-60.97275259 162.72346075-74.95376592 162.72346075-74.95376593s-6.08432987-74.95376592-101.10343901-106.41104592c-136.57378765-43.49648592-212.17482272 19.41807408-212.17482272 19.41807406S517.15160494 3.24645925 346.53146074 92.18123852s-291.27111111 332.04906667-291.27111111 332.04906666c65.63309037 81.03809581 234.31142717 82.9799032 234.31142717 81.68536495-20.0653432 4.66033778-51.5226232 28.73874963-49.58081582 28.73874962-71.58796642-20.71261235-236.25323457 74.95376592-210.88028445 141.88139456 26.14967309 66.92762864 257.74256987 49.58081581 257.74256989 49.58081582s47.50955457 35.47034864 37.54160988 35.47034863c-124.53458173-10.09739852-144.59992494 55.53569185-144.59992494 57.60695309 31.45728 0 222.27222124 51.5226232 222.27222122 51.52262321s31.45728 135.92651852 61.62002173 137.86832592c29.51547259 2.07126124 55.53569185-49.58081581 55.53569185-51.5226232 37.54160987-37.54160987 27.44421136-116.50844445 24.07841186-120.52151309 18.12353581-10.09739852 101.10343902-35.47034864 245.70336395-187.44914172s55.40623803-349.3958795 49.45136197-353.40894815z m-805.97952789 371.53248394c0-81.03809581 186.15460347-140.5868563 186.80187259-124.53458173-24.07841185 56.95968395 0 96.44310124 0 96.44310124l-37.54160988 33.52854123 51.52262321 2.07126125s29.51547259 41.55467852 31.45728 43.49648592c-131.91344987 11.9097521-228.87436642-14.23992098-232.24016592-51.00480791zM223.29141728 653.10467161v8.67340642h-8.02613728l8.02613728-8.67340642z m204.14868544 121.16878222c-2.07126124 6.08432987-20.71261235 12.03920592-20.71261236 12.03920592l-4.01306864-12.03920592c-0.12945383 0 26.66748839-5.30760691 24.725681 0z" fill="#999999" p-id="5948"></path><path d="M361.80701235 124.28578765c-48.80409283 0-88.41696395 36.76488691-88.41696396 82.97990321s39.48341728 82.9799032 88.41696396 82.97990322 88.41696395-36.76488691 88.41696395-82.97990322-39.61287111-82.9799032-88.41696395-82.97990321z m0 141.88139457c-11.3919368 0-23.43114272-3.3657995-32.75181827-10.09739852 11.3919368 0 20.71261235-9.32067555 20.71261234-20.71261234s-9.32067555-20.71261235-20.71261234-20.71261234c-10.74466765 0-19.41807408 8.02613728-20.71261236 18.1235358-4.01306864-8.02613728-6.08432987-16.6995437-6.08432987-26.14967309 0-32.75181827 26.79694222-58.90149136 59.5487605-58.90149136h5.3076069c-11.3919368 6.08432987-19.41807408 18.12353581-19.41807407 32.10454913 0 20.0653432 16.6995437 36.76488691 36.76488691 36.76488692 16.05227457 0 30.16274173-10.09739852 34.82307951-24.72568099 1.29453827 4.66033778 2.07126124 10.09739852 2.07126123 14.7577363 0 33.52854124-26.79694222 59.5487605-59.54876048 59.54876049z m-22.13660445 204.14868543s27.44421136 18.12353581 75.60103506 0l-18.1235358-25.37295012c0.12945383 0-57.47749925 25.37295013-57.47749926 25.37295012z m115.21390618-62.91456c-14.11046717 14.11046717-49.58081581 31.45728-49.58081581 31.45728s51.5226232 29.51547259 63.56182914 21.35988149c12.03920592-7.24941431-9.96794469-50.74590025-13.98101333-52.81716149z m43.49648592-33.3990874c-12.03920592 11.3919368-37.54160987 29.51547259-37.54160987 29.51547258l47.50955456 35.47034865c10.09739852-12.16865975-1.94180741-64.98582124-9.96794469-64.98582123z m22.00715061-31.45728c-2.07126124 9.32067555-13.33374419 23.43114272-17.34681283 26.14967308 10.74466765 5.30760691 28.73874963 24.72568098 28.73874963 24.72568098 11.3919368-16.05227457-3.23634569-48.1568237-11.3919368-50.87535406z" fill="#FFFFFF" p-id="5949"></path><path d="M777.48325136 240.7942321c8.02613728-2.07126124 53.59388445 45.56774717 47.50955456 47.50955457 77.6722963-85.05116445 146.54173235-82.9799032 146.54173235-85.05116445-20.0653432-51.5226232-113.14264494-74.95376592-113.14264494-74.95376592-140.5868563-25.37295013-158.7103921 37.54160987-162.72346075 39.48341728-162.72346075-118.45025185-317.29133037-47.50955457-315.34952295-49.5808158 105.11650765 23.43114272 75.60103506 108.48230717 75.60103506 108.48230716s-14.11046717 85.05116445-111.07138371 73.01195853c-97.09037037-12.03920592-81.03809581-120.52151309-81.0380958-120.5215131-97.7376395 78.96683457-186.80187259 241.04302617-186.8018726 241.04302616 10.09739852 16.05227457 119.09752098 53.59388445 154.56786964 55.53569186 210.23301531-4.01306864 325.31746765-217.61188347 329.33053629-217.61188345 44.79102419 73.01195852 33.52854124 148.61299358-12.03920593 187.44914173-48.54518518 41.55467852-186.41351111 44.14375506-186.4135111 44.14375506 20.0653432 52.16989235 161.29946864 30.81001086 161.29946865 30.81001086C519.09341235 592.13191902 360.38302024 615.56306173 354.42814419 615.56306173 519.09341235 688.57502025 655.6672 539.96202667 657.60900741 537.89076543c-9.32067555 71.58796642-112.49537581 117.15571358-114.43718322 117.15571359 12.03920592 56.95968395-99.03217778 153.9206005-140.58685629 145.8944632-101.10343902-43.49648592-170.74959803 2.07126124-170.74959804 2.07126125l93.07730174 25.37295011s97.09037037 10.09739852 101.10343901 49.58081581 37.54160987 86.99297185 41.55467853 86.99297185c97.09037037-70.94069728 47.50955457-133.85525728 47.50955456-133.85525729s184.73061136-73.01195852 287.9053116-271.07631408-33.52854124-317.29133037-25.50240394-319.23313777zM730.62096592 181.89274075c-31.45728-8.02613728-7.37886815-24.07841185 18.1235358-37.54160989 86.99297185-28.73874963 129.84218864 6.73159902 127.90038124 6.73159901-100.45616987-41.55467852-146.02391703 30.81001086-146.02391704 30.81001088z" fill="#D8D8D8" p-id="5950"></path><path d="M331.64427061 613.62125431c98.38490864-27.44421136 117.80298272-50.22808494 117.80298272-50.22808492s-91.0060405-56.18296098-139.93958717-56.95968396c-48.80409283-0.64726914-111.84810667 68.22216691-92.43003258 105.76377679 61.62002173 132.56071902 178.77573531 147.96572445 178.7757353 147.96572445 89.06423309-8.02613728 107.05831506-86.99297185 109.1295763-91.0060405-107.70558419 2.07126124-169.97287506-49.45136197-173.33867457-55.53569186z m-80.26137283 35.47034866c10.09739852-26.79694222 70.94069728-79.6141037 70.94069728-79.61410372-10.74466765-10.09739852-70.94069728-29.51547259-70.94069728-29.51547258 14.11046717-6.08432987 81.03809581 20.71261235 81.0380958 20.71261235 60.19602963-32.75181827 66.2803595-16.6995437 66.2803595-16.69954371-40.90740939 9.45012939-147.31845531 105.11650765-147.3184553 105.11650766z" fill="#FFFFFF" p-id="5951"></path><path d="M331.64427061 613.62125431c98.38490864-27.44421136 117.80298272-50.22808494 117.80298272-50.22808492s-91.0060405-56.18296098-139.93958717-56.95968396c-48.80409283-0.64726914-93.72457086 66.2803595-90.35877135 91.65330963 9.32067555 19.41807408 19.41807408 36.76488691 30.16274172 51.52262321 12.03920592-27.44421136 70.29342815-77.6722963 70.29342816-77.6722963-10.74466765-10.09739852-70.94069728-29.51547259-70.94069728-29.51547258 14.11046717-6.08432987 81.03809581 20.71261235 81.03809579 20.71261234 60.19602963-32.75181827 66.2803595-16.6995437 66.28035952-16.6995437-38.83614815 9.32067555-133.85525728 93.07730173-146.54173236 104.4692385 62.91456 84.40389531 145.8944632 95.66637827 145.89446322 95.66637829 89.06423309-8.02613728 107.05831506-73.01195852 109.12957628-77.02502717-107.18776889 1.68289975-169.45505975-49.83972347-172.82085925-55.92405334z" fill="#FFFFFF" p-id="5952"></path><path d="M839.75054222 292.96412445c63.56182914-61.62002173 163.37072987-74.95376592 163.37072987-74.95376593s-6.08432987-74.95376592-101.10343901-107.05831505c-137.2210568-43.49648592-212.82209185 20.0653432-212.82209185 20.0653432S517.79887408 0.39847506 346.40200691 89.46270815 54.48362666 421.51177482 54.48362666 421.51177482c65.63309037 81.03809581 234.31142717 82.9799032 234.31142717 82.33263407-20.0653432 4.66033778-51.5226232 28.73874963-49.58081581 28.73874963-71.58796642-21.35988148-236.25323457 74.95376592-210.88028444 141.88139457 26.14967309 66.92762864 258.38983902 49.58081581 258.389839 49.5808158s47.50955457 35.47034864 37.54160989 35.47034864c-124.53458173-9.32067555-144.59992494 55.53569185-144.59992495 57.60695308 32.10454914 0 222.91949037 51.5226232 222.91949038 51.52262322s32.10454914 136.57378765 61.62002173 138.51559506c30.16274173 2.07126124 55.53569185-49.58081581 55.53569185-51.5226232 37.54160987-37.54160987 28.0914805-116.50844445 24.07841185-120.5215131 18.12353581-10.09739852 101.10343902-35.47034864 246.35063309-188.09641086 144.59992494-151.84933925 55.66514569-350.04314864 49.5808158-354.05621728zM31.82920691 665.14387753c0-81.03809581 186.15460347-141.23412543 186.80187259-124.53458172-24.07841185 57.60695309 0 97.09037037 0 97.09037036l-37.54160987 33.52854124 51.5226232 2.07126123s30.16274173 41.55467852 32.10454914 43.49648593c-132.56071902 11.9097521-228.87436642-14.7577363-232.88743506-51.65207704z m191.46221037-13.98101334v8.67340642h-8.02613728l8.02613728-8.67340642z m204.79595457 121.81605136c-2.07126124 6.08432987-20.71261235 12.03920592-20.71261235 12.03920593l-4.01306864-12.03920593s26.66748839-6.08432987 24.72568099 0z" p-id="5953"></path><path d="M361.80701235 120.91998815c-48.80409283 0-88.41696395 37.54160987-88.41696396 82.97990321s39.48341728 82.9799032 88.41696396 82.97990321 88.41696395-37.54160987 88.41696395-82.97990321-39.61287111-82.9799032-88.41696395-82.97990321z m0 142.65811754c-12.03920592 0-23.43114272-3.3657995-32.75181827-10.09739852 11.3919368 0 20.71261235-9.32067555 20.71261234-20.71261235s-9.32067555-20.71261235-20.71261234-20.71261235c-10.74466765 0-19.41807408 8.02613728-20.71261236 18.1235358-4.01306864-8.02613728-6.08432987-16.6995437-6.08432987-26.14967309 0-32.75181827 26.79694222-59.5487605 59.5487605-59.54876049h6.08432987c-11.3919368 6.08432987-19.41807408 18.12353581-19.41807407 32.10454914 0 20.0653432 16.6995437 36.76488691 36.76488691 36.76488692 16.05227457 0 30.16274173-10.74466765 34.82307951-24.725681 1.29453827 4.66033778 2.07126124 10.09739852 2.07126123 14.7577363-0.77672297 33.39908741-27.57366518 60.19602963-60.32548345 60.19602964z m-22.13660445 204.79595456s28.0914805 18.12353581 75.60103506 0l-18.1235358-25.37295012c0.12945383-0.12945383-57.47749925 25.37295013-57.47749926 25.37295012z m115.8611753-63.56182914c-14.11046717 14.11046717-50.22808494 31.45728-50.22808493 31.45728s52.16989235 29.51547259 63.56182914 22.13660444c12.03920592-8.15559111-9.32067555-51.65207703-13.33374421-53.59388444z m43.49648594-33.52854124c-12.03920592 11.3919368-37.54160987 29.51547259-37.54160989 29.5154726l47.50955458 35.47034864c10.09739852-11.3919368-1.94180741-64.98582124-9.96794469-64.98582124z m22.13660444-31.45728c-2.07126124 9.32067555-13.33374419 23.43114272-17.34681284 26.1496731 10.74466765 5.30760691 28.73874963 24.72568098 28.73874962 24.72568098 11.26248297-16.05227457-3.3657995-48.1568237-11.39193678-50.87535408z" fill="#FFFFFF" p-id="5954"></path><path d="M778.1305205 238.07570173c8.02613728-2.07126124 53.59388445 45.56774717 47.50955456 47.50955457 77.6722963-85.05116445 147.31845531-82.9799032 147.3184553-85.05116445-20.0653432-51.5226232-113.14264494-74.95376592-113.14264493-74.95376593-141.23412543-25.37295013-159.35766124 37.54160987-163.37072988 39.48341728-162.72346075-119.09752098-317.9385995-48.1568237-315.99679209-50.22808493 105.11650765 23.43114272 75.60103506 109.1295763 75.60103505 109.1295763s-14.11046717 85.05116445-111.0713837 73.01195852c-97.09037037-12.03920592-81.68536494-120.52151309-81.68536495-120.52151309C165.68446419 255.55196839 76.62023111 417.49870617 76.62023111 417.49870617c10.09739852 16.05227457 119.09752098 53.59388445 155.34459259 55.53569186 210.23301531-4.01306864 325.9647368-217.61188347 329.3305363-217.61188346 44.79102419 73.01195852 33.52854124 149.26026272-12.03920592 188.09641086-48.93354667 41.55467852-186.80187259 44.27320889-186.8018726 44.27320888 20.0653432 52.16989235 161.94673778 30.81001086 161.94673777 30.81001087-4.66033778 70.94069728-164.01799902 95.01910914-169.32560592 95.01910913 165.31253728 73.01195852 301.88632494-75.60103506 303.95758617-77.67229628-10.09739852 72.23523555-113.14264494 117.80298272-115.08445234 117.80298272 12.03920592 57.60695309-99.03217778 153.9206005-141.23412544 146.54173234-101.10343902-43.49648592-170.74959803 2.07126124-170.74959802 2.07126122l93.72457087 25.37295014s97.7376395 10.09739852 101.10343901 49.5808158c4.01306864 39.48341728 37.54160987 86.99297185 41.55467851 86.99297185 97.7376395-70.94069728 47.50955457-134.50252642 47.50955457-134.50252641s184.73061136-73.01195852 288.55258075-271.72358322-34.30526419-318.58586864-26.27912691-320.00986074z m-46.86228544-59.54876049c-32.10454914-8.02613728-7.37886815-24.07841185 18.1235358-37.54160988 87.64024098-28.73874963 130.48945778 6.73159902 128.54765037 6.73159901-100.45616987-41.55467852-146.67118617 30.81001086-146.67118617 30.81001087z" fill="#D8D8D8" p-id="5955"></path><path d="M331.64427061 611.67944691c98.38490864-27.44421136 118.45025185-50.22808494 118.45025186-50.22808494s-91.65330963-56.18296098-139.93958717-57.60695308c-48.80409283-0.64726914-112.49537581 68.22216691-92.43003258 105.7637768 61.62002173 132.56071902 178.77573531 148.61299358 178.7757353 148.61299356 89.71150222-8.02613728 107.05831506-86.99297185 109.12957629-91.00604049-108.35285333 1.94180741-170.62014419-49.58081581-173.9859437-55.53569185z m-80.26137283 35.47034864c10.09739852-26.79694222 70.94069728-80.39082667 70.94069728-80.39082666-10.74466765-10.09739852-70.94069728-29.51547259-70.94069728-29.51547259 14.11046717-6.08432987 81.68536494 20.71261235 81.68536494 20.71261234 60.97275259-32.75181827 66.2803595-16.6995437 66.2803595-16.6995437-41.55467852 10.09739852-147.96572445 105.89323061-147.96572444 105.89323061z" fill="#9A6E38" p-id="5956"></path><path d="M331.64427061 611.67944691c98.38490864-27.44421136 118.45025185-50.22808494 118.45025186-50.22808494s-91.65330963-56.18296098-139.93958717-57.60695308c-48.80409283-0.64726914-94.37184 66.2803595-91.00604049 91.65330963 9.32067555 19.41807408 19.41807408 36.76488691 30.16274172 51.52262321 12.03920592-27.44421136 70.29342815-78.31956543 70.29342816-78.31956543-10.74466765-10.09739852-70.94069728-29.51547259-70.94069728-29.5154726 14.11046717-6.08432987 81.68536494 20.71261235 81.68536494 20.71261235 60.97275259-32.75181827 66.2803595-16.6995437 66.2803595-16.6995437-38.83614815 9.32067555-133.85525728 93.07730173-146.54173235 104.46923851 62.91456 85.05116445 146.54173235 96.44310124 146.54173235 96.44310124 89.71150222-8.02613728 107.05831506-73.01195852 109.1295763-77.02502716-108.48230717 2.07126124-170.74959803-49.45136197-174.11539754-55.40623803z" fill="#FCB316" p-id="5957"></path></svg>`;
} else if (is_huya) {
logo = `<svg t="1694231489964" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4471" width="40" height="40"><path d="M516.032 156.352a425.408 425.408 0 0 1 162.624 22.4 388.096 388.096 0 0 1 124.224 69.632 300.16 300.16 0 0 1 78.336 99.904c12.032 25.28 20.096 52.544 23.424 80.384 2.496 21.184 2.496 43.136-4.352 63.552a104.128 104.128 0 0 1-36.928 50.816c-22.4 16.896-49.28 26.496-76.16 33.408-45.568 11.328-92.416 15.552-139.072 19.392-49.664 3.776-99.392 6.976-148.992 11.52-33.472 2.752-66.944 5.888-100.544 7.296a554.24 554.24 0 0 1-90.432-2.112c-26.304-3.328-52.928-9.728-75.584-24.064a102.592 102.592 0 0 1-39.168-45.056c-11.136-24.704-13.504-52.352-12.416-79.168 1.728-58.496 22.848-115.84 57.728-162.624 42.048-56.896 102.336-99.008 168.576-122.944a394.816 394.816 0 0 1 108.736-22.336z m-32.576 101.312a24.32 24.32 0 0 0-13.888 6.272 51.072 51.072 0 0 0-10.624 18.56 217.344 217.344 0 0 0-10.24 53.12c-2.432 30.592-1.664 61.44 2.496 91.84 2.752 18.816 6.592 37.76 14.592 55.168 3.968 8.064 9.088 16.512 17.6 20.288 8.768 3.328 18.368 1.92 27.264 0.064 19.072-4.352 37.056-12.48 54.4-21.44a447.36 447.36 0 0 0 65.92-42.304c16.448-12.992 32.576-26.88 45.056-43.904 5.632-8.192 11.648-18.304 8.384-28.608-4.16-11.584-13.312-20.544-22.144-28.8a336.704 336.704 0 0 0-55.232-38.912 399.808 399.808 0 0 0-73.152-33.536c-16.192-5.056-33.216-9.92-50.432-7.808m212.544 473.28c19.2-7.424 37.952-16.64 54.016-29.632 0.768 26.112-5.568 52.224-16.384 75.904l-1.024-1.024c-7.936-8.384-16.896-15.872-23.68-25.344a189.312 189.312 0 0 1-12.928-19.904m-285.248 46.912c-1.216-10.624-3.584-21.568-0.96-32.128 20.032 6.144 40.768 9.728 61.632 11.712-12.544 21.952-32.192 38.976-53.632 51.968a208.96 208.96 0 0 0-1.664-2.176c-0.576-9.984-4.224-19.456-5.376-29.376" fill="#F6F8F9" p-id="4472"></path><path d="M553.664 65.984c22.784-23.488 51.072-42.752 83.136-50.56 5.76-1.6 11.328 1.6 16.832 2.944 42.176 14.272 79.68 39.744 112.256 69.632a486.848 486.848 0 0 1 85.824 107.52c1.536 2.496 3.136 5.056 4.288 7.808-31.616-34.688-62.4-70.4-98.496-100.608a399.36 399.36 0 0 0-99.008-60.16c-4.288-1.6-8.192-4.544-12.864-4.8-32.192 2.88-62.976 14.272-91.968 28.224M194.176 22.72c59.648 7.168 118.912 22.656 171.904 51.456 3.84 2.24 8 4.096 11.584 6.848-8.384-1.92-16.384-5.376-24.64-7.68C308.928 60.16 262.976 50.944 216.768 52.416c-3.584 0.256-7.872-0.32-10.432 2.88-14.08 14.208-24.256 31.616-33.728 49.088a802.56 802.56 0 0 0-49.664 119.488c-3.712 10.752-6.464 21.76-9.984 32.576 6.144-74.432 31.36-146.496 67.712-211.392 4.288-7.616 8.64-15.104 13.504-22.336M406.464 151.68c99.456-33.792 210.944-27.776 307.584 12.672 39.936 16.768 77.44 39.488 110.144 67.968a323.328 323.328 0 0 1 81.408 106.944c10.944 23.552 18.88 48.576 23.104 74.176 5.696 33.408 5.056 69.12-9.344 100.416-2.24 4.736-4.352 9.6-7.872 13.568-2.368 6.08-7.04 10.88-11.008 15.936-24.128 28.288-59.136 44.544-94.208 54.72-50.56 14.4-103.232 18.944-155.456 23.36-36.48 2.816-73.024 5.184-109.44 8.128-63.168 4.928-126.272 12.352-189.696 11.52a384.896 384.896 0 0 1-77.056-8.384 177.28 177.28 0 0 1-56.192-22.528 127.552 127.552 0 0 1-45.44-49.984c-13.76-26.752-18.304-57.28-18.048-87.104 0.192-63.616 20.992-126.72 57.408-178.816 46.72-67.136 116.864-116.608 194.112-142.592z m109.568 4.672a394.816 394.816 0 0 0-108.736 22.336c-66.24 23.936-126.592 66.048-168.576 122.944a288.896 288.896 0 0 0-57.728 162.624c-1.088 26.816 1.28 54.464 12.48 79.232 8.192 18.432 21.952 34.304 39.104 44.992 22.656 14.336 49.28 20.672 75.584 24 30.016 3.52 60.352 3.584 90.432 2.112 33.6-1.344 67.072-4.48 100.544-7.232 49.6-4.608 99.264-7.744 148.928-11.52 46.656-3.84 93.568-8.064 139.072-19.392 26.88-6.912 53.76-16.512 76.16-33.408 17.024-12.736 30.4-30.528 36.928-50.816 6.912-20.416 6.912-42.368 4.352-63.552a261.504 261.504 0 0 0-23.424-80.384 300.992 300.992 0 0 0-78.336-99.904 388.096 388.096 0 0 0-124.224-69.632 426.176 426.176 0 0 0-162.56-22.4" fill="#954607" p-id="4473"></path><path d="M483.456 257.664c17.152-2.048 34.176 2.752 50.432 7.808 25.536 8.448 49.856 20.16 73.152 33.536 19.52 11.328 38.4 23.936 55.232 38.976 8.832 8.256 17.92 17.152 22.144 28.8 3.264 10.304-2.752 20.416-8.384 28.608-12.416 17.024-28.544 30.912-45.056 43.904a447.36 447.36 0 0 1-65.92 42.304 238.272 238.272 0 0 1-54.4 21.44c-8.896 1.792-18.496 3.2-27.2-0.192-8.512-3.776-13.632-12.224-17.6-20.288-8-17.344-11.84-36.352-14.592-55.104a428.608 428.608 0 0 1-2.496-91.904c1.6-17.984 4.096-36.032 10.24-53.12a49.536 49.536 0 0 1 10.624-18.496 24.128 24.128 0 0 1 13.824-6.272m430.016 270.272c1.344-0.96 2.56-2.624 4.416-2.56a404.8 404.8 0 0 1 104.256 9.472c0.768 5.376 0.96 10.88 1.344 16.32a374.4 374.4 0 0 1-5.056 79.36A549.888 549.888 0 0 0 945.92 553.6c-10.56-8.896-20.8-18.304-32.448-25.664M40.576 611.2a415.36 415.36 0 0 1 138.752-37.76 185.792 185.792 0 0 1-9.152 9.664 527.04 527.04 0 0 0-109.824 168.448 327.232 327.232 0 0 1-52.544-121.92c10.496-6.912 21.504-12.992 32.768-18.432m794.944 40.32c25.408 1.472 50.56 7.424 73.984 17.28 27.136 11.264 51.776 27.84 73.984 46.912 1.984 1.856 4.608 3.584 5.12 6.528a328 328 0 0 1-82.432 102.912c-4.928-25.6-10.24-51.264-18.432-76.096-11.584-35.136-26.944-70.016-52.224-97.536m-87.936 10.112a12.992 12.992 0 0 1 19.712 5.376c3.008 8.576-1.664 17.408-6.72 24.128 3.968 34.112-5.76 68.096-19.584 98.944a158.144 158.144 0 0 1-65.408-31.232c-6.272-4.608-11.456-10.496-17.152-15.68a575.552 575.552 0 0 1-174.4 15.488c-15.168 28.544-40.832 50.048-68.8 65.408a206.08 206.08 0 0 1-45.504-96.576c-6.08-4.864-12.416-10.24-15.232-17.728-1.024-5.312 3.52-10.112 8.32-11.712 4.864-2.048 11.776-3.072 15.36 1.792 6.464 8.192 16.32 12.48 25.728 16.384 29.568 11.456 61.44 15.488 92.928 17.152A549.184 549.184 0 0 0 640 720.768c27.712-6.464 55.296-15.104 79.872-29.696 8-4.928 16.192-10.176 21.696-17.92 1.536-3.968 1.984-8.96 6.016-11.52z m-51.584 69.312c-8.32 3.2-16.896 5.696-25.28 8.64 17.28 16.896 38.464 30.336 61.952 36.608l1.024 1.024c10.816-23.68 17.152-49.792 16.384-75.904a200.512 200.512 0 0 1-54.08 29.632z m-313.472 4.032c6.336 25.984 17.024 51.264 33.664 72.32l1.664 2.176c21.44-12.992 41.152-30.016 53.632-51.968a314.688 314.688 0 0 1-61.632-11.712 186.688 186.688 0 0 1-27.328-10.816m-202.176 4.544a240.384 240.384 0 0 1 109.248-55.36 222.72 222.72 0 0 0-24.128 50.24c-17.088 50.688-21.632 104.64-21.632 157.824a449.728 449.728 0 0 1-125.888-76.864 288 288 0 0 1 62.4-75.84" fill="#954607" p-id="4474"></path><path d="M553.664 65.984c28.928-13.952 59.776-25.344 92.032-28.096 4.608 0.32 8.576 3.264 12.864 4.8a396.288 396.288 0 0 1 99.008 60.16c36.096 30.208 66.88 65.92 98.496 100.608 10.048 10.56 20.864 20.352 30.528 31.232 68.416 74.304 117.248 168.064 132.416 268.416 2.176 15.936 4.224 32 4.48 48.064-0.384-5.44-0.64-10.88-1.344-16.32a405.056 405.056 0 0 0-104.256-9.472c-1.856-0.064-3.072 1.6-4.416 2.56 11.648 7.36 21.888 16.768 32.448 25.6 26.752 23.104 50.688 49.216 72.512 76.928a324.672 324.672 0 0 1-29.824 91.776c-0.512-2.944-3.136-4.608-5.12-6.528a277.184 277.184 0 0 0-73.984-46.912 225.28 225.28 0 0 0-73.984-17.28c25.28 27.52 40.64 62.4 52.224 97.536 8.192 24.832 13.568 50.432 18.432 76.096l0.064 0.192c-49.408 41.472-108.736 69.824-170.304 88.128-80.704 23.936-165.504 31.616-249.408 28.928-82.88-3.072-165.952-18.112-242.752-49.856v-0.256c0-53.184 4.608-107.136 21.632-157.824 5.888-17.664 14.08-34.56 24.128-50.24a240.384 240.384 0 0 0-109.248 55.36 288.832 288.832 0 0 0-62.464 75.904 358.912 358.912 0 0 1-57.536-63.872 524.928 524.928 0 0 1 109.824-168.448c3.2-3.136 6.336-6.272 9.152-9.728a413.888 413.888 0 0 0-138.688 37.76c-11.264 5.44-22.272 11.52-32.768 18.432a404.48 404.48 0 0 1 4.736-176.896 491.392 491.392 0 0 1 100.416-196.288c3.52-10.816 6.272-21.824 9.984-32.576 13.696-40.896 29.568-81.216 49.664-119.488 9.472-17.472 19.648-34.944 33.728-49.088 2.496-3.2 6.784-2.624 10.432-2.88 46.208-1.472 92.16 7.744 136.256 20.928 8.32 2.304 16.256 5.696 24.64 7.68 1.664 0.512 3.328 1.6 5.12 0.832a494.336 494.336 0 0 1 167.488-15.552l3.392-0.32z m-147.2 85.696c-77.248 25.984-147.392 75.456-194.112 142.592a316.288 316.288 0 0 0-57.408 178.816c-0.256 29.824 4.288 60.352 18.048 87.104a128 128 0 0 0 45.44 49.984c17.024 11.072 36.48 17.856 56.192 22.528 25.216 5.824 51.2 7.744 77.056 8.384 63.424 0.832 126.592-6.592 189.696-11.52 36.48-2.944 72.96-5.312 109.44-8.128 52.224-4.416 104.896-8.896 155.456-23.36 35.072-10.176 70.08-26.432 94.208-54.72 3.968-5.056 8.64-9.856 11.008-15.936 3.52-3.968 5.632-8.832 7.872-13.568 14.336-31.232 14.976-67.008 9.344-100.416a286.976 286.976 0 0 0-23.104-74.176 323.328 323.328 0 0 0-81.408-106.944 408.256 408.256 0 0 0-110.144-67.968c-96.64-40.448-208.128-46.528-307.584-12.672z m341.12 509.952c-4.032 2.56-4.48 7.552-6.144 11.584-5.504 7.744-13.76 12.992-21.696 17.92-24.576 14.592-52.16 23.232-79.872 29.696a543.488 543.488 0 0 1-143.168 12.608c-31.488-1.6-63.36-5.696-92.928-17.152-9.408-3.904-19.264-8.192-25.728-16.384-3.584-4.864-10.496-3.84-15.36-1.792-4.8 1.6-9.28 6.4-8.32 11.712 2.88 7.488 9.152 12.8 15.232 17.728 6.528 35.392 21.952 69.248 45.504 96.576 28.032-15.36 53.632-36.864 68.8-65.408a577.408 577.408 0 0 0 174.4-15.488c5.696 5.248 10.816 11.072 17.152 15.68 18.944 15.424 41.6 25.92 65.408 31.232 13.888-30.848 23.616-64.832 19.584-98.944 5.056-6.72 9.792-15.616 6.72-24.128-2.752-7.68-13.248-10.56-19.584-5.44" fill="#F49F17" p-id="4475"></path><path d="M670.72 739.648c8.384-2.944 16.96-5.44 25.28-8.64 4.032 6.784 8.064 13.632 12.992 19.904 6.72 9.472 15.68 16.96 23.68 25.344a143.232 143.232 0 0 1-61.952-36.608z m-288.192-4.672c8.768 4.352 17.984 7.872 27.328 10.752-2.688 10.56-0.256 21.504 0.96 32.128 1.088 9.984 4.8 19.456 5.44 29.44a186.56 186.56 0 0 1-33.728-72.32z" fill="#F3EBDE" p-id="4476"></path></svg>`;
} else if (is_douyin) {
logo = `<svg t="1694230416862" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4262" width="40" height="40"><path d="M230.4 51.2h563.2C892.416 51.2 972.8 131.584 972.8 230.4v563.2C972.8 892.416 892.416 972.8 793.6 972.8h-563.2C131.584 972.8 51.2 892.416 51.2 793.6v-563.2C51.2 131.584 131.584 51.2 230.4 51.2z" fill="#170B1A" p-id="4263"></path><path d="M511.488 323.072c0.512-57.856 0-115.712 0.512-173.568h118.272c-0.512 10.24 1.024 20.48 2.56 30.208h-87.04v470.016c0.512 19.968-4.608 39.936-14.336 57.344-15.36 26.624-44.032 45.056-74.752 47.616-19.456 1.536-39.424-2.048-56.832-11.776a97.570133 97.570133 0 0 1-33.28-29.696c30.208 16.896 69.632 15.36 98.816-3.584 28.16-17.408 46.592-50.176 46.592-83.968-0.512-100.864-0.512-201.728-0.512-302.592z m195.072-33.28c16.384 10.24 34.816 18.432 53.76 22.528 11.264 2.56 22.528 3.584 34.304 3.584v26.624c-33.792-7.68-65.024-26.624-88.064-52.736z" fill="#25F4EE" p-id="4264"></path><path d="M298.496 437.248c42.496-26.624 94.208-37.376 143.36-30.208v28.16c-13.312 0.512-26.112 2.048-39.424 4.608-31.744 6.656-61.952 19.968-88.064 39.424-28.16 20.992-49.664 49.664-64.512 81.408-14.336 30.208-21.504 63.488-20.992 97.28 0 36.864 10.24 72.704 27.648 104.96 8.192 14.848 17.408 29.184 29.696 40.96-25.088-17.408-46.08-40.96-61.44-67.584-20.992-35.328-31.232-76.8-30.208-118.272 1.536-37.888 12.288-75.264 32.256-108.032 17.408-29.184 42.496-54.784 71.68-72.704z" fill="#25F4EE" p-id="4265"></path><path d="M545.792 179.712h87.552c3.072 16.896 9.216 32.768 16.896 48.128 12.288 23.552 29.696 44.544 52.224 58.368a11.946667 11.946667 0 0 1 3.584 3.584 168.0384 168.0384 0 0 0 88.576 52.736c0.512 30.72 0 61.952 0 92.672a277.333333 277.333333 0 0 1-162.816-51.712c0 73.728 0 147.456 0.512 221.184 0 9.728 0.512 19.456 0 29.696-2.56 35.84-13.824 71.168-31.744 102.4-15.36 27.136-36.352 51.2-61.44 69.632-32.256 24.064-72.192 37.376-112.128 38.4-20.48 0.512-40.96-0.512-60.928-5.12-28.16-6.144-54.784-17.92-78.336-34.304l-1.536-1.536c-11.776-11.776-21.504-26.112-29.696-40.96-17.408-31.744-27.648-68.096-27.648-104.96-0.512-33.28 6.656-67.072 20.992-97.28 14.848-31.744 36.864-60.416 64.512-81.408 26.112-19.456 56.32-32.768 88.064-39.424 12.8-2.56 26.112-4.096 39.424-4.608 0.512 11.776 0 23.552 0.512 34.816v59.904c-14.848-5.12-31.232-5.12-46.592-1.536-18.432 4.096-35.84 12.288-50.176 24.576-8.704 7.68-16.384 16.896-21.504 27.136-9.216 17.408-12.288 37.888-10.24 57.344 2.048 18.944 10.24 37.376 22.528 51.712 8.192 10.24 18.944 17.92 29.696 25.088 8.704 12.288 19.968 22.528 33.28 29.696 17.408 9.216 37.376 13.312 56.832 11.776 30.72-2.048 59.392-20.992 74.752-47.616 9.728-17.408 14.848-37.376 14.336-57.344 1.024-157.696 0.512-314.368 0.512-471.04z" fill="#FFFFFF" p-id="4266"></path><path d="M633.344 179.712c10.24 0.512 20.48 0 31.232 0 0 34.304 10.752 68.608 30.72 96.768 2.56 3.584 5.12 6.656 7.68 9.728-22.528-13.824-40.448-34.816-52.224-58.368-7.68-14.848-13.824-31.232-17.408-48.128z m161.28 162.816c11.264 2.56 22.528 3.584 34.304 3.584v119.296c-58.368 0.512-116.736-18.944-164.352-53.248v236.544c0.512 17.92-1.024 35.84-5.12 53.248-11.264 53.248-43.008 101.376-87.04 132.608-23.552 16.896-50.176 28.672-77.824 34.816-33.792 7.68-69.12 7.168-102.4-1.536-39.424-10.24-76.288-32.256-103.936-62.464 23.552 16.896 50.176 28.16 78.336 34.304 19.968 4.608 40.448 5.632 60.928 5.12 39.936-1.024 79.872-14.336 112.128-38.4 25.088-18.432 45.568-42.496 61.44-69.632 17.92-31.232 29.184-66.56 31.744-102.4 0.512-9.728 0.512-19.456 0-29.696-0.512-73.728-0.512-147.456-0.512-221.184a277.333333 277.333333 0 0 0 162.816 51.712c-0.512-30.72 0-61.952-0.512-92.672z" fill="#FE2C55" p-id="4267"></path><path d="M442.368 434.688c11.264 0 23.04 0.512 34.304 2.048v122.368c-16.384-5.632-34.816-6.144-51.712-2.048-32.256 7.168-59.392 31.744-70.656 62.976-11.264 30.72-6.656 66.56 12.8 92.672-11.264-6.656-21.504-14.848-29.696-25.088-12.288-14.336-20.48-32.768-22.528-51.712-2.048-19.456 1.024-39.936 10.24-57.344 5.12-10.24 12.8-19.456 21.504-27.136 14.336-12.288 32.256-19.968 50.176-24.576 15.36-3.584 31.744-3.584 46.592 1.536v-59.904c-1.024-10.24-0.512-22.016-1.024-33.792z" fill="#FE2C55" p-id="4268"></path></svg>`;
} else if (is_bilibili) {
logo = `<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2753" width="24" height="24"><path d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z" p-id="2754" fill="currentColor"></path></svg>`;
}
return 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_is_find = true;
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() {
this.clickLogoShowContainer();
this.users = getLocalStore(this.key, Array.name, true) || [];
if (!this.removeRoom()) {
this.create_container();
this.detail();
this.index();
this.category();
this.common();
if (is_huya || is_douyu) {
loopDo(() => {
this.isShowLeftMenu();
this.isShowGift();
}, 10, 1e3);
}
}
this.addEven();
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);
}
updateHeaderIcon() {
}
/*********************************子类继承无需修改的方法******************************/
/**
* 容器，所有操作容器均在此容器中，
*/
create_container() {
let that = this;
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 = new LivePluginElement().createContainer(isShowBg(), isShowMenu, isShowFullScreen, isShowGift, isShowLogo, isAutoMaxPro);
if (querySelector(that.m_container, "#m-container-box2 table tbody")) {
that.tbody = querySelector(that.m_container, "#m-container-box2 table tbody");
that.is_new = true;
} else {
that.tbody = querySelector(that.m_container, ".m-container table tbody");
that.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) => {
if (item == null) {
return;
}
if (!(item == null ? void 0 : item.name) || !(item == null ? void 0 : item.roomId) || item.roomId == "null" || item.roomId == "null") {
this.userDelete(item.name, item.roomId);
return;
}
let tr = createElement("tr");
tr.innerHTML = `
<td>${index + 1}</td>
<td>${item.name}</td>
<td>${item.roomId}</td>
<td><button class="btn btn-danger" room-id="${item.roomId}">删除</button></td>
`;
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 = [];
try {
arr = that.users.filter((item) => {
var _a, _b;
return item && (item == null ? void 0 : item.roomId) && ((_a = item == null ? void 0 : item.roomId) == null ? void 0 : _a.indexOf(inputValue.value)) !== -1 || item && (item == null ? void 0 : item.name) && ((_b = item == null ? void 0 : item.name) == null ? void 0 : _b.indexOf(inputValue.value)) !== -1;
});
} catch (error2) {
arr = [...that.users];
}
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)) {
if (is_bilibili) {
that.handlerBiliBiliKeywords(keywords, inputValue);
} else {
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.bg_show_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,
DARK_THEME_KEY,
THEME_IS_AUTO,
"__right_container_key__",
"__right_video_list_reco_list_key__"
];
for (let item of deleteKeyList) {
try {
wls.removeItem(item);
} catch (e) {
}
}
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(base64);
});
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);
addLocalStore(that.full_screen_is_first_key, false, Boolean.name);
that.isFullScreen(true);
});
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();
});
this.themeContr(container);
this.initAnimation(container);
log("操作按钮添加成功！");
}
handlerBiliBiliKeywords(keywords, inputValue) {
let that = this;
if (isBVId(keywords)) {
handlerPromise(getBiliBiliInfoByVideoID(keywords), (result) => {
var _a, _b, _c, _d;
if (result && (result == null ? void 0 : result.code) == 0) {
that.searchUserByRoomId((_b = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.owner) == null ? void 0 : _b.name, (_d = (_c = result == null ? void 0 : result.data) == null ? void 0 : _c.owner) == null ? void 0 : _d.mid, inputValue);
} else if (isRisk(result)) {
alert("服务不可用，该操作已被官方禁止，请待会再尝试吧！");
} else {
alert("搜索失败！请复制 https://www.bilibili.com/video/xxxxxx 地址尝试");
}
});
} else if (isUserId(keywords)) {
handlerPromise(getBiliBiliInfoByUserId(keywords), (result) => {
var _a, _b;
if (result && (result == null ? void 0 : result.code) == 0) {
that.searchUserByRoomId((_a = result == null ? void 0 : result.data) == null ? void 0 : _a.name, (_b = result == null ? void 0 : result.data) == null ? void 0 : _b.mid, inputValue);
} else if (isRisk(result)) {
alert("服务不可用，该操作已被官方禁止，请待会再尝试吧！");
} else {
alert("搜索失败！请复制 https://space.bilibili.com/xxxxxxxx 地址尝试");
}
});
} else {
alert("搜索失败！请复制 https://space.bilibili.com/xxxxxxxx 或者 https://www.bilibili.com/video/xxxxxx 地址尝试");
}
}
themeContr(container) {
const theme_is_auto_box = querySelector(container, ".operation #m-dark-is-auto");
const theme_btn = querySelector(container, ".operation .room-theme");
const theme_select = querySelector(container, ".operation #m-dark-select");
const cancelAutoTheme = (result = false) => {
theme_is_auto_box.checked = result;
wls.setItem(THEME_IS_AUTO, result ? THEME_IS_AUTO : `no_${THEME_IS_AUTO}`);
theme_btn.innerText = isNeedDark() ? "白天" : "黑夜";
theme_btn.title = isNeedDark() ? "点击切换到白天模式" : "点击切换到黑夜模式";
};
addEventListener(theme_btn, "click", function(e) {
toggleColorMode(e, true);
if (container.classList.contains("dark")) {
container.classList.remove("dark");
localStorage.setItem(DARK_THEME_KEY, theme.light);
} else if (!container.classList.contains("dark")) {
localStorage.setItem(DARK_THEME_KEY, theme.dark);
container.className = `dark ${container.className}`;
}
cancelAutoTheme(false);
});
addEventListener(theme_is_auto_box, "change", function(e) {
wls.setItem(DARK_THEME_KEY, theme.light);
cancelAutoTheme(e.target.checked);
toggleColorMode(e);
if (!isNeedDark()) {
container.classList.contains("dark") && container.classList.remove("dark");
} else {
!container.classList.contains("dark") && (container.className = `dark ${container.className}`);
}
});
addEventListener(theme_select, "change", function(e) {
localStorage.setItem(DARK_THEME_KEY, theme.dark);
cancelAutoTheme(false);
updateDarkStyleType(e.target.value);
if (document.documentElement.classList.contains("dark")) {
!container.classList.contains("dark") && (container.className = `dark ${container.className}`);
}
});
}
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();
});
loopDo((timer) => {
const pause = querySelector("#room-html5-player [class^=pause]");
if (pause) {
pause.click();
clearInterval(timer);
}
}, 20, 1e3);
}
/**
* 判断链接是否应该被删除
* @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;
}
if (!container) {
container = querySelector("body");
}
if (!container || !(container instanceof HTMLElement)) {
warn("壁纸设置失败 获取不到 container ！");
return;
}
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("背景图已关闭！");
}
cssUpdate();
}
/**
* 通过房间名称或者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 (!id || !name || id == "null" || name == "null") {
return;
}
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) : "";
const isShow = wls.getItem(this.menu_is_first_key) != null && getLocalStore(this.menu_show_key, Boolean.name);
handlerDisplay(menu, isShow);
}
/**
* 检查是否能找到全屏按钮
* @returns
*/
checkFullScreenButton() {
if (this.full_screen_is_find) {
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 that = this;
let is_should_full_screen = getLocalStore(that.full_screen_key, Boolean.name);
if (!is_should_full_screen) {
return;
}
let button = null;
if (isClickFull) {
button = querySelector(that.full_screen_button);
if (button && button instanceof HTMLElement) {
button.click();
that.isShowContainer();
} else {
that.checkFullScreenButton(button);
}
} else {
loopDo((timer) => {
button = querySelector(that.full_screen_button);
if (button && button instanceof HTMLElement) {
let isClick = button == null ? void 0 : button.isClick;
if (isClick) {
clearInterval(timer);
return;
}
if (!isClick) {
log("全屏按钮自动触发了!");
button.click();
button.isClick = true;
}
} else {
that.checkFullScreenButton(button);
}
}, 30, 3e3);
}
}
/**
* 是否显示礼物
*/
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) {
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";
}
log("container class=>", this.m_container.classList);
}
}
/**
* 点击 直播平台 Logo
*/
clickLogoShowContainer() {
let that = this;
if (is_bilibili) {
return;
}
if (this.header_logo === "none" || !this.header_logo) {
warn("Logo选择器不能为 none ！");
return;
}
findMark(that.header_logo, (a) => {
a.href = "javascript:;void(0)";
a.title = "点击Logo,显示插件配置";
if (!a.mark) {
a.mark = true;
addEventListener(a, "click", (e) => {
e.preventDefault();
that.isShowContainer();
});
log("logo点击按钮装置完毕！");
}
}, 5, 500);
}
addEven() {
const that = this;
addFullScreenEvent(() => {
that.isShowGift();
});
document.addEventListener("keydown", function(event) {
if (event.ctrlKey && event.altKey && event.key === "j") {
that.isShowContainer();
}
});
const showMessage = (bool) => !bool ? "YES" : "NO";
if (is_huya) {
log("================================================================");
log("是否显示系统消息 : ", showMessage(isShowSysMsg()));
log("是否显示粉丝排行 : ", showMessage(isShowGiftRank()));
log("是否显示粉丝徽章 : ", showMessage(isShowFansIcon()));
log("================================================================");
}
GM_registerMenuCommand(`功能面板💎`, () => {
that.isShowContainer();
}, { title: "点击显示或者关闭插件菜单,默认关闭，也可以使用 Ctrl + alt + j 查看" });
}
}
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.full_screen_is_find = false;
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();
}
this.removeRoomByClickRoomName();
this.updateHeaderIcon();
}
}
// 分类页操作
category() {
let that = this;
if (new RegExp(/^https:\/\/.*\.huya\.((com)|(cn))\/g(\/.*)$/).test(local_url)) {
this.removeRoomByClickRoomName();
Array.from(querySelectorAll(".live-list-nav dd")).forEach((node) => {
addEventListener(node, "click", () => {
that.removeRoomByClickRoomName();
});
});
}
}
// 公共部分操作
common() {
this.autoHideMenu();
}
// 头部logo显示不明显问题
updateHeaderIcon() {
try {
querySelector("#duya-header-logo .hy-hd-logo-1").src = "https://a.msstatic.com/huya/main3/static/img/logo.png";
querySelector("class^=NavItem] [class^=NavItemHd] i[class*=fav]").style.backgroundImage = "url(https://a.msstatic.com/huya/hd/h5/header/components/HeaderDynamic/NavItem/img/fav-0.15b3e0b4a39185db705b7c523cd3f17c.png)";
querySelector("[class^=NavItem] [class^=NavItemHd] i[class*=history]").style.backgroundImage = "url(https://a.msstatic.com/huya/hd/h5/header/components/HeaderDynamic/NavItem/img/history-0.2b32fba04f79057de5abcb2b35cd8eec.png)";
} catch (error2) {
}
}
// 详情操作
detail() {
let that = this;
if (!new RegExp(/^https:\/\/www\.huya\.com(\/\w+)$/).test(local_url)) {
return;
}
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",
".ab-main",
".pre-ab-wrap",
"#pre-ab-wrap",
"#pre-ab-video",
".pre-ab-video",
"#public-screen-ab"
];
intervalRemoveElement(ads, 500, 20);
this.isFullScreen();
this.isAutoMaxVideoPro();
findMark("#J-room-chat-shield", (item) => {
if (item.className.indexOf("shield-on") === -1) {
item.click();
log("自动点击了弹幕礼物显示工具");
}
}, 100, 1e3);
setTimeout(() => {
this.autoHideMenu();
}, 1e4);
}
// 通过地址获取房间号
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;
const addClick = () => {
Array.from(querySelectorAll(".game-live-item:not([mark=true])")).forEach((li) => {
if (!(li instanceof HTMLElement) || li.mark) {
return;
}
const a = querySelector(li, "a");
if (!a) {
return;
}
const roomId = that.getRoomIdByUrl(a.href);
const user = querySelector(li, ".txt i");
const name = (user == null ? void 0 : user.textContent) || "";
if (!roomId || !user || !name)
return;
user.title = `点击屏蔽主播【${name}】 🧹`;
li.mark = true;
if (that.userIsExist(roomId) || that.userIsExist(name)) {
removeDOM(li, true);
return;
}
user.mark = "true";
addEventListener(user, "click", () => {
that.addUser(roomId, name);
removeDOM(li, true);
});
});
};
addClick();
loopDo(() => {
addClick();
}, 5, 5e3);
}
autoHideMenu() {
const isShow = wls.getItem(this.menu_is_first_key) != null && getLocalStore(this.menu_show_key, Boolean.name);
log("是否显示菜单", isShow ? "显示" : " 不显示");
if (isShow) {
return;
}
loopDo((timer) => {
const b = querySelector("body");
const clickM = querySelector("#sidebar-hide-btn");
if (b instanceof HTMLElement && clickM instanceof HTMLElement) {
if (!b.classList.contains("sidebar-min")) {
clickM.click();
log("左侧侧边栏自动收起！");
}
clearInterval(timer);
}
}, 10, 2e3);
}
}
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.full_screen_button = "[class^=controlbar] [class^=fs]";
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 [class^=rate] ul>li";
this.is_use_click_event = false;
this.init();
}
// 公共部分页面操作
common() {
this.autoHideMenu();
}
//首页操作
index() {
let that = this;
if (local_url.indexOf("https://www.douyu.com/topic") != -1) {
return;
}
if (local_url.indexOf("https://www.douyu.com/home/beta") != -1 && !(local_url === that.baseUrl || new RegExp(/https:\/\/www\.douyu\.com\/\?.*/).test(local_url))) {
return;
}
window.scroll(0, 0);
findMark(".layout-Section.layout-Slide-banner", (a) => {
a.href = "javascript:;void(0)";
addEventListener(a, "click", (e) => e.preventDefault());
}, 10, 100);
loopDo((timer) => {
const pause = querySelector("#room-html5-player #__controlbar [class^=pause]");
if (pause) {
pause.click();
clearInterval(timer);
}
}, 50, 500);
let topBtn = querySelector(".layout-Main .ToTopBtn");
if (topBtn) {
topBtn.style.display = "block";
}
function runIndex() {
console.log("window index run ...");
Array.from(querySelectorAll("li.layout-List-item")).forEach((li) => {
const user = querySelector(li, ".DyCover-user");
const a = querySelector(li, ".DyCover");
if (!a) {
return;
}
const name = (user == null ? void 0 : user.textContent) || "";
if (that.isRemove(a == null ? void 0 : a.href) || that.userIsExist(name)) {
removeDOM(li);
return;
}
if (li.mark) {
return;
}
addEventListener(user, "click", (e) => {
e.preventDefault();
that.addUser(that.getRoomIdByUrl(a == null ? void 0 : a.href), name);
removeDOM(li);
});
li.mark = true;
});
}
if (this.is_use_click_event) {
runIndex();
window.onscroll = throttle(500, runIndex);
}
}
// 分类页面操作
category() {
let that = this;
if (!new RegExp(/https:\/\/www.douyu.com(\/((directory.*)|(g_.*)))$/).test(local_url)) {
return;
}
Array.from(querySelectorAll(".layout-Module-filter .layout-Module-label")).forEach((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];
}
});
});
function runCategory() {
Array.from(querySelectorAll(".layout-Cover-item")).forEach((li) => {
if (li.mark) {
return;
}
const link = querySelector(li, ".DyListCover-wrap");
if (!link) {
return;
}
link.setAttribute("href", "javascript:;void(0)");
const user = querySelector(link, ".DyListCover-userName");
const name = (user == null ? void 0 : user.textContent) || "";
if (!name)
return;
const roomId = that.getRoomIdByUrl(link == null ? void 0 : link.href);
if (that.isRemove(roomId) || that.userIsExist(name)) {
removeDOM(li, true);
} else {
if (!user.mark && roomId && name) {
user.mark = "mark";
link.title = `点击移除主播:${name}`;
addEventListener(user, "click", (e) => {
e.preventDefault();
that.addUser(roomId, name);
removeDOM(li);
});
}
}
addEventListener(li, "mouseenter", () => {
const a = querySelector(li, ".DyListCover-wrap.is-hover");
if (!a) {
return;
}
const user2 = querySelector(a, ".DyListCover-userName");
if (!(user2 == null ? void 0 : user2.textContent))
return;
const id = that.getRoomIdByUrl(a.href);
if (!user2 || !roomId || user2.mark) {
return;
}
a.title = `点击移除主播:${user2.textContent}`;
addEventListener(a, "click", (e) => {
e.preventDefault();
});
addEventListener(user2, "click", (e) => {
e.preventDefault();
if (id && (user2 == null ? void 0 : user2.textContent)) {
removeDOM(li);
that.addUser(id, user2.textContent);
}
});
user2.mark = "is-mark";
});
li.mark = "mark";
});
}
if (this.is_use_click_event) {
runCategory();
window.addEventListener("scroll", throttle(1e3, runCategory));
}
}
// 详情页操作
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", () => {
that.addUser(that.getRoomIdByUrl(local_url), hostName.textContent);
});
});
loopDo((timer) => {
let closeBtn = querySelector(".roomSmallPlayerFloatLayout-closeBtn");
if (closeBtn) {
closeBtn.click();
window.clearInterval(timer);
}
}, 10, 1200);
if (new RegExp(/.*douyu.*\/topic(\/(.*rid=\d+).*)/).test(local_url)) {
let backgroundNones = [".wm-general-wrapper.bc-wrapper.bc-wrapper-player", ".wm-general-bgblur"];
Array.from(querySelectorAll("#root>div")).forEach((element) => {
if (!!querySelector(element, ".layout-Main")) {
backgroundNone(element, backgroundNones);
} else {
removeDOM(element, true);
}
});
}
if (new RegExp(/.*douyu.*(\/(\d+)).*/).test(local_url)) {
removeDOM(".layout-Main .ToTopBtn", true);
}
this.isFullScreen();
if (this.is_use_click_event) {
this.isAutoMaxVideoPro();
}
findMark(".ChatToolBar .ShieldTool-enter .ShieldTool-listItem", (item) => {
if (item.className.indexOf("is-noChecked") !== -1) {
item.click();
log("自动点击了弹幕礼物显示工具");
}
}, 1, 5e3);
}
// 通过房间号获取直播间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");
if (!hostName) {
Array.from(querySelectorAll(".layout-List-item")).forEach((room) => {
const id = that.getRoomIdByUrl(querySelector(room, "a").href);
const user = querySelector(room, ".DyCover-user");
if (id === keywords) {
hostName = user;
}
});
if (!hostName) {
Array.from(querySelectorAll(".layout-Cover-item")).forEach((room) => {
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;
}
}
isFullScreen() {
}
autoHideMenu() {
const isShow = wls.getItem(this.menu_is_first_key) != null && getLocalStore(this.menu_show_key, Boolean.name);
if (isShow) {
return;
}
loopDo((timer) => {
const clickM = querySelector(".Aside-toggle");
const leftSider = querySelector("#js-aside");
if (leftSider instanceof HTMLElement && clickM instanceof HTMLElement) {
const leftSiderWidth = Number(window.getComputedStyle(leftSider).width.split("px")[0]);
if (leftSiderWidth > 80) {
clickM.click();
log("左侧侧边栏自动收起！");
}
window.clearInterval(timer);
}
}, 10, 1e3);
}
}
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.full_screen_is_find = false;
this.full_screen_button = ".bpx-player-ctrl-btn.bpx-player-ctrl-full";
this.default_background_image = "https://s1.hdslb.com/bfs/static/blive/blfe-message-web/static/img/infocenterbg.a1a0d152.jpg";
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;
let isShowLogo = () => wls.getItem(that.btn_is_first_key) === null ? true : getLocalStore(that.logo_show_key, Boolean.name);
loopDo(() => {
if (!!that.logo_btn) {
return;
}
let buttonBoxs = querySelector(".palette-button-wrap .storage-box .storable-items");
let btn = createElement("div");
btn.className = "m-bilibili-btn";
btn.style.fontSize = "16px";
if (!buttonBoxs) {
buttonBoxs = document.querySelector("body");
btn = createElement("div");
btn.style.display = "none";
btn.className = "m-bilibili-btn";
btn.style.cursor = "pointer";
btn.style.position = "fixed";
btn.style.bottom = "220px";
btn.style.right = "6px";
btn.style.display = "none";
btn.style.zIndex = 9999999;
window.onscroll = () => {
if (window.scrollY >= 530 && isShowLogo()) {
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);
}, 20, 500);
}
async getRoomIdByUrl(href) {
var _a, _b;
try {
if (isBVId(href)) {
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 (isUserId(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) {
let that = this;
const scan = () => {
const scanVideo = (sc = true) => {
Array.from(querySelectorAll(".feed-card")).forEach((feed) => {
var _a, _b;
const isMark = !!querySelector(feed, ".m-span-text");
if (feed.querySelector(".bili-video-card__info--ad")) {
removeDOM(feed);
return;
}
if (feed.ok && isMark && sc) {
return;
}
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 = that.getBilibiliRoomId(href);
if (!name || !id)
return;
if (!isMark) {
createSpan(feed, item, id, name);
}
if (this.userIsExist(id) || this.userIsExist(name)) {
removeDOM(feed, true);
return;
}
feed.ok = true;
});
Array.from(querySelectorAll(".bili-video-card")).forEach((feed) => {
var _a, _b, _c, _d;
const isMark = !!querySelector(feed, ".m-span-text");
if (feed.querySelector(".bili-video-card__info--ad")) {
removeDOM(feed);
return;
}
if (feed.ok && isMark && sc) {
return;
}
let item = querySelector(feed, ".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 (!name || !id)
return;
if (!isMark) {
createSpan(feed, item, id, name);
}
if (this.userIsExist(name) || this.userIsExist(id)) {
removeDOM(feed, true);
}
feed.ok = true;
});
};
const createSpan = (container, place, id, name = id, message = "确认屏蔽up主 ", remove = true) => {
if (!container || !place || !id || !name) {
return;
}
if (!!container.querySelector(".m-span-text")) {
return;
}
const span = createElement("span");
span.classList = "m-span-text";
addEventListener(span, "click", (e) => {
e.preventDefault();
if (remove) {
removeDOM(container, true);
}
that.addUser(id, name);
scanVideo(false);
});
appendChild(place, span);
};
loopDo(() => {
scanVideo();
}, 10, 500);
};
scan();
window.addEventListener("scroll", throttle(500, scan));
findMark(".feed-roll-btn .roll-btn", (btn) => {
addEventListener(btn, "click", () => {
scan();
});
});
}
clickLogoShowContainer() {
let that = this;
super.clickLogoShowContainer();
window.addEventListener("scroll", () => {
if (parseInt(window.scrollY) > 90) {
operationLogo();
} else {
super.clickLogoShowContainer();
}
});
const operationLogo = () => {
if (!(wls.getItem(that.btn_is_first_key) == null || getLocalStore(that.logo_show_key, Boolean.name))) {
return;
}
};
}
common() {
this.addDeleteRoomButton();
}
index() {
}
detailLeftVideoList(sel = ".card-box") {
const scanVideoList = (sc) => {
Array.from(querySelectorAll(sel)).forEach((videoDom) => {
var _a;
if (videoDom.querySelector(".bili-video-card__info--ad")) {
removeDOM(videoDom);
return;
}
const isMark = !!videoDom.getAttribute("mark");
const isAdd = !!videoDom.querySelector(".m-span-text");
if (isMark && isAdd && !sc) {
return;
}
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);
log("up主", name, "已经被移除！UUID=>", id);
} else if (!isMark) {
const span = createElement("span");
span.classList = "m-span-text";
addEventListener(span, "click", () => {
this.addUser(id, name);
scanVideoList(true);
});
appendChild(playinfo, span);
}
});
};
setTimeout(() => {
scanVideoList(false);
let button = querySelector(".rec-footer");
addEventListener(button, "click", () => {
scanVideoList(false);
});
}, 5e3);
}
async detail() {
if (!/https:\/\/www\.bilibili\.com\/video\/(.*)/.test(local_url)) {
return;
}
this.rightMenuVideoOperation();
this.isFullScreen();
this.isAutoMaxVideoPro();
}
async getNameByRoomId(keywords) {
var _a, _b, _c;
if (isBVId(keywords)) {
let result = await getBiliBiliInfoByVideoID(keywords);
if (result && (result == null ? void 0 : result.code) === 0) {
return (_b = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.owner) == null ? void 0 : _b.name;
}
} else if (isUserId(keywords)) {
let result = await getBiliBiliInfoByUserId(keywords);
if (result && (result == null ? void 0 : result.code) === 0) {
return (_c = result == null ? void 0 : result.data) == null ? void 0 : _c.name;
}
} else {
warn(" getNameByRoomId can not find result ！");
return null;
}
}
settingBackgroundImage(url, container) {
if (local_url.indexOf("https://www.bilibili.com/?") != -1 || local_url === "https://www.bilibili.com/" || local_url === "https://www.bilibili.com") {
container = querySelector("#i_cecream");
}
if (local_url.indexOf("https://www.bilibili.com/video") != -1) {
container = querySelector("#app");
}
super.settingBackgroundImage(url, container);
}
rightMenuVideoOperation() {
let that = this;
const right_container_key = "__right_container_key__";
const right_video_list_reco_list_key = "__right_video_list_reco_list_key__";
let right_video_list_container = querySelector(".right-container");
let show = wls.getItem(right_container_key) != "false";
right_video_list_container.style.display = show ? "" : "none";
function scanVideoList() {
if (show_video && show) {
that.detailLeftVideoList();
that.detailLeftVideoList(".video-page-operator-card-small");
}
}
GM_registerMenuCommand(`右侧面板👔`, () => {
show = !show;
wls.setItem(right_container_key, show);
scanVideoList();
right_video_list_container.style.display = show ? "" : "none";
}, { title: "如果你认为右侧视频推荐不想看，点我关闭,默认开启" });
let right_video_list_reco_list = querySelector("#reco_list");
let show_video = wls.getItem(right_video_list_reco_list_key) != "false";
console.log("默认是否显示video ？ ", show_video, "默认是否显示right menu ？ ", show);
right_video_list_reco_list.style.display = show_video ? "" : "none";
GM_registerMenuCommand(`视频推荐🎬`, () => {
if (!show && !show_video) {
show = !show;
wls.setItem(right_container_key, show);
right_video_list_container.style.display = show ? "" : "none";
}
show_video = !show_video;
scanVideoList();
wls.setItem(right_video_list_reco_list_key, show_video);
right_video_list_reco_list.style.display = show_video ? "" : "none";
}, { title: "如果你认为右侧视频推荐不想看，点我关闭,默认开启" });
scanVideoList();
}
}
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 login$1 = () => {
const addStyle2 = (str) => {
const head = document.querySelector("head");
const s = document.createElement("style");
s.innerHTML = str;
head.appendChild(s);
};
const login_box = "login-box";
const login_btn = "login-btn";
const cancel_btn = "cancel-btn";
const localUrl = window.location.href;
const huyaLogin = () => /https?:\/\/.*\.huya\.com\/.*/.test(localUrl);
const douyinLogin = () => /https?:\/\/.*\.douyin\.com\/.*/.test(localUrl);
const hy = [{
[login_box]: "#HUYA-UDBSdkLgn",
[login_btn]: "[class^=HeaderDynamic] [class^=Login] [class^=LoginHd] span",
[cancel_btn]: "#UDBSdkLgn-box .close-layer"
}];
const douyin = [{
[login_box]: "[id^=login-full-panel]",
[login_btn]: "#_7hLtYmO>button",
[cancel_btn]: ".dy-account-close"
}, {
[login_box]: "[id^=login-full-panel]",
[login_btn]: "#tcTjz3nj",
[cancel_btn]: ".dy-account-close"
}];
let LOGIN_BOX = [];
const addLoginCancel = (loginSelector, loginBtnCancel) => {
let loginContainer = document.querySelector(loginSelector);
if (!(loginContainer instanceof HTMLElement)) {
return;
}
if (loginContainer.classList.contains("m-display-block")) {
loginContainer.classList.remove("m-display-block");
}
console.log("login cancel 扫描中...");
let timer = setInterval(() => {
let closeBtn = loginContainer.querySelector(loginBtnCancel);
if (closeBtn && closeBtn.mark) {
clearInterval(timer);
return;
}
if (closeBtn && !closeBtn.mark) {
console.log("cancel button 已经找到了", closeBtn);
closeBtn.mark = true;
closeBtn.addEventListener("click", () => {
console.log("click me!", loginContainer);
});
}
}, 1e3);
};
const handlerLogin = (loginSelector, loginBtnSelector, loginBtnCancel) => {
let loginContainer = null;
let timer = setInterval(() => {
loginContainer = document.querySelector(loginSelector);
if (!loginContainer) {
return;
}
if (loginContainer.mark) {
clearInterval(timer);
return;
}
loginContainer.mark = true;
if (loginContainer && !loginContainer.classList.contains("m-display-none")) {
loginContainer.classList.add("m-display-none");
}
}, 100);
let timer1 = setInterval(() => {
const btn = document.querySelector(loginBtnSelector);
if (btn && btn.mark) {
clearInterval(timer1);
return;
}
if (btn && !btn.mark) {
btn.mark = true;
btn.addEventListener("click", () => {
loginContainer = document.querySelector(loginSelector);
if (loginContainer) {
if (loginContainer.classList.contains("m-display-none")) {
loginContainer.classList.remove("m-display-none");
if (!loginContainer.classList.contains("m-display-block")) {
loginContainer.classList.add("m-display-block");
}
addLoginCancel(loginSelector, loginBtnCancel);
} else {
if (loginContainer.classList.contains("m-display-block")) {
loginContainer.classList.remove("m-display-block");
}
if (!loginContainer.classList.contains("m-display-none")) {
loginContainer.classList.add("m-display-none");
}
}
}
console.log("click me login !", loginContainer);
});
}
}, 100);
};
const initbox = () => {
if (huyaLogin()) {
LOGIN_BOX = [...hy];
} else if (douyinLogin()) {
LOGIN_BOX = [...douyin];
} else
;
LOGIN_BOX.forEach((item) => {
handlerLogin(item[login_box], item[login_btn], item[cancel_btn]);
});
};
initbox();
const loginCss = `
.m-display-block {
display:block !important;
}
.m-display-none {
display:none !important;
}
`;
addStyle2(loginCss);
};
const reload = () => {
window.location.reload();
};
const changeRank = () => {
addLocalStore(isShowGiftRankKey, !isShowGiftRank(), Boolean.name);
reload();
};
const changeFansIcon = () => {
addLocalStore(isShowFansIconKey, !isShowFansIcon(), Boolean.name);
reload();
};
const changeSysMsg = () => {
addLocalStore(isShowSysMsgKey, !isShowSysMsg(), Boolean.name);
reload();
};
const changeColorDm = () => {
addLocalStore(isShowColorDmKey, !isShowColorDm(), Boolean.name);
reload();
};
const douyuCommand = () => {
if (!is_douyu) {
return;
}
GM_registerMenuCommand(`${isShowPk() ? "显示" : "关闭"} pk 条📣`, () => {
addLocalStore(isShowPkKey, !isShowPk(), Boolean.name);
}, { title: "关闭或者显示PK条,默认关闭" });
};
const huyaCommand = () => {
if (!is_huya) {
return;
}
GM_registerMenuCommand(`${isShowSysMsg() ? "关闭" : "显示"}系统消息📣`, () => {
changeSysMsg();
}, { title: "关闭或显示房管操作或主播等操作信息,默认关闭" });
GM_registerMenuCommand(`${isShowGiftRank() ? "关闭" : "显示"}礼物排行榜🧧`, () => {
changeRank();
}, { title: "关闭或显示礼物排行，默认关闭" });
GM_registerMenuCommand(`${isShowFansIcon() ? "关闭" : "显示"}粉丝徽章🎫`, () => {
changeFansIcon();
}, { title: "关闭或显示粉丝徽章，默认关闭" });
GM_registerMenuCommand(`${isShowColorDm() ? "关闭" : "显示"}彩色弹幕🎈`, () => {
changeColorDm();
}, { title: "关闭或显示彩色弹幕，默认关闭 仅在黑夜模式下生效" });
};
const bilibiliCommand = () => {
if (!is_bilibili)
return;
GM_registerMenuCommand(`${isShowHotSearch() ? "关闭" : "开启"}热搜🍳`, () => {
addLocalStore(isShowHotSearchKey, !isShowHotSearch(), Boolean.name);
reload();
}, { title: "如果不想看到热搜请点击，默认开启" });
if (local_url.indexOf("https://live.bilibili.com/") != -1)
;
};
const installCommand = () => {
log("install command ...");
GM_registerMenuCommand(`${isAutoPlugin() ? "关闭😵" : "启用🤣"} 插件`, () => {
addLocalStore(isAutoPluginkey, !isAutoPlugin(), Boolean.name);
window.location.reload();
}, { title: "如果不想在该网址使用插件请点击这里😀" });
if (!isAutoPlugin()) {
return;
}
huyaCommand();
bilibiliCommand();
douyuCommand();
};
const isDouyuDetail = () => /.*douyu.*(\/((.*rid=\d+)|(\d+)).*)$/.test(local_url);
const isCreate = () => local_url.indexOf("https://www.douyu.com/creator") !== -1;
const dataLayoutItmeDarkCss = local_url.indexOf("https://www.douyu.com/g_wzry") != -1 ? `` : `.dark .layout-Cover-item{
background-color: var(--w-bg-darker) !important;
border:1px solid var(--w-text) !important;
color: var(--w-text-light) !important;
}
`;
const createDark = isCreate() ? `
.dark * {
background-color: var(--w-bg-darker) !important;
border-color: var(--w-text) !important;
color: var(--w-text-light) !important;
}
` : ``;
const loadingLazy = isDouyuDetail() ? `` : `
.dark .LazyLoad{
background: var(--w-bg-dark) !important;
}
`;
const darkCss$1 = `
${createDark}
${loadingLazy}
${dataLayoutItmeDarkCss}
.dark .DyCover-pic,
.dark .Search-backTop {
background: var(--w-bg-dark) !important;
}
.dark .Horn4Category-popWrap
{
background: var(--w-bg) !important;
background-image:none !important;
border:1px solid var(--w-text-light) !important;
}
.dark .header__PRovh .Header-wrap.is-darkMode,
.dark [class^=header] .Header-wrap.is-darkMode,
.dark .Barrage-FansHome-letter,
.dark .DyLiveCover-wrap,.dark .DyLiveRecord-wrap,
.dark .DyHistoryCover-wrap,
.dark .layout-Module--aside.AnchorRank .layout-Module-container,
.dark .layout-Section.layout-Header,
.dark .layout-Slide-bannerInner,.dark .FKLiWrap,
.dark .layout-Module-head.is-fixed,
.dark .layout-List-item,.dark .layout-List-item .DyCover,
.dark .Header-wrap,.dark .AnchorRank-more,
.dark .Elevator,.dark .Elevator-item,.dark .Elevator-item.is-active>span::before,.dark .public-DropMenu-drop,
.dark .GiftInfoPanel-brief,
.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 .BarrageBuffer,.dark .Title-anchorName-HC,
.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 .Search-recommend:hover,.dark [class^=index-listWrap],
.dark .layout-Card-horizon,.dark .layout-Tab-container .layout-Tab-item.is-active,.dark .layout-Tab-container .layout-Tab-item,
.dark .SearchChannel-item,.dark SearchChannel-item-detail,.dark .layout-Tab-container.is-fixed,
.dark .layout-Player-chat,.dark .AnchorRank-item,
.dark .layout-Player-chat *,.dark .EmotionList.EmotionDiamondsPanel .EmotionList-con,
.dark #js-EmotionDiamondsPanel,
.dark #js-footer
{
background-color: 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 [class^=favoriteTitle],
.dark .DyHistoryCover,
.dark .DyHistoryCover-intro,
.dark .DyHistoryCover-user,
.dark .SearchAnchorVideo-title,
.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 .DropMenuList-name, .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 .layout-Classify-card.secondCateCard,.dark .layout-Classify-card.secondCateCard.secondCateCark-hoverCard,.dark .HoverCark-wrap,
.dark .PlayerToolbar-signCont .RoomText-list .SignBaseComponent-text-link,.dark .customizeModal-title>h3,.dark .Search-label, .dark .Search-historyList>li,
.dark .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 .layout-Result,
.dark .FKNokeywords-title, .dark .Search-recommend-info p,.dark .layout-Module-title,
.dark .Search-keyword, .dark .Search-anchor.is-horizon .Search-anchor-info .Search-anchor-recommendTitle,
.dark .Search-anchor .Search-anchor-info .Search-anchor-recommendTitle,.dark SearchAnchorVideo-title,
.dark .Search-anchor-info h1,.dark .Search-anchor-info h2,.dark .Search-anchor-info h3,.dark .Search-anchor-info h4,.dark .Search-anchor-info h5,.dark .Search-anchor-info h6,
.dark .DropPaneList-live.is-live,.dark .Search-category h3,.dark .Search-category p,.dark .Search-category p span,
.dark .FilterKeywords-allText, .dark .FilterKeywords-intelligentText,
.dark .SearchChannel-item-detail-name,.dark .SearchChannel-item-detail-name span,
.dark .SearchChannel-item-detail-desc.SearchChannel-item-detail-isCate,.dark .SearchChannel-item-detail-desc.SearchChannel-item-detail-isCate span,
.dark .Search-yuba .des .name,.dark .layout-Search-input>input,.dark .FKLiWrap:hover,
.dark .TreasureInfo-desc
{
color: var(--w-text-light) !important;
}
.dark .Search-recommend-info h3,.dark .Search-feedback-section,.dark .Search-feedback-section,
.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 .DropMenuList-name: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-icon,.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 .DropPaneList-name,.dark .DropPaneList-title,
.dark .PopularBarrage .PopularBarragePanel-descLock:hover,.dark .DropPaneList span,
.dark .Search-content-title, .dark .Search-default-title, .dark .Search-history-title, .dark .Search-hot-title,
.dark .FilKeyTab .tab.active,.dark Search-anchor-data,.dark .Search-anchor.is-horizon .Search-anchor-info p,
.dark .Search-anchor .Search-anchor-info,.dark Search-anchor-cate,.dark .Search-anchor-info,
.dark .Search-anchor-info h4.is-official,.dark .Search-anchor-info h3.is-official,.dark .Search-anchor-info h2.is-official,.dark .Search-anchor-info .is-official
{
color: var(--w-text) !important;
}
.dark .Title-followBtnBox,
.dark .dark .CustomGroupManager-saveBtn,.dark .CustomGroupCommon .dy-Modal-header,
.dark .Search-historyList>li,.dark .layout-List-item,.dark .DyListCover-wrap,
.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 .layout-Menu,
.dark .layout-Player-asideMain, .layout-Player-toolbar,
.dark .customizeModal-cancel,.dark .ChatBarrageCollect .ChatBarrageCollect-tip
{
border: 1px solid var(--w-border) !important;
}
.dark .Header-wrap,.dark .layout-Player-title,
.dark .ChatSend-txt,
.dark .public-DropMenu-drop-main:before,.dark .Search-anchor-avatar,
.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 .layout-Module-label--hasList.is-active,
.dark .layout-Module-label,
.dark .ListFooter .ListFooter-btn-wrap,
.dark .cate2TagB-item,
.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,
.dark .MatchSystemChatFansBarragePop-describe
{
border: 1px solid var(--w-text-light) !important;
}
.dark .layout-Module-label--hasList.is-active:hover,
.dark .layout-Module-label:hover,
.dark .categoryTab-item:hover,
.dark .addedCategory-item:hover,
.dark .Barrage-toolbarClear:hover, .dark .Barrage-toolbarLock:hover,
.dark .ChatBarrageCollect .ChatBarrageCollect-tip:hover,
.dark .BarrageWordPanel-btn:hover
{
border: 1px solid var(--w-text) !important;
}
.dark .Barrage-roomVip--super,
.dark .Barrage {
border: none !important;
}
.dark [class^=cardTagContainer],
.dark .Search-direct,.dark .DropMenuList-linkAll,
.dark .DyCover,.dark .Search-yuba,
.dark .layout-Card-history, .dark .layout-Card-rank,
.dark .Search-input-pane,.dark .DyListCover.HeaderCell,
.dark .ListRecommend-refresh,.dark .ListHeader-pop-label,
.dark layout-Module-label,.dark .Search-default-item,
.dark .Search-recommend .Search-direct,.dark Search-category,
.dark .layout-Search-input,.dark .layout-Search-btn,
.dark .Search-feedback-textarea,.dark .VideoCollectionMix .layout-videoCollection-item,
.dark .categoryBoxB-editB .edit,.dark .layout-Nav-backTop,.dark .ChatSend-button,
.dark .MuteStatus.is-noLogin,.dark .FansMedalEnter-enterName,
.dark .FansBarrageSwitcher[class*=color],.dark .BarrageWord-fkbutton .fkbutton-icon,
.dark .PopularBarrage .PopularBarrageBtn,.dark .EnergyBarrageIcon,
.dark .ActiviesExpandPanel,.dark .GiftExpandPanel,.dark .GiftInfoPanel-cont,
.dark .BatchGiveForm-num,.dark .TreasureTips,.dark .FKLiWra,
.dark .MatchSystemChatFansBarragePop,.dark .TagItem,.dark .Category-item,
.dark .Header-search-wrap .Search,
.dark .Search-direct {
background-color: var(--w-bg-darker) !important;
border:1px solid var(--w-text) !important;
color: var(--w-text-light) !important;
}
.dark .Title-anchorName-HC .Title-anchorName-block:hover,
.dark .DyCover:hover,.dark .layout-Search-btn:hover,
.dark .ChatSend-button:hover,.dark .DropMenuList-linkAll:hover,
.dark .dark Search-category:hover,.dark .categoryBoxB-editB .edit:hover,
.dark .Search-default-item:hover,.dark .Search-recommend .Search-direct:hover,
.dark .Category-item:hover,.dark .ListRecommend-refresh:hover,
.dark .Search-direct:hover,.dark .ListHeader-pop-label:hover,
.dark .Search-topicRecommend:hover,.dark layout-Module-label:hover,
.dark .Search-direct:hover,.dark .TagItem:hover,
.dark .Search-recommend:hover {
background-color: var(--w-bg) !important;
border:1px solid var(--w-text-light) !important;
color: var(--w-text) !important;
}
.dark .dy-ModalRadius-footer button,
.dark .layout-Tab-item,.dark .dy-ModalRadius-close,
.dark .DropPaneList>a{
background-color: var(--w-bg-darker) !important;
border: none !important;
color: var(--w-text-light) !important;
}
.dark .dy-ModalRadius-close:hover,.dy-ModalRadius-footer button:hover,
.dark .layout-Tab-item.is-active,.dark .layout-Tab-item:hover,
.dark .Search-rank-wrapper:hover .Search-rank,
.dark .YubaMessage-link:hover,
.dark .layout-Tab-item:hover,
.dark .Search-hotList li:hover,
.dark .DropPaneList>a:hover {
background-color: var(--w-bg) !important;
color: var(--w-text) !important;
}
.dark .HoverCard-wrap,
.dark .DropPaneList .HistoryList,
.dark .Header-history-tab.is-active,
.dark .Header-history-tab,
.dark .Header-follow-tab.is-active,
.dark .Header-follow-tab,
.dark .DropPane-linkAll,
.dark .CustomGroupMenu-wrapper,
.dark .Title-followBtn {
background: var(--w-bg-darker) !important;
border:1px solid var(--w-border) !important;
color: var(--w-text-light) !important;
}
.dark .Header-history-tab.is-active,
.dark .Header-history-tab:hover,
.dark .Header-follow-tab.is-active,
.dark .Header-follow-tab:hover,
.dark .Title-followBtn:hover {
background: var(--w-bg) !important;
}
/* new home */
.dark .header__PRovh .Header-wrap.is-darkMode,
.dark [class^=desc],
.dark [class^=cateHead],
.dark [class^=elevatorItem],
.dark [class^=layoutMain] [class^=block],
.dark [class^=elevatorHolder] {
background: var(--w-bg-darker) !important;
color: var(--w-text) !important;
}
.dark [class^=goTop] {
background-color: var(--w-bg-darker) !important;
background-image: url('https://shark2.douyucdn.cn/front-publish/douyu-web-master/_next/static/media/goTop_hover.1133fe37.png') !important;
}
.dark #header-search-input {
background: transparent !important;
}
`;
const headerDarkCss = `
.layout-Section.layout-Header {
background-color:#000 !important;
}
`;
const pk = !isShowPk() ? `` : `
.MorePk {
display:none !important;
}
`;
const css$4 = 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-Search-btn {
width:55px !important;
}
#js-room-top-banner,
[class^=elevatorHolder] [class^=elevatorItem]:not(:last-child),
[class^=recommendCategoryContainer],
.DiamondsFansLanternBarrage,
.Barrage-newAuth.js-new-auth,
.Title-roomInfo .Title-followIcon,
#js-player-toolbar .RoomText-wrap,
.PkView,.SysSign-Ad,
.layout-Section.layout-Slide,
.Header-broadcast-wrap,
#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,.Search-ad,
.SignBaseComponent-sign-ad,
.SignBaseComponent-sign-ad .LazyLoad,
.list-Banner-adv,
.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;
}
.LiveRoomDianzan,
.SupremeRightIconJSX,.AnchorLevel,
.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;
}
.js-noblefloating-barragecont {
background: none !important;
border: none !important;
}
#js-barrage-container .Barrage-main>div>div {
margin-bottom: -20px !important;
}
.ChatSpeak .ChatBarrageCollect-tip {
width:auto !important;
}
.Title-followBtnBox {
white-space: inherit !important;
}
.Header-follow-tabs,
.Header-history-tabs {
display:flex !important;
justify-content: center !important;
}
.dark #js-player-title {
background-image:none !important;
}
${pk}
${headerDarkCss}
${darkCss$1}
` : "";
const dark_dm_color = () => isShowColorDm() ? "" : `
.dark #danmuwrap span {
color: var(--w-text-light) !important;
}
`;
const darkCss = `
.dark .chat-room__list .msg-bubble .colon,
.dark .chat-room__list .msg-bubble .msg,
.dark .chat-room__list .msg-bubble
{
background:none !important;
}
${dark_dm_color()}
/* 修改背景和字体颜色 */
.dark [class^=chat-popup-layer] [class^=uc-status],
.dark #J_roomWeeklyRankListRoot [class^=UserRankInfo],
.dark #J_roomWeeklyRankListRoot [class^=NobleApp],
.dark #J_roomWeeklyRankListRoot [class^=seat-item],
.dark #J_roomWeeklyRankListRoot [class^=userRank],
.dark .room-weeklyRankList-nav-item,
.dark .room-weeklyRankList-nav-item.room-weeklyRankList-nav-item-active,
.dark #J_roomWeeklyRankListRoot [class^=Item],
.dark #J_roomWeeklyRankListRoot [class^=item],
.dark [class^=room-weeklyRankList-skeleton],
.dark #J_roomWeeklyRankListRoot [class^=rank-item],
.dark #J_roomWeeklyRankListRoot [class^=SlideDownView],
.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 [class^=role],
.dark #J_liveListNav dl dd [class^=role]:hover,
.dark #J_liveListNav dl dd div li,
.dark #J_liveListNav dl dd div li:hover,
.dark [class^=emoticon] [class^=emot],
.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 #J_duyaHeaderRight ul li a,
.dark [class^=Category] [class^=SecTitle],
.dark [class^=listItem],
.dark [class^=listItem] span,
.dark .nav-expand-list,
.dark .nav-expand-list-more ,
.dark #js-game-list li,
.dark .mod-list .box-hd .filter dd .tag-layer,
.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 .chat-room__input,.dark .chat-room__ft,
.dark .room-panel,
.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 [class^=checkbox][class^=checked] i,
.dark .chat-room__bd .chat-room__scroll .clearBtn,
.dark .chat-room__bd .chat-room__scroll .lockBtn,
.dark [class^=panel],
.dark [class^=Panel],
.dark [class^=PanelHd],
.dark [class^=PanelBd],
.dark [class^=PanelFt],
.dark [class^=PopMsg],.dark [class^=PopMsg] [class^=title],.dark [class^=PopMsg] [class^=desc],
.dark [class^=PopMsg] [class^=PopMsgArr],
.dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off,
.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 #J_liveListNav dl dd span,
.dark #player-gift-wrap,.dark .player-all-gift-panel,
.dark #player-box-panel,
.dark .more-attivity-panel,.dark [class^=roomBlockWords],
.dark [class*=msg-of-king],
.dark [class^=ButtonMon],
.dark #player-gift-tip .mic-name-color,
.dark #player-gift-tip .make-friend-people-switch,
.dark [class^=ucard],.dark .msg-bubble,.dark .chat-room__wrap,
.dark .game-live-item .txt .room,
.dark .huya-footer{
background-color: var(--w-bg-darker) !important;
color: var(--w-text-light) !important;
outline: none !important;
}
/* 弹幕白条问题 */
.dark [class^=RoomMessageRichText],
.dark .msg-bubble {
border:none !important;
margin:0 !important;
}
/* 修改字体颜色 */
.dark .hy-nav-item-on .hy-nav-link,
.dark .hy-nav-link:hover {
background-color: none !important;
color: #fff !important;
}
/* 修改border */
.dark .loGrI3HWkrL4-I82d11qx ._5zt-PSmfE5nKpsIw9OQE,
.dark .search-suggest .search-item:hover,
.dark .search-suggest .search-item.current {
background-color:none !important;
border:1px solid var(--w-text-light) !important;
outline: none !important;
}
/* 修改字体颜色 */
.dark .duya-header a, .dark [class^=loginTips],
.dark p,
.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 [class^=Category] [class^=Item] 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 [class^=checkbox] i,
.dark [class^=checkbox] span,
.dark [class^=listItem],.dark [class^=listItem] span,
.dark [class^=barrageBox] [class^=title],
.dark [class^=barrageBox] [class^=panel],
.dark [class^=panel],
.dark .chat-room__ft span,.dark .chat-room__ft p,
.dark .duya-header-right a i,
.dark .duya-header-right a span,
.dark #player-gift-tip .super-fans-gift .super-fans-gift-content i,
.dark #player-gift-tip .motorcade-gather-gift,.dark #player-gift-tip .mic-name,
.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 .live-box .box-hd .more-list li a,
.dark #player-gift-dialog gift-yellow,
.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 dark [class^=FavoritePresenter] [class^=subscribe],
.dark dark [class^=FavoritePresenter] [class^=subscribe] [class^=subscribe],
.dark dark [class^=Category] [class^=Item] 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 [class^=RoomMessageRichText]{
border:1px solid var(--w-border) !important;
outline: none !important;
}
.dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off:hover,
.dark .nav-expand-list.nav-expand-game span:hover {
background-color: var(--w-bg-darker) !important;
color: var(--w-text-light) !important;
outline: none !important;
}
.dark [class^=roomBlockWords] li,
.dark [class^=panel] [class^=panel-hd] [class^=box] [class^=box-hd],
.dark [class^=panel] [class^=panel] [class^=lock] {
background: var(--w-bg-darker) !important;
color: var(--w-text-light) !important;
}
.dark .hy-header-style-normal .duya-header-wrap,.dark #player-gift-wrap,
.dark .duya-header,.dark .player-all-gift-panel,.dark .player-all-gift-panel .arrow,
.dark .chat-room__input,.dark #player-gift-tip,.dark .player-face li .player-superfans-card-count,
.dark .player-face li .player-superfans-card-count,
.dark #player-gift-tip,.dark #player-gift-tip .make-friend-people-switch,
.dark #player-gift-tip .make-friend-unsubscribe,
.dark #player-gift-tip .make-friend-line,
.dark #player-gift-tip .bottom,.dark #player-pc-watch-btn,
.dark .inpage-advice-list li,.dark #play2 .content .content-aside>div .more
{
background-color: var(--w-bg-darker) !important;
border-color:var(--w-border) !important;
outline: none !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;
outline: none !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;
outline: 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 .chat-room__bd .load-more-msg,
.dark .ixyGIy,.dark .room-weeklyRankList-content.room-weeklyRankList-content-loading,
.dark .danmu-add--3lwPBnzV90glJnZ1h6GpeS>div,
.dark [class^=danmu-add],
.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 #pub_msg_input,
.dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off
{
border:1px solid var(--w-text-light) !important;
outline: none !important;
}
.dark [class^=ChatSpeaker] textarea:focus,
.dark [class^=roomBlockWords] li,
.dark .hy-header-style-normal .duya-header-search input:focus {
border:1px solid var(--w-text) !important;
outline: none !important;
}
.dark [class^=MmdPopPanel],
.dark .msg-of-king,.dark [class^=roomBlockWords] [class^=btn],
.dark [class^=SubConfirmPop],
.dark [class^=SubConfirmPop] span,
.dark [class^=SubConfirmPop] [class^=control] span,
.dark [class^=colorNormal],
.dark #player-danmu-report,
.dark #pc-watch-download-tips,.dark #pc-watch-download-tips,
.dark [class^=colorNormal][class^=lock],
.dark [class^=ucard-normal],
.dark .chat-room__list .msg-timed span,
.dark [class^=PanelGuide] [class^=ClubPrivilege] [class^=Privilege] [class^=item],
.dark [class^=panel] [class^=panel] [class^=lock] [class^=btn],
.dark .hy-nav-item-on .hy-nav-link, .dark .hy-nav-link:hover,
.dark #search-bar-input,.dark [class^=barrageBox],
.dark [class^=FanClub] [class^=tips],
.dark #player-gift-tip .list .btn,
.dark #player-gift-dialog .btn,
.dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-on,
.dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off
{
background-color: var(--w-bg-darker) !important;
border:1px solid var(--w-text) !important;
color: var(--w-text-light) !important;
outline: none !important;
}
.dark [class^=panel] [class^=panel-bd] [class^=box-hd],
.dark [class^=colorDefault],
.dark [class^=PanelFt] [class^=btn],
.dark #player-gift-dialog,
.dark [class^=PanelGuide] [class^=btn]
{
background: var(--w-bg-darker) !important;
border:1px solid var(--w-text) !important;
color: var(--w-text-light) !important;
outline: none !important;
}
.dark #player-gift-dialog .btn:hover,
.dark [class^=SubConfirmPop] span:hover,
.dark #player-gift-tip .list .btn:hover,
.dark #player-gift-tip .list .btn.send,
.dark #J_liveListNav dl dd ul li ul li:hover,
.dark [class^=SubConfirmPop] [class^=control] span:hover,
.dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-on:hover,
.dark .room-hd .host-control .subscribe-entrance .subscribe-hd.sub-off:hover{
background: var(--w-bg) !important;
border:1px solid var(--w-text-light) !important;
color: var(--w-text) !important;
outline: none !important;
}
.dark .host-item .avatar .avatar-mask,
.dark .superStar-item .avatar .avatar-mask {
background:none !important;
}
.dark #J_liveListNav dl dd span:hover,
.dark #J_duyaHeaderRight ul li a:hover,
.dark .g-gameCard-link:hover{
background: var(--w-bg) !important;
color: var(--w-text) !important;
outline: none !important;
}
.dark .chat-room__ft .chat-room__ft__pannel .room-chat-tool-color {
width: 20px !important;
height: 20px !important;
background: var(--w-bg-darker) !important;
border:1px solid var(--w-text) !important;
color: var(--w-text-light) !important;
border-radius:50% !important;
position:relative !important;
}
.dark #J-room-chat-color::before {
content: '饰';
left:50% !important;
top:50% !important;
position: absolute !important;
transform: translate(-50%,-50%) !important;
}
.dark .chat-room__input .btn-sendMsg.btn-sendMsg-enable,
.dark #msg_send_bt {
/* border-left : 1px solid var(--w-text) !important; */
background: var(--w-bg-darker) !important;
}
.dark [class^=BrowseHistory] [class^=c-login],
.dark #J_user_viewer_root + div,
.dark .J_RoomFollowRoot + div,
.dark .fansBadgeAnchor-box,
.dark .J_roomWeeklyRankList,
.dark .room-sidebar-hd,
.dark #J_roomHdHostLvInfo,
.dark .room-weeklyRankList-nav,
.dark #J_roomWeeklyRankListRoot [class^=tabPane],
.dark #J_RoomChatSpeaker textarea,
.dark [class^=HonorInfo],
.dark #yyliveRk_game_newsBut,
.dark .player-face .player-face-arrow,
.dark .player-face li .plaer-face-icon-bg,
.dark [class^=ButtonMon] [class^=sub],
.dark [class^=ButtonMon] [class^=btn]
{
background: var(--w-bg-darker) !important;
border:1px solid var(--w-border) !important;
color: var(--w-text) !important;
outline: none !important;
}
.dark #J_roomWeeklyRankListRoot [class^=Item]:hover,
.dark #J_roomWeeklyRankListRoot [class^=item]:hover,
.dark #J_roomWeeklyRankListRoot [class^=seat-item]:hover,
.dark #J_roomWeeklyRankListRoot [class^=rank-item]:hover{
background: var(--w-bg) !important;
}
`;
const sys_msg = isShowSysMsg() ? "" : `
.treasureChest-winningRecord,
.chat-room__list .msg-auditorSys,
.chat-room__list .msg-sys {
display:none !important;
}
`;
const ranking = isShowGiftRank() ? "" : `
.room-weeklyRankList,
#J_roomSideHd{
display: none !important;
}
`;
const fans_img = isShowFansIcon() ? "" : `
.chat-room__list .msg-bubble-decorationPrefix img,
.chat-room__list .msg-normal-decorationPrefix,
.chat-room__list .msg-normal-decorationSuffix,
.chat-room__list .msg-bubble-decorationSuffix,
.chat-room__list .msg-bubble-decorationPrefix
{
display:none !important;
}
.chat-room__list .msg-bubble .colon,
.chat-room__list .msg-bubble .msg,
.chat-room__list .msg-bubble
{
background:none !important;
}
`;
const css$3 = is_huya ? `
.game-live-item i,.host-name {
cursor:pointer;
}
.game-live-item .txt i:hover,.host-name:hover {
color:rgb(255, 135, 0);
}
/* NONE */
.pre-ab-wrap,#pre-ab-wrap,.pre-ab-video,#pre-ab-video,
[class^=GuangG],.J_ad,#public-screen-ab, #ab-banner,.room-hd #ProfileGroup,
#player-ext-wrap,#J_noticeLive,.chat-room__list div[data-cmid="1"],
#public-screen-ab,.superFans-fansDay,
[class^=ChatPanelRoot] [class^=PanelFt] [class^=text],
.helperbar-root--12hgWk_4zOxrdJ73vtf1YI,[class^=helperbar-root],
.mod-index-wrap .mod-index-main .main-bd,
.mod-index-wrap .mod-index-main .main-hd,
.mod-index-wrap #js-main,#J_treasureChestContainer,
.mod-index-wrap #banner,.player-banner-activity,
.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,
#player-marquee-wrap,.small-handle-tip,
#player-marquee-wrap .player-marquee-noble-item,
#player-marquee-wrap .player-banner-enter,
#player-marquee-wrap [id^=player-banner-enter],
#player-marquee-wrap [id^=player-marquee],
.RoomPublicMessage--n3v61Bk0DehYuR0xEQ9S1,[class^=RoomPublicMessage],
#huya-ab-fixed,
#huya-ab,
.liveList-header-r,
.room-footer,
#J_profileNotice,
#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{
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;
}
#main_col,
#J_mainRoom{
background:none !important;
}
#wrap-ext,
.chat-room__list .msg-noble,
.J_box_msgOfKing,
.chat-room__list .msg-onTVLottery{
display: none !important;
}
.chat-room__list .msg-bubble span.msg{
color: #333 !important;
}
.chat-room__list .msg-bubble .colon,
.chat-room__list .msg-bubble .msg,
.chat-room__list .name{
color: #3c9cfe !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;
}
[class^=NavItem] span[class^=NavText] {
color:#555 !important;
}
.duya-header-search input {
background-color: #e5e7eb;
}
[class^=NavItem] [class^=NavItemHd] i[class*=fav] {
background-image:url('https://a.msstatic.com/huya/hd/h5/header/components/HeaderDynamic/NavItem/img/fav-0.15b3e0b4a39185db705b7c523cd3f17c.png') !important;
}
[class^=NavItem] [class^=NavItemHd] i[class*=history] {
background-image:url('https://a.msstatic.com/huya/hd/h5/header/components/HeaderDynamic/NavItem/img/history-0.2b32fba04f79057de5abcb2b35cd8eec.png') !important;
}
/* 评论区图片显示问题 */
.chat-room__list .msg img {
display:inline-block !important;
}
${fans_img}
${sys_msg}
${ranking}
${darkCss}
` : "";
const inputKeywords = () => isShowHotSearchInputKeyword() ? `` : `
#douyin-header>input,
.QSoEc32i>input,
.st2xnJtZ.YIde9aUh {
color: transparent;
opacity:0 !important;
}
`;
const css$2 = is_douyin ? `
#related-video-card-login-guide,
#captcha_container,
.video-info-detail,
.JsAsIOEV,
.wwNZW6za,
#login-full-panel{
display:none !important;
}
.login-mask-enter-done,
.box-align-center, {
display:none ;
}
.m-douyin-login{
display:block !important;
}
::-webkit-scrollbar {
width: 6px !important;
background-color: teal !important;
}
::-webkit-scrollbar-track {
background-color: var(--w-bg) !important;
}
::-webkit-scrollbar-thumb {
background-color: var(--w-bg-light) !important;
border-radius: 6px !important;
}
${inputKeywords()}
` : "";
const anime = /.*:\/\/www\.bilibili\.com\/anime\/.*/.test(local_url) ? `
.dark .home-cell-desc-title[data-v-350d21cc],
.dark [class^=home-cell-desc-title],
.dark .home-cell-desc-subtitle[data-v-350d21cc],
.dark [class^=home-cell-desc-subtitle],
.dark [class^=with-up-space],
.dark .with-up-space[data-v-350d21cc]
{
color:var(--w-text-light) !important;
}
.dark .nav-tool-container [class^=section]{
border: 1px solid var(--w-border) !important;
color:var(--w-text-light) !important;
background:var(--w-bg-darker) !important;
}
.dark .nav-tool-container [class^=section]: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 .player-left-components *,
.dark .bb-comment,
.dark .bb-comment, .dark .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-color: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 .reply-box .box-normal .reply-box-warp[data-v-a6daab22],
.dark .reply-box .box-normal [class^=reply-box-warp],
.dark .user-card,
.dark .user-card .btn-box .message
{
border: 1px solid var(--w-border) !important;
color:var(--w-text-light) !important;
background-color:var(--w-bg-darker) !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-color:var(--w-bg-darker) !important;
border-color: var(--w-border) !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-color:var(--w-bg-darker) !important;
}
.dark .user-card .btn-box .message:hover,
.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-color: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 = `
.dark .bili-header .bili-avatar-icon.bili-avatar-right-icon {
display:none !important;
}
`;
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 videoToolsDarkCss = `
.dark .main-container .tool-bar *,
.dark .main-container .ep-list-wrapper *,
.dark .ep-section-module *,
.dark .nav-tools *,
.dark .toolbar *,
.dark .main-container .review-module .review-list *,
.dark .main-container .tool-bar .mobel-info .mobel-more {
color:var(--w-text-light) !important;
border-color: var(--w-border) !important;
outline-color: var(--w-border) !important;
background-color:var(--w-bg-darker) !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}
${videoToolsDarkCss}
`;
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;
}
.dark .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,.dark .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;
}
.dark .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 body,.dark #header-v3,.dark .app-v1,.dark .app-v2,.dark .app-v3,.dark .app-v4,.dark .app-v5,
.dark #app, .dark .bili-header,
.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-color: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-border) !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-border) !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-header .bili-header__channel .channel-link__right,
.dark .bili-header .bili-header__channel .channel-link__left,
.dark .bili-header .live-left-list-item-text,
.dark .bili-header .game-right-title,
.dark .bili-header .game-left-panel-item-title,
.dark .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 *,
.dark .favorite-panel-popover__nav .tab-item,
.dark .favorite-panel-popover__nav .tab-item__num,
.dark .bili-header .header-fav-card__info--title,
.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,
.dark .header-tabs-panel__content--date,
.dark .bili-video-card .bili-video-card__info--date,
.dark .bili-video-card .bili-video-card__info--author,
.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 .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 .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 .trending-item:hover .trending-text,
.dark .header-history-card:hover .header-history-card__info--title,
.dark .header-history-card .header-history-video:hover,
.dark .bili-header .header-fav-card:hover .header-fav-card__info--title,
.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 [class^=vip-entry-btn],
.dark .feed-roll-btn .primary-btn,
.dark .primary-btn
{
color:var(--w-text-light) !important;
background:var(--w-bg-darker) !important;
border:1px solid var(--w-border) !important;
}
.dark .bili-header .center-search-container .center-search__bar #nav-searchform.is-focus,
.dark .bili-header .center-search-container .center-search__bar #nav-searchform::focus,
.dark .bili-header .center-search-container .center-search__bar #nav-searchform {
border-color: var(--w-text) !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 ,
.dark .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 .header-dynamic-list-item:hover,
.dark .bili-header .avatar-panel-popover .links-item .single-link-item:hover
{
border:1px solid var(--w-border) !important;
background:var(--w-bg-darker) !important;
}
/* 蓝色border */
.dark .suggest-item:hover {
border:1px solid var(--w-border) !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 commonDark = `
.dark * {
color:var(--w-text-light) !important;
border-color: var(--w-border) !important;
background-color:var(--w-bg-darker) !important;
outline-color: var(--w-border) !important;
}
`;
const css$1 = commonDark;
const is_account = local_url.indexOf("https://account.bilibili.com/") !== -1;
const account_css = is_account ? `
${css$1}
` : ``;
const app_bilibili = /https:\/\/app\.bilibili\.com\/.*/.test(local_url) ? `
${css$1}
.dark .head-img,
.dark .header-wrap {
background:var(--w-bg-darker) !important;
}
` : ``;
const game_bilibili = /https:\/\/game\.bilibili\.com\/.*/.test(local_url) ? `
${css$1}
.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,
.dark .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$1 = local_url.indexOf("https://link.bilibili.com/") !== -1;
const link_css$1 = is_link$1 ? `
${css$1}
` : ``;
const is_link = local_url.indexOf("https://message.bilibili.com/") !== -1;
const link_css = is_link ? `
${css$1}
` : ``;
local_url.indexOf("https://live.bilibili.com/") !== -1;
const other = `
${account_css}
${app_bilibili}
${game_bilibili}
${link_css$1}
${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 [class^=article-read-info]>span,
.dark .right-side-bar .to-top [class^=iconfont],
.dark .right-side-bar .side-toolbar [class^=toolbar-item],
.dark .coin-dialog-wrapper .coin-title,.dark .coin-dialog-wrapper .van-icon-guanbi,
.dark .right-side-bar .side-toolbar .toolbar-item [class^=iconfont]
{
color:var(--w-text-light) !important;
}
.dark .ql-container,
.dark .right-side-bar [class^=to-top],
.dark .right-side-bar [class^=side-toolbar],
.dark [class^=follow-btn],
.dark .coin-dialog-wrapper .confirm-btn,
.dark .van-popover.van-followed,
.dark .right-side-bar [class^=catalog],
.dark .coin-dialog-wrapper,
.dark .article-read-info .spoiler[data-v-36aefa22],
.dark .article-read-info .spoiler,
.dark .article-container {
border: 1px solid var(--w-border) !important;
color:var(--w-text-light) !important;
background-color:var(--w-bg-darker) !important;
}
.dark .article-container ,
.dark .comment-wrapper .comment-m,
.dark [class^=followed],
.dark [class^=article-up-info],
.dark .right-side-bar [class^=catalog]::after,
.dark .fixed-top-header {
color:var(--w-text-light) !important;
background-color:var(--w-bg-darker) !important;
}
.dark .nav-tool-container .section:hover,
.dark .right-side-bar .to-top [class^=iconfont]:hover,
.dark .right-side-bar [class^=to-top]:hover,
.dark .coin-dialog-wrapper .confirm-btn:hover,
.dark .nav-tool-container [class^=section]:hover {
color:var(--w-blue-link-hover) !important;
border-color: var(--w-blue-link-hover) !important;
background-color: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-color: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 input#pin-layer-search,
.dark .elec .elec-status-bg-grey,
.dark #pin-wrapper #pin-layer,
.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 .note-editor .rich-text-options,
.dark .note-header,
.dark .bili-header-m .header-search-suggest,
.dark .international-header .header-search-suggest,
.dark #web-toolbar,
.dark .n .n-inner {
background-color: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 [class^=info-title],
.dark .user-info .info-content [class^=info-command],
.dark .user-info .info-content [class^=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 [class^=icon-tag],
.dark .user-info .info-content .info-tags .info-tag [class^=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 [class^=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 [class^=game-card__info-title],
.dark #pin-wrapper .pin-layer-vlist .small-item .title,
.dark #pin-wrapper .pin-layer-vlist .small-item .meta .play,
.dark #pin-wrapper .pin-layer-vlist .small-item .meta .icon,
.dark #pin-wrapper .pin-layer-vlist .small-item .meta .time,
.dark .list-item .desc,
.dark .opus-list [class^=opus-item-title],
.dark .opus-list [class^=opus-item-content],
.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 .col-1, .dark .co1-2,
.dark #page-index,.dark #page-index .col-1,
.dark #page-index .col-2,
.dark #page-dynamic .bili-dyn-item,
.dark .i-m-r2,
.dark .i-m-upload,
.dark .bili-rich-textarea__inner,
.dark .i-pin-v .be-tab,
.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 .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-border) !important;
}
.dark .n .n-inner {
box-shadow:none !important;
}
.dark .col-full,
.dark .btn,
.dark .btn.btn-large,
.dark .btn.btn-large [class^=btn-content],
.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,
.dark .favInfo-box.favEmpty .favInfo-details .fav-options .fav-play,
.dark .favInfo-box.invalid .favInfo-details .fav-options .fav-play,
.dark .reply-box .box-normal [class^=reply-box-send]::after,
.dark .reply-box .box-normal [class^=reply-box-send],
.dark .be-dropdown-item:hover,
.dark .resizable-component .editor-innter,
.dark .btn.idc-btn.primary {
color:var(--w-text-light) !important;
background-color:var(--w-bg-darker) !important;
border-color: var(--w-text) !important;
}
.dark #pin-wrapper .pin-layer-vlist .small-item .title:hover,
.dark #pin-wrapper .pin-layer-vlist .small-item .meta .play:hover,
.dark #pin-wrapper .pin-layer-vlist .small-item .meta .icon:hover,
.dark #pin-wrapper .pin-layer-vlist .small-item .meta .time:hover,
.dark #pin-wrapper .pin-layer-vlist .small-item:hover,
.dark #page-series-index .channel-option.no-channel [class^=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 [class^=btn-content]:hover,
.dark .btn.btn-large:hover,
.dark .bili-dyn-more__menu:hover,
.dark .contribution-sidenav .contribution-item:hover,
.dark .btn:hover,
.dark .reply-box .box-normal [class^=reply-box-send]:hover::after,
.dark .reply-box .box-normal .reply-box-send,
.dark .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;
}
.dark .elec .elec-status {
background-image: none !important;
}
` : ``;
const t = `
.dark .bili-dyn-card-video__body,
.dark .bili-dyn-card-ugc__wrap,
.dark .bili-dyn-card-goods .bili-dyn-card-goods__wrap,
.dark .reference .bili-dyn-card-goods__wrap,
.dark .bili-dyn-card-reserve .bili-dyn-card-reserve__card,
.dark .reference .bili-dyn-card-reserve__card
{
background-color:var(--w-bg-darker) !important;
color:var(--w-text) !important;
border: 1px solid var(--w-border-dark) !important;
}
.dark .bili-dyn-up-list__item__name {
color:var(--w-text) !important;
}
.dark .bili-dyn-up-list__item__name:hover {
color:var(--w-blue-link-hover) !important;
}
`;
const video = `
html {
--graph_bg_thick:var(--w-border-dark);
}
.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 .members-info-container .container,
.dark .bpx-player-contextmenu>li,
.dark .reply-item .root-reply-container .content-warp .user-info .user-name[data-v-eb69efad],
.dark .sub-reply-item .sub-user-info .sub-user-name[data-v-26797283],
.dark #reco_list,
.dark [class^=up-info-container],
.dark .left-container,
.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 [class^=video-sections-v1],
.dark .video-sections-head_second-line,
.dark .bili-header [class^=header-login-entry],
.dark [class^=vip-login-tip],
.dark .reply-box[class^=fixed-box],
.dark .at-panel .at-list-container .at-list-ground .at-user-list [class^=at-user-item],
.dark .emoji-panel, .dark .emoji-panel [class^=emoji-content],
.dark .emoji-panel [class^=emoji-tab],
.dark .emoji-panel [class^=emoji-title],
.dark .note-list,
.dark .note-list [class^=list-note-operation],
.dark .note-list .note-card-container [class^=note-card],
.dark .user-card-m-exp .user-info-wrapper .face,
.dark #app [class^=header],
.dark #app .container .textarea .textarea-warp textarea[data-v-67c4001b],
.dark #app .container .textarea .textarea-warp textarea,
.dark #app [class^=submit],
.dark .coin-operated-m-exp,
.dark .video-ai-assistant.video-toolbar-right-item.toolbar-right-ai,
.dark .ai-summary-popup,
.dark .bpx-player-auxiliary .bpx-player-dm-management,
.dark .ai-summary-popup *,
.dark .mini-header {
background-color:var(--w-bg-darker) !important;
color:var(--w-text) !important;
}
.dark .reply-box[class^=fixed-box],
.dark .reply-box .box-expand .reply-box-emoji [class^=emoji-btn],
.dark [class^=emoji-panel], .dark .reply-box [class^=box-expand] [class^=at-btn],
.dark .arc_toolbar_report,
.dark .video-toolbar-container,
.dark #v_tag {
border-color:var(--w-border) !important;
}
.dark .collection-m-exp .title,
.dark .reply-item [class^=bottom-line]{
border-color:var(--w-border) !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 [class^=user-fan],
.dark .at-panel .at-list-container .at-list-ground [class^=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 [class^=question],
.dark #app .container .textarea .textarea-warp [class^=limit],
.dark .collection-m-exp .content .group-list li,
.dark .note-list .note-card-container .note-card [class^=note-info]
{
color:var(--w-text) !important;
}
.dark .bpx-player-contextmenu>li,
.dark .bpx-player-sending-bar .bpx-player-video-info,
.dark .bpx-player-video-info-dm,
.dark .bpx-player-video-info-online,
.dark .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info [class^=user-name],
.dark .at-panel [class^=panel-title],
.dark .reply-box .box-expand .reply-box-emoji [class^=emoji-btn],
.dark .reply-box .box-expand [class^=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 [class^=user-name],
.dark .mini-header__title,
.dark .toggle-btn-text,
.dark .video-toolbar-left-item,
.dark .video-complaint-info [class^=video-toolbar-item-text],
.dark .video-note .video-toolbar-right-item [class^=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 [class^=register-tip],
.dark .bili-header .login-panel-popover [class^=login-btn],
.dark .bili-header .login-panel-popover [class^=register-tip]>a,
.dark .vip-login-countdown-row [class^=countdown-lable],
.dark .vip-login-countdown-row [class^=counddown-wrap],
.dark .vip-login-countdown-row [class^=counddown-wrap] span,
.dark [class^=vip-login-title],
.dark [class^=vip-login-subtitle],
.dark .video-page-card-small .card-box .info .title,
.dark .bili-header .upload-panel-popover .upload-item [class^=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 [class^=staff-amt],
.dark .reply-header .reply-navigation .nav-bar .nav-title [class^=nav-title-text],
.dark .bili-header .login-panel-popover [class^=register-exper],
.dark .reply-header .reply-navigation .nav-bar .nav-sort.hot [class^=hot-sort],
.dark .reply-header .reply-navigation .nav-bar .nav-sort.time [class^=time-sort],
.dark .sub-reply-item .sub-user-info [class^=sub-user-name],
.dark .video-info-container [class^=video-title],
.dark [class^=video-info-detail],
.dark .reply-box.disabled .box-normal .reply-box-send [class^=send-text],
.dark .sub-reply-list .view-more [class^=view-more-paginatio],
.dark .note-list .note-card-container .note-card [class^=note-content],
.dark .note-list .note-card-container .note-card .user-info [class^=user-name],
.dark .recommend-list-v1 .rec-title,.dark .recommend-list-v1 [class^=rec-title],
.dark .video-toolbar-right-item,
.dark .video-note[class^=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 .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 [class^=item-title]:hover,
.dark .video-page-card-small .card-box .info .upname:hover,
.dark .video-episode-card:hover .video-episode-card__info-title,
.dark .video-episode-card:hover .video-episode-card__info-duration,
.dark .base-video-sections-v1 .video-section-list .video-episode-card__info-playing .video-episode-card__info-title,
.dark .base-video-sections-v1 .video-section-list .video-episode-card__info-playing .video-episode-card__info-duration,
.dark .first-line-title:hover,
.dark .video-complaint-info [class^=video-toolbar-item-text]:hover,
.dark .video-note [class^=video-toolbar-right-item] [class^=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 [class^=login-btn]:before,
.dark .bili-header .login-panel-popover [class^=login-btn]:hover:before,
.dark .bili-header .login-panel-popover [class^=login-btn]:hover:before,
.dark .bili-header .login-panel-popover [class^=register-tip]>a:hover,
.dark .reply-header .reply-navigation .nav-bar .nav-title [class^=nav-title-text]:hover,
.dark .user-card-m-exp .user-info-wrapper .info .social a:hover
{
color:var(--w-blue-link-hover) !important;
}
.dark .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn,
.dark .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn,
.dark .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn,
.dark .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn ,
.dark [class^=at-panel],
.dark .at-panel .at-list-container .at-list-ground .at-user-list [class^=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 [class^=header],
.dark .reply-box .box-normal .reply-box-warp [class^=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 [class^=vip-login-btn],
.dark .bili-header .header-upload-entry,
.dark .second-line_right,
.dark .reply-box.disabled .box-normal .reply-box-warp [class^=disable-mask],
.dark .reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask [class^=login-btn],
.dark .recommend-list-v1 [class^=rec-footer],
.dark .reply-box .box-normal [class^=reply-box-send],
.dark .reply-box [class^=reply-box-send],
.dark .video-tool-more-popover .video-tool-more-dropdown .dropdown-item,
.dark .video-tool-more-popover,
.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 [class^=cancel],
.dark #app .submit [class^=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 [class^=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 .video-ai-assistant-badge,
.dark .fixed-sidenav-storage [class^=fixed-sidenav-storage-item],
.dark .video-tag-container .tag-panel .tag [class^=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-border) !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 [class^=cancel]:hover,
.dark #app .submit [class^=confirm]:hover,
.dark .fixed-sidenav-storage [class^=fixed-sidenav-storage-item]:hover,
.dark .primary-btn:hover,
.dark .palette-button-wrap [class^=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 [class^=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 [class^=vip-login-btn]:hover,
.dark .bili-header .header-upload-entry:hover,
.dark .recommend-list-v1 [class^=rec-footer]:hover,
.dark .reply-box .box-normal [class^=reply-box-send]:hover,
.dark .reply-box [class^=reply-box-send]:hover,
.dark .video-tag-container .tag-panel .tag [class^=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;
}
.dark .header-upload-entry__text,
.dark .header-upload-entry__icon,
.dark .reply-box .box-normal .reply-box-warp .reply-box-textarea {
border: none !important;
}
/* 视频三连 */
.dark .video-fav.video-toolbar-left-item.on,
.dark .video-coin.video-toolbar-left-item.on,
.dark .video-like.video-toolbar-left-item.on {
color:var(--w-blue-link-hover) !important;
}
`;
const isUrl = window.location.href.indexOf("https://www.bilibili.com/bangumi/play") !== -1;
const bangumiCss = isUrl ? `
.dark * {
color:var(--w-text-light) !important;
border-color: var(--w-border) !important;
outline-color: var(--w-border) !important;
}
.dark .SectionSelector_SectionSelector__TZ_QZ .SectionSelector_expand__VjjPD,
.dark .home-container,.dark #__next,.dark .main-container,
.dark .plp-r *,
.dark .mediainfo_mediaInfo__Cpow4 *{
color:var(--w-text-light) !important;
border-color: var(--w-border) !important;
outline-color: var(--w-border) !important;
background-color:var(--w-bg-darker) !important;
}
.dark .SectionSelector_expand__VjjPD {
background:var(--w-bg-darker) !important;
}
.dark .bili-avatar-icon.bili-avatar-right-icon{
display:none !important;
}
.dark .reply-box .box-normal .reply-box-send .send-text[data-v-757acbb5],
.dark .reply-box .box-normal .reply-box-send [class^=send-text] {
background:none !important;
}
.dark * [class^=imageListItem_title][class^=imageListItem_active]:hover,
.dark * [class^=imageListItem_title]:hover,
.dark * .ep-title:hover {
color:var(--w-blue-link-hover) !important;
}
` : ``;
const isAccaout = window.location.href.indexOf("https://www.bilibili.com/account") !== -1 || window.location.href.indexOf("https://www.bilibili.com/v/customer-service") !== -1;
const dark$1 = isAccaout ? `
${commonDark}
` : ``;
const router = `
${home}
${video}
${space}
${blackboard}
${t}
${anime}
${guochuang}
${douga}
${read}
${bangumiCss}
${dark$1}
`;
const dark = `
${common}
${router}
${other}
`;
const is_hot = () => isShowHotSearch() ? `` : `
.search-panel .trending {
display:none !important;
}
`;
const css = is_bilibili ? `
.pop-live-small-mode,.vip-login-tip,
#slide_ad,
.ad-report,
div#i_cecream .floor-single-card,
div#i_cecream .bili-live-card.is-rcmd,
div#i_cecream .adblock-tips,
.activity-m-v1,#right-bottom-banner,
div.video-container-v1 div.pop-live-small-mode.part-undefined,
.recommended-swipe.grid-anchor,
.desktop-download-tip,
.video-page-special-card-small
{
display:none !important;
}
/* 输入框*/
.nav-search-content .nav-search-input::placeholder,
#nav_searchform>input::placeholder,
.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;
}
.m-span-text {
transition: all 0.3s ease ;
cursor: pointer ;
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 ;
}
.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;
}
#reco_list,
[class^=up-info-container],
.members-info-container .container,
.left-container{
background: #fff !important;
padding:0 20px;
}
#reco_list {
padding:6px;
}
${is_hot()}
${dark}
` : "";
addStyle(
`
${root$1}
${css$4}
${css$3}
${css}
${css$2}
`
);
(function() {
if (typeof window == "undefined") {
return;
}
if (window == null ? void 0 : window.LivePluginLoadingComplate) {
return;
}
if (is_exculues) {
return;
}
if (!is_localhost) {
console.clear();
}
customElements.define("live-plugin-element", LivePluginElement);
try {
installCommand();
} catch (error2) {
console.error("live-plugin:", error2);
}
if (!isAutoPlugin()) {
log("插件已关闭!");
return;
}
let pluginSupport = true;
try {
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 {
pluginSupport = false;
error("插件地址不适配，请检查匹配地址！！！");
}
} catch (e) {
pluginSupport = false;
console.error(e);
}
try {
if (pluginSupport) {
login$1();
updateDarkClass();
}
} catch (e) {
error("other pluing error info live-plugin:", e);
}
window.LivePluginLoadingComplate = true;
if (pluginSupport) {
console.log(
"%c%s%c%s",
"background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); padding: 2px; border-radius: 20px 0 0 20px; color: #fff;font-size:12px;",
`欢迎使用live-plugin 下载地址:`,
"background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); padding: 2px; border-radius: 0 20px 20px 0; color: #fff;font-size:12px;",
download_plugin_url
);
console.log(
"%c%s%c%s",
" background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);padding: 2px; border-radius: 20px 0 0 20px; color: #fff;font-size:16px;",
`源码地址:`,
"background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%); padding: 2px; border-radius: 0 20px 20px 0; color: #fff;font-size:16px;",
source_code_url
);
}
})();
})();