// ==UserScript== // @name 萌娘百科增强 // @namespace github.com/hmjz100 // @author hmjz100 // @version 0.6 // @description 自用脚本，萌娘百科更换主题为紫色，黑幕转淡紫幕，链接与选中文本变紫色 // @license MIT // @match http*://*.moegirl.org/* // @match http*://*.moegirl.org/* // @match http*://*.moegirl.org.cn/* // @match http*://*.moegirl.org.cn/* // @grant GM_addStyle // @icon data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFaIVgxWhFdgAAAAAAAAAAAAAAAAAgAACFKEU4BWhFXcAAAAAAAAAAAAAAAAAAAAAFKMUMheiFzcAmQAFAAAAABWhFbUVoRXuAAAAAAAAAAAAAAAAAAAAABWhFd4VoRXLAAAAAAAAAAAUoRQmFaEV8Bi5GP8YuBj/FaIV/xSgFDMVoRWdFaEV7AAAAAAAAAAAAAAAAAAAAAAWoRaYFqEW+QCqAAMA/wABFaIV3RalFv8UnxRaFqAWUxWhFekVoRXvFaEVnhWhFf4VoBWEFqEWghWhFYcWoRZ1FKIUiRWiFf8UpxQaFKAUMxezF/8WoBZTAAAAAAAAAAAUoxQyF60X/xWhFdcVoxX/F64X/xeuF/8Xshf/FaUV/xWhFZIVoxX/FKIUNBWgFWEWqxb/EqASKyCfIAgAAAAAIJ8gCBWhFfgVoRX+FaEV+g+lDxEAAAAAAAAAAAAAAAATnxM1F60X/xSiFE0UoRRkFqYW/xWhFf8WqBb/FaEV6RWfFRgVoRXcFaEV/hWhFf0VoRViFKMUThWhFVcToRM2GZwZHxanFv8UoxRkFaEVYhaoFv8VoBWcFaAVkxShFH8QnxAQFaAV6BWhFdsVoRX7FqsW/xarFv8XtRf/FaEV3xWfFRgVoRX9FaEVbRajFkUXshf/EpoSKwAAAAAAAAAAGpkaChWlFf8VoBWyFqcW/xagFlMNoQ0TF6IXFgCqAAMUoxQZF60X/xWgFWEasxoKFqoW/hanFtAXlxcWEI8QEBWgFYMXsRf/FqIWXRarFv8UohRYAAAAAAAAAAAPpQ8RFaEVtRevF/8WoBYjAAAAABe5F1cazBr/GcAZ/xeyF/8Xsxf/FaEVkACqAAMWpxb/F7AX/xWhFeYVoRXrF7AX/xi8GP8UoRR/AAAAAAAAAAAAAAAAF8EXIRm5GXEXsxeDF7MX8ROzExsAAAAAFaAVVhWgFZMVoRX/FaAV5RagFnYTnxMoAAAAAAAAAAAAAAAAAKoAAwAAAAAAAAAAG9IbOR3hHf8XvBdMAEAABAAAAAAAAAAAFqkWxxanFtoAAAAAAAAAAACAAAIAAAABH/gfsyD7IP8f7h//Huke+x3hHfYe5h7/HNgc/hvQG/0ayxr9GsUa+hnEGf8Ytxj/F7IX9BeuF/0WqRb/FqUW+SD/IGcg/CCmIPkgoSD1IKEh/CH/H/Af5B/lH54d3h2hHdkdoBvRG6EbzhuoHNoc/xnDGdAYuhigGLMYoRauFpoAAAAAAAAAAAAAAAAAAAAAIf4hyyD/IG4AAAAAAAAAAAAAAAAAAAAAAAAAABzcHOAd3x1HAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA== // @require https://unpkg.com/jquery@3.6.3/dist/jquery.min.js // ==/UserScript== (function moegirl() { let colored = false var base = { // 动态添加样式 addStyle(id, tag, css, element, position) { tag = tag || 'style'; element = element || 'body'; let styleDom = document.getElementById(id); if (styleDom) styleDom.remove(); let style = document.createElement(tag); style.rel = 'stylesheet'; style.id = id; tag === 'style' ? style.innerHTML = css : style.href = css; if (position === "before") { $(element).prepend($(style)); } else { $(element).append($(style)); } }, hexToRgba(hex) { // 去掉 # 号 hex = hex.replace(/^#/, ''); // 如果是四位十六进制颜色值，转换为八位 if (hex.length === 4) { hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3]; } // 解析 RGB 分量 var r = parseInt(hex.substring(0, 2), 16); var g = parseInt(hex.substring(2, 4), 16); var b = parseInt(hex.substring(4, 6), 16); var a = ''; // 如果是八位十六进制颜色值，解析 alpha 通道 if (hex.length === 8) { var a = 1; a = parseInt(hex.substring(6, 8), 16) / 255; // 将 alpha 值转换为 0 到 1 之间的小数 a = ',' + a } // 返回 rgba 格式字符串 return r + ', ' + g + ', ' + b + a; }, replaceColors(cssText, baseURI, type, colorMap) { if (!cssText) return ''; if (type === 'other') { // 遍历颜色映射数组，将旧颜色替换为新颜色，并添加过渡效果 colorMap.forEach(function (colorPair) { var oldColor = colorPair[0]; var newColor = colorPair[1]; // 判断新颜色是否为 color cssText = cssText.replace(new RegExp(oldColor, 'ig'), newColor); }); return cssText; } if (colorMap) { // 遍历颜色映射数组，将旧颜色替换为新颜色，并添加过渡效果 colorMap.forEach(function (colorPair) { var oldColor = colorPair[0]; var newColor = colorPair[1]; // 判断新颜色是否为 color if (oldColor.includes("#")) { cssText = cssText.replace(new RegExp(oldColor + '(.*?)}', 'ig'), newColor + '$1; ' + 'transition: all 0.1s ease;}'); } else { cssText = cssText.replace(new RegExp(oldColor, 'ig'), newColor); } }); }; if (baseURI) { // 替换相对路径资源为绝对路径 cssText = cssText.replace(/url\((?!['"]?(?:data|https?):)['"]?([^'"\)]*)['"]?\)/ig, function (match, p1) { // 如果URL是相对路径，则将其转换为绝对路径 var absoluteURL = new URL(p1, baseURI).href; return 'url(' + absoluteURL + ')'; }); }; return cssText; }, setColors(colorMap, type) { let cssText document.querySelectorAll('link[rel="stylesheet"]').forEach(function (tag) { if (!tag.parentElement) return; // 对于link标签，异步获取其CSS内容 fetch(tag.href) .then(response => response.text()) .then(responseText => { let id = 'Moegirl-Replace-Color-' + tag.href // 替换颜色并添加样式 cssText = base.replaceColors(responseText, tag.href, type, colorMap); if (responseText === base.replaceColors(responseText, '', type, colorMap)) return; let newStyle = document.createElement('style'); newStyle.id = id; newStyle.textContent = responseText; if (location.pathname.includes("youth/pan")) { base.addStyle(id, 'style', cssText, 'body', "before"); tag.remove() } else { base.addStyle(id, 'style', cssText, tag.parentElement.tagName || 'body'); } console.log(`【（改）网盘直链下载助手】UI\n修改 <link> 元素 转 <style> 元素 样式\n元素：`, tag, `\n样式：`, newStyle); }); }) document.querySelectorAll('[id^="Moegirl-Replace-Color-"]').forEach(function (tag) { if (!tag.parentElement) return; let id = tag.id; let parent = tag.parentElement; let element = parent.tagName || 'head'; // 替换颜色并添加样式 if ( tag.innerText === base.replaceColors(tag.innerText, '', type, colorMap) ) return; cssText = base.replaceColors(tag.innerText, '', type, colorMap); let newStyle = document.createElement('style'); newStyle.id = id; newStyle.textContent = cssText; base.addStyle(id, 'style', cssText, element); console.log(`【（改）网盘直链下载助手】UI\n修改 Moegirl-Replace-Color <style> 元素 样式\n元素：`, tag, `\n样式：`, newStyle); }); let count = 0; if (!colored) { base.waitForKeyElements('style', function (tag) { tag = tag[0] if (!tag.parentElement) return; let id = tag.id; let parent = tag.parentElement; let element = parent.tagName || 'head'; // 替换颜色并添加样式 if ( id.includes('Moegirl-Replace-Color') || id.includes('swal-pub') || tag.innerText === base.replaceColors(tag.innerText, '', type, colorMap) ) return; id = id ? id : `Moegirl-Replace-Color-${count++}` cssText = base.replaceColors(tag.innerText, '', type, colorMap); tag.id = id; tag.textContent = cssText; console.log(`【（改）网盘直链下载助手】UI\n修改 <style> 元素 样式\n元素：`, tag/*, `\n样式：`, newStyle*/); }) colored = true; } }, waitForKeyElements(selectorTxt, actionFunction, bWaitOnce, iframeSelector) { var targetbadges, btargetsFound; if (typeof iframeSelector == "undefined") targetbadges = $(selectorTxt); else targetbadges = $(iframeSelector).contents().find(selectorTxt); if (targetbadges && targetbadges.length > 0) { btargetsFound = true; targetbadges.each(function () { var jThis = $(this); var alreadyFound = jThis.data('alreadyFound') || false; if (!alreadyFound) { var cancelFound = actionFunction(jThis); if (cancelFound) { btargetsFound = false; } else { jThis.data('alreadyFound', true); } } }); } else { btargetsFound = false; } var controlObj = base.waitForKeyElements.controlObj || {}; var controlKey = selectorTxt.replace(/[^\w]/g, "_"); var timeControl = controlObj[controlKey]; if (btargetsFound && bWaitOnce && timeControl) { clearInterval(timeControl); delete controlObj[controlKey]; } else { if (!timeControl) { timeControl = setInterval(function () { base.waitForKeyElements(selectorTxt, actionFunction, bWaitOnce, iframeSelector); }, 1); controlObj[controlKey] = timeControl; } } base.waitForKeyElements.controlObj = controlObj; } } base.setColors([ ['#0645ad', `#574AB8`], ['#228B22', `#574AB8`], ['#23a55e', `#574AB8`], ['#0c0', `#574AB8`], ['#DEEDE0', `#DDDCEF`], ['#73B839', `#574AB8D0`], ['#0b0080', `#7367F0`], ['#252525', `#ffffff`], ['#0074F9', `#574AB8`], ['#2bd155', `#7367F0`], ['#18a058', `#574AB8`], ['#36ad6a', `#574AB8`], ['#a7d7f9', `#574AB8D0`], ['#219e40', `#574AB8D0`], ['lightblue', `#ffffffD0`], ['MediumSeaGreen', `#574AB8D0`], ['green', `#574AB8`], ['#36c', `#574AB8`], ['#447ff5', `#7367F0`], ['#2a4b8d', `#574AB8D0`], ['#eaf3ff', `#DDDCEF`], ['37, 180, 73', base.hexToRgba(`#574AB8`)], ['62, 201, 97', base.hexToRgba(`#7367F0`)], ['70, 179, 84', base.hexToRgba(`#574AB8D0`)], ['35, 165, 94', base.hexToRgba(`#574AB8`)], ['167 215 249', base.hexToRgba(`#574AB8D0`)], ['235,249,234', base.hexToRgba(`#DDDCEF`)], ['225, 240, 230', base.hexToRgba(`#DDDCEF`)], ['0,200,0,0.1', base.hexToRgba(`#DDDCEF`)], ['163,270,71,0.1', base.hexToRgba(`#574AB81A`)], ['24, 160, 88, .16', base.hexToRgba(`#574AB830`)], ], 'other') base.waitForKeyElements('a[href]', function (element) { element.off('mousemove'); element.off('mouseover'); element[0].removeEventListener('mousemove'); element[0].removeEventListener('mouseover'); }) base.waitForKeyElements('[data-name="legacy"]', function (element) { element.click() }) base.waitForKeyElements('body.sideBarPic-executed.show-logo:not(.DeceasedPerson) #mw-panel #p-logo .mw-wiki-logo', function (element) { element.removeAttr("style") }) base.waitForKeyElements('[title*="你知道的太多了"][class]', function (element) { element.removeAttr("title") }) base.waitForKeyElements('del, [style="text-decoration: line-through;"], .just-kidding-text', function (element) { element.css({ "text-decoration-thickness": "0.1px" }) }) base.waitForKeyElements('span[style*="background:"][style*="color:"]', function (element) { element.addClass("heibox") }) base.waitForKeyElements('.hover-change', function (element) { element.attr("style", "padding-bottom:10px") element.children().attr("class", "") element.children().attr("style", "") }) base.waitForKeyElements('.n-message-container.n-message-container--top .n-message-wrapper .n-message', function (element) { if (element.find('.n-message__content .items-center').text().includes("订阅萌娘百科推送服务")) { element.parent().toggle() element.find('button.n-base-close[aria-label="close"]').click() } }) base.waitForKeyElements('aside#moe-global-siderail div.inner-wrapper div.moe-siderail-sticky', function (element) { var timebar = $(` <div class="moe-card" id="moe-siderail-sitenotice"> <div class="moe-wikitext-output"><h3 id="moegirlGreeting" style="margin-top: 0px;">你好呀</h3></div> <ul style="text-align:center"> <li>感谢您使用本脚本，现在是</li> <li><a id="moegirlTime"></a></li> </ul> </div>`); element.prepend(timebar) window.setInterval(function () { timebar.find("#moegirlTime").text(Time()); timebar.find("#moegirlGreeting").text(Greeting()); }, 500); }) base.waitForKeyElements('#localNotice[lang="zh"] .mw-parser-output', function (element) { var timebar = $(`<div><a id="moegirlGreeting"></a> ，现在是 <a id="moegirlTime"></a> 感谢您使用本脚本~</div>`); element.prepend(timebar) window.setInterval(function () { timebar.find("#moegirlTime").text(Time()); timebar.find("#moegirlGreeting").text(Greeting()); }, 500); }) let heimu = ` .heibox { background-color: #574AB8D0; color: #fffffff0; padding: 0 5px; margin: 0 5px; cursor: default; border-radius: 5px; transition: all 0.13s linear; } .heimu, .heimu rt { background-color: #574AB8D0; color: #fffffff0; padding: 0 5px; margin: 0 5px; cursor: default; border-radius: 5px; transition: all 0.13s linear; } span.heimu:hover, span.heimu:active { background-color: #7367F0; color: #ffffff; } .mw-parser-output .hovers-blur { filter: blur(0.5px); } `; base.addStyle("Moegirl-Replace-Color", "style", heimu) function Time() { function repair(i) { if (i >= 0 && i <= 9) { return "0" + i; } else { return i; } } var date = new Date(); var year = date.getFullYear(); var month = repair(date.getMonth() + 1); var day = repair(date.getDate()); var hours = repair(date.getHours() >= 12 ? date.getHours() - 12 : date.getHours()); var apm = date.getHours() >= 12 ? "下午 " : "上午 "; var minute = repair(date.getMinutes()); var second = repair(date.getSeconds()); var curTime = year + "年 " + month + "月 " + day + "日 " + apm + hours + "时 : " + minute + "分 : " + second + "秒"; return curTime; } function Greeting() { var date = new Date(); var hour = date.getHours(); var greeting = ''; if (hour >= 0 && hour <= 10) { greeting = '早上好'; } else if (hour > 10 && hour <= 14) { greeting = '中午好'; } else if (hour > 14 && hour <= 18) { greeting = '下午好'; } else if (hour > 18 && hour <= 24) { greeting = '晚上好'; } return greeting; } })();