Пользовательский скрипт для стилизации элементов Shadow DOM произвольного веб-сайта ⇐ CSS

[Anonymous]

Это мой пользовательский скрипт для изменения цвета посещаемых ссылок. Предполагается, что он сможет работать с любым веб-сайтом.

Код: Выделить всё

// ==UserScript==
// @name        Change the color of visited links
// @description -
// @match       *://*/*
// ==/UserScript==

function style(css) {
let head, style;
head = document.getElementsByTagName('head')[0];
if (!head) return;
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css.replace(/;/g, '!important;');
head.appendChild(style);
}

function links(anylink, link, visited, hover, active) {
style(`
${anylink} { outline: solid 1px; }
${link}    { color: blue;    }
${visited} { color: fuchsia; }
${hover}   { color: red;     }
${active}  { color: yellow;  }
`);
}

links('a:any-link , a:any-link *',
'a:link     , a:link     *',
'a:visited  , a:visited  *',
'a:hover    , a:hover    *',
'a:active   , a:active   *'
);

Проблема в том, что на некоторых сайтах некоторые ссылки принадлежат теневым элементам DOM, и по этой причине скрипт не влияет на них. Как это можно исправить?

Подробнее здесь: https://stackoverflow.com/questions/782 ... ry-website