User:燃灯/invertBlock.js

注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari：按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。

// 加入对应的css
importStylesheet( 'User:燃灯/invertBlock.css' );

// 电脑端其实上面那一行就够了，关键是手机上没法悬浮，所以。。。
$(function(){
	$('.inline-text-blocked').click(
		function() {
			$(this).addClass('clicked-on-a-block');
			var color = $(this).css('color');
			color = sumRGB(color.substring(color.indexOf('(') +1, color.indexOf(')')).split(', '));
			if (color > 400) // suggests poor contrast
			{ 
				$(this).css('color', "#000000aa");
			}
		}
	);
});

function sumRGB(str){
	var ret = parseInt(str[0]) + parseInt(str[1]) + parseInt(str[2]);
	if (str[3] && str[3] < 100) //if too transparent
	{
		ret = 765; // 255 * 3
	}
	return ret;
}