Dark theme for codecov.io extras
// ==UserScript== // @name codecov.io Dark // @namespace gitlab.com/DX-MON // @version 0.0.6 // @description Dark theme for codecov.io extras // @author Rachel Mant <[email protected]> (https://gitlab.com/DX-MON) // @homepageURL https://github.com/DX-MON/codecov.io-dark // @license GPLv3+ // @match https://codecov.io/* // @require https://code.jquery.com/jquery-3.4.1.min.js // @grant none // ==/UserScript== /* codecov.io dark theme script by Rachel Mant (c) 2019 */ /* You may hereby use this theme script under the terms of the GPLv3+ */ +function($, jQuery) { 'use strict' let CoverageFixer = function() { let treeTable = $('#tree') for (let bar of treeTable.find('tbody td.right.aligned,tfoot th.right.aligned')) { let $bar = $(bar) let coverage = $bar.text().trim() let style = bar.style.backgroundImage if (!style.startsWith('linear-gradient')) continue let direction = style.substring(style.indexOf('(') + 1, style.indexOf(',')) let colour = style.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/).slice(1) colour = colour.map(v => parseInt(v, 10)) let hsl = this.rgbToHSL(colour) hsl.l = 22.5 let newColour = 'rgb(' + this.hslToRGB(hsl).join(',') + ') ' let newStyle = [direction, newColour + coverage, '#222 ' + coverage] bar.style.backgroundImage = 'linear-gradient(' + newStyle.join(', ') + ')' } } CoverageFixer.prototype.rgbToHSL = function(colour) { let [r, g, b] = colour.map(v => v / 255) let min = Math.min(r, g, b) let max = Math.max(r, g, b) let l = (min + max) / 2 if (min == max) return {'h': 0, 's': 0, 'l': l} let s = this.saturation(l, min, max) let h = this.hue(r, g, b, max, max - min) return {'h': Math.round(h * 60), 's': Math.round(s * 100), 'l': Math.round(l * 100)} } CoverageFixer.prototype.saturation = function(l, min, max) { if (l < 0.5) return (max - min) / (max + min) else return (max - min) / (2 - max - min) } CoverageFixer.prototype.hue = function(r, g, b, max, diff) { if (r == max) return (g < b ? 6 : 0) + (g - b) / diff else if (g == max) return 2 + (b - r) / diff else return 4 + (r - g) / diff } CoverageFixer.prototype.hslToRGB = function(colour) { let h = colour.h / 60 //360 let s = colour.s / 100 let l = colour.l / 100 let c = (1 - Math.abs(2 * l - 1)) * s let x = c * (1 - Math.abs(h % 2 - 1)) let [r1, g1, b1] = this.hcxToRGB(h, c, x) let m = l - c / 2 return [Math.round((r1 + m) * 255), Math.round((g1 + m) * 255), Math.round((b1 + m) * 255)] } CoverageFixer.prototype.hcxToRGB = function(h, c, x) { if (h < 0 || h > 6) return [0, 0, 0] else if (h < 1) return [c, x, 0] else if (h < 2) return [x, c, 0] else if (h < 3) return [0, c, x] else if (h < 4) return [0, x, c] else if (h < 5) return [x, 0, c] else return [c, 0, x] } jQuery('#pjax-outer').on('pjax:success', function() { new CoverageFixer() }) $(function() { new CoverageFixer() }) }(jQuery.noConflict(), $)
