Styling chrome:// URLs

[pabli24]

Why this can’t be implemented in stylus: #1582

List of all Chrome URLs: chrome://about/

How to make Stylus work on chrome:// URLs

• Enable flag chrome://flags/#extensions-on-chrome-urls (MS Edge edge://flags/#extensions-on-edge-urls)
  
• Add the --test-type command-line switch to hide the warning banner
  
• Download Stylus from GitHub (extract the .zip file)
• Add "chrome://*/*" to manifest.json (MS Edge "edge://*/*")

  "content_scripts": [
    {
      "matches": [
        "<all_urls>",
        "chrome://*/*"
      ],

• Add url.startsWith('chrome') || to \js\toolbox.js (MS Edge url.startsWith('edge') ||)

  supported: (url, allowOwn = true) => (
    url.startsWith('http') ||
    url.startsWith('ftp') ||
    url.startsWith('file') ||
    url.startsWith('chrome') ||
    allowOwn && url.startsWith(URLS.ownOrigin) ||
    !URLS.chromeProtectsNTP && url.startsWith('chrome://newtab/')
  ),

• Enable "Developer mode" in chrome://extensions/ and load unpacked stylus extension
• Brave/Opera/Vivaldi: The address bar says brave://settings/, but the actual URL is chrome://settings/. Make sure to put the correct URL in your style
  

Dark Reader

• Download Dark Reader from GitHub (darkreader-chrome.zip) and unpack it.
• Add "chrome://*/*" to manifest.json
• Load unpacked Dark Reader extension
• Go to Dark Reader Settings and enable the “Enable on restricted pages” setting