Greasy Fork is available in English.
自定义网页文本选中颜色，支持透明度/智能文字色
// ==UserScript==
// @name 文字选中颜色修改器-菜单版
// @namespace https://viayoo.com/
// @version 1.0
// @description 自定义网页文本选中颜色，支持透明度/智能文字色
// @author 是小白呀 & DeepSeek & Grok
// @match *://*/*
// @license MIT
// @grant GM_registerMenuCommand
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==
(function() {
'use strict';
// 配置初始化
const defaultConfig = {
selColor: '#FFC0CB', // 文本选择色
alpha: 'CC', // 默认透明度（80%）
textColor: '#333' // 初始文字颜色
};
// 复合预设库
const colorPresets = {
'🌸 少女粉': {
sel: 'pink',
text: 'auto'
},
'🍃 薄荷绿': {
sel: '#98FF98',
text: 'auto'
},
'🌌 深空蓝': {
sel: '#87CEEB',
text: '#FFF'
},
'🌙 暗黑系': {
sel: '#2D3436',
text: '#FFF'
}
};
// 初始化样式元素
const style = document.createElement('style');
document.head.appendChild(style);
// 状态管理
let currentSel = GM_getValue('selColor', defaultConfig.selColor);
let currentAlpha = GM_getValue('alpha', defaultConfig.alpha);
let currentText = GM_getValue('textColor', defaultConfig.textColor);
// 核心渲染函数
const applyStyles = () => {
const selColor = colorNameToHex(currentSel) + currentAlpha;
const textColor = currentText === 'auto' ?
getContrastColor(currentSel) :
colorNameToHex(currentText);
style.textContent = `
::selection {
background: ${selColor} !important;
color: ${textColor} !important;
}
::-moz-selection {
background: ${selColor} !important;
color: ${textColor} !important;
}
`;
// 持久化存储
GM_setValue('selColor', currentSel);
GM_setValue('alpha', currentAlpha);
GM_setValue('textColor', currentText);
};
// 工具函数
const colorNameToHex = (name) => {
const colorMap = {
pink: '#FFC0CB',
white: '#FFFFFF',
black: '#000000',
auto: 'transparent'
};
return colorMap[name.toLowerCase()] || name;
};
const getContrastColor = (bgColor) => {
const hex = colorNameToHex(bgColor).replace(/^#/, '');
const r = parseInt(hex.substr(0, 2), 16);
const g = parseInt(hex.substr(2, 2), 16);
const b = parseInt(hex.substr(4, 2), 16);
const yiq = (r * 299 + g * 587 + b * 114) / 1000;
return yiq >= 128 ? '#333' : '#FFF';
};
const validateHex = (color) => {
return /^(#)?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(color);
};
// 菜单系统
GM_registerMenuCommand('🎨 设置选择颜色', () => {
const newColor = prompt('输入颜色名称/HEX值（当前： ' + currentSel + '）', currentSel);
if (newColor && validateHex(colorNameToHex(newColor))) {
currentSel = newColor.toLowerCase();
applyStyles();
}
});
GM_registerMenuCommand('⚙ 透明度设置', () => {
const currentPercent = Math.round(parseInt(currentAlpha, 16) / 255 * 100);
const newPercent = prompt('输入透明度百分比（0-100）', currentPercent);
const alphaValue = Math.min(100, Math.max(0, isNaN(newPercent) ? currentPercent : Number(newPercent)));
currentAlpha = Math.round(alphaValue / 100 * 255).toString(16).padStart(2, '0');
applyStyles();
});
GM_registerMenuCommand('⚙ 文字颜色模式', () => {
const choice = prompt('选择模式：\n1. 自动对比色\n2. 自定义固定色\n输入数字', currentText === 'auto' ? 1 : 2);
if (choice === '1') {
currentText = 'auto';
} else if (choice === '2') {
const fixedColor = prompt('输入固定文字颜色（名称/HEX）', currentText);
if (validateHex(colorNameToHex(fixedColor))) {
currentText = fixedColor;
}
}
applyStyles();
});
// 注册预设菜单
Object.entries(colorPresets).forEach(([name, preset]) => {
GM_registerMenuCommand(name, () => {
currentSel = preset.sel;
currentText = preset.text;
applyStyles();
});
});
// 初始化应用
applyStyles();
})();