Focus Outline Restore

1// ==UserScript==2// @name         Focus Outline Restore3// @namespace    https://hatscripts.com/4// @version      1.0.45// @description  Re-enables visible keyboard focus rings on sites that remove them, using a high-contrast outline that respects dark mode.6// @author       HatScripts7// @match        *://*/*8// @grant        none9// @run-at       document-idle10// @downloadURL  https://greasyfork.org/scripts/focus-outline-restore/code/script.user.js11// @supportURL   https://github.com/HatScripts/focus-outline-restore12// ==/UserScript==1314'use strict';1516const SETTINGS = {17  enabled: true,18  debug: false,19};2021function log(...args) {22  if (SETTINGS.debug) console.log('[focus-outline-restore]', ...args);23}2425function enhance(root = document) {26  if (!SETTINGS.enabled) return;27  const targets = root.querySelectorAll('[data-focus-outline-restore-done="true"]');28  log('already processed', targets.length);29  // Apply the tweak to every matching node on the page.30  for (const node of root.querySelectorAll('main, article, [role="main"]')) {31    if (node.dataset['focusoutlinerestore']) continue;32    node.dataset['focusoutlinerestore'] = '1';33    node.classList.add('focus-outline-restore-enhanced');34  }35}3637const observer = new MutationObserver(() => enhance());38observer.observe(document.documentElement, { childList: true, subtree: true });39enhance();