您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Adds colour to github gutter if the line contains a hex color code
- // ==UserScript==
- // @name Github color preview
- // @author Afzal Najam
- // @namespace http://afzaln.com/
- // @version 1.0
- // @description Adds colour to github gutter if the line contains a hex color code
- // @match https://*.github.com/*
- // @copyright 2014+, Afzal Najam
- // ==/UserScript==
- rows = $('.file > .blob-wrapper > table > tbody > tr');
- GM_addStyle ( ".blob-line-num { width:6% !important }" );
- rows.each(function (index) {
- lineNum = $(this).find('.blob-line-num');
- lineText = $(this).find('.blob-line-code').text();
- var patt = /#([0-9A-F]{2})?([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})/i;
- var colors = patt.exec(lineText);
- if (colors != null) {
- // GM_log(colors);
- if (colors[1]) {
- var opacity = parseInt(colors[1], 16)/255;
- } else {
- var opacity = 1;
- }
- var r = parseInt(colors[2], 16);
- var g = parseInt(colors[3], 16);
- var b = parseInt(colors[4], 16);
- var colordiv = "<div style=\"float:left; display:inline; background: rgb(" + r + "," + g + "," + b + "); opacity: " + opacity + "; height: 14px; width: 8px\"></div>";
- lineNum.append(colordiv);
- }
- });
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址