Greasy Fork is available in English.
将银河奶牛改成VSCode深色配色,方便摸鱼
目前为
// ==UserScript==
// @name MWI VSCode dark color
// @namespace http://tampermonkey.net/
// @version 0.0.1
// @description 将银河奶牛改成VSCode深色配色,方便摸鱼
// @author Greenwaln
// @match https://www.milkywayidle.com/*
// @match https://test.milkywayidle.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=milkywayidle.com
// @grant none
// @license GPL-3.0
// ==/UserScript==
(function() {
'use strict';
// 定义要注入的 CSS 规则
// 使用 !important 强制覆盖现有样式
const css = `
/* 选取所有元素及它们的伪元素 */
* , *::before, *::after {
/* 将常用的颜色属性重置为默认值（initial）或透明 */
/* initial 会尝试使用该属性的初始值（通常是黑色文本、透明背景等） */
color: #d4d4d4 !important; /* 文本颜色 */
background-color: rgba(30,30,30,0.6) !important; /* 背景颜色设为透明 */
border-color: #d4d4d4 !important; /* 边框颜色 */
outline-color: #d4d4d4 !important; /* 轮廓颜色 */
caret-color: #d4d4d4 !important; /* 光标颜色 */
/* 移除可能包含颜色的阴影 */
text-shadow: none !important;
box-shadow: none !important;
/* 注意：background-image 没有设为 none，这会移除所有背景图片，包括非颜色相关的。
如果主要是想移除渐变背景图，可以取消注释下面的行：
*/
background-image: none !important;
}
/* 特别针对 SVG 元素的颜色属性 */
/* SVG 使用 fill 和 stroke 定义填充色和描边色 */
svg, svg *, path, circle, rect, polygon, line, polyline, ellipse, g {
fill: #1e1e1e !important; /* SVG 填充色 */
stroke: #d4d4d4 !important; /* SVG 描边色 */
/* 有时 SVG 或其子元素可能继承 color/background-color */
color: #d4d4d4 !important;
background-color: transparent !important;
}
/*
这个脚本是一个广泛的尝试，可能无法捕获所有边缘情况下的颜色设置，
也可能会影响网站的布局或某些元素的显示效果。
如果有特定的颜色未被移除，可能需要针对性地添加更具体的 CSS 规则。
*/
`;
// 创建一个新的 <style> 元素
const styleElement = document.createElement('style');
styleElement.type = 'text/css';
// 将 CSS 规则添加到 style 元素中
// textContent 通常比 innerHTML 更安全
styleElement.textContent = css;
// 将 style 元素添加到页面的 <head> 中
// 确保 head 元素可用，通常在 document_idle 时运行脚本 head 已存在
// 如果head不存在，可以备选添加到 documentElement
const head = document.head || document.documentElement;
if (head) {
head.appendChild(styleElement);
} else {
// 回退方案，虽然这种情况很少见
document.documentElement.appendChild(styleElement);
}
})();