自定义标注颜色和透明度
// ==UserScript==
// @name Hypothesis自定义标注颜色和透明度
// @namespace https://coycs.com/
// @version 1.1.0
// @description 自定义标注颜色和透明度
// @author coycs
// @match http://*/*
// @match https://*/*
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_registerMenuCommand
// @license MIT
// ==/UserScript==
(function () {
"use strict";
window.onload = function () {
let color, transparency, font_color;
color = getValue("H_color");
transparency = getValue("H_transparency");
font_color = getValue("H_font_color");
// 设置样式
setStyle();
// 注册脚本菜单
GM_registerMenuCommand("自定义标注颜色和透明度", prompts, "h");
// 弹出对话框
function prompts() {
// 获取自定义值
let p_color = prompt("请输入背景色RGB值（用英文逗号分隔）", color);
let p_transparency = prompt("请输入背景色透明度", transparency);
let p_font_color = prompt("请输入字体颜色", font_color);
color=!p_color?color:p_color;
transparency=!p_transparency?transparency:p_transparency;
font_color=!p_font_color?font_color:p_font_color;
// 保存自定义值
GM_setValue("H_color", color);
GM_setValue("H_transparency", transparency);
GM_setValue("H_font_color", font_color);
setStyle();
}
function setStyle() {
let style = document.createElement("style");
style.type = "text/css";
style.innerHTML = `.hypothesis-highlights-always-on .hypothesis-highlight {
background-color: rgba(${color},${transparency}) !important;
color: ${font_color} !important;
}`;
document.getElementsByTagName("head").item(0).appendChild(style);
}
// 封装GM_getValue，解决为Null的问题
function getValue(ag) {
if (ag == "H_color") {
return (color = !GM_getValue("H_color") ? "17,153,142" : GM_getValue("H_color"));
}
if (ag == "H_transparency") {
return (transparency = !GM_getValue("H_transparency")
? 0.4
: GM_getValue("H_transparency"));
}
if (ag == "H_font_color") {
return (font_color = !GM_getValue("H_font_color")
? "#000"
: GM_getValue("H_font_color"));
}
}
};
})();