Fix SVGs on HackerRank.com

If you have a hard time reading some of the text on HackerRank.com this may help. Some of the text in the problems are SVG and the stoke creates a messy, jagged edge unless you zoom in on them. This removes the stoke of all svgs on challenge screens and allows you to change the SVG fill color to whatever you want (by editing the commented line in the script).

安装此脚本？

提问、发表评价或者举报此脚本。

换行

// ==UserScript==
// @name        Fix SVGs on HackerRank.com
// @description If you have a hard time reading some of the text on HackerRank.com this may help. Some of the text in the problems are SVG and the stoke creates a messy, jagged edge unless you zoom in on them. This removes the stoke of all svgs on challenge screens and allows you to change the SVG fill color to whatever you want (by editing the commented line in the script).
// @namespace   z3r0cool
// @include     https://www.hackerrank.com/*
// @version     1.1
// @license     Apache 2.0
// @grant       none
// ==/UserScript==
var url = document.location.toString();
function scriptBody() {
    if (document.location.toString().includes('/challenges/')) {
        let svgs = document.querySelectorAll('svg');
        if (svgs) {
            svgs.forEach(svg => {
                let path = svg.querySelector('g');
                if (path) {
                    path.setAttribute("stroke", "transparent");
                    // change svg color here
                    path.setAttribute("fill", "#00aaEE");
                }
            });
        }
    }
}
setTimeout(scriptBody(), 1000);
document.querySelector('html') .addEventListener('DOMNodeInserted', function (ev) {
    var new_url = document.location.toString();
    if (url == new_url) return ;
    url = new_url;
    setTimeout(scriptBody(), 1000);
});

欢迎访问Greasy Fork镜像