Wikipedia:Visualizing_redirects

Wikipedia:Visualizing redirects

Wikipedia:Visualizing redirects

There are several options for making links that are redirects have a different color than normal links.

Shortcut

Using a stylesheet

You can add this to your common.css:

 .mw-redirect {
     color: green;
 }
 .mw-redirect:visited {
     color: green;
 }
 .mw-redirect:hover {
     color: green;
 }
 .mw-redirect:active {
     color: green;
 }

Using JavaScript

You can also use a userscript to get the same effect, commonly used ones are:

Yet another alternative is this script which you can place in your common.js. It adds a 'redirects" tab which turns all redirects green whenever you want:

Code
if(mw.config.get('wgAction') != 'edit' && mw.config.get('wgCanonicalNamespace') != 'Special'){
  var highlightRedirects = {
    tab_redirects : null,
    addStylesheetRule : function(tag, style){
      var ss = document.styleSheets[0];
      if(ss.insertRule){
        ss.insertRule(tag + '{' + style + '}', ss.cssRules.length);
      } else if(ss.addRule){
        ss.addRule(tag, style);
      }
    },
    run : function(){
      highlightRedirects.addStylesheetRule('a.mw-redirect', 'color:green');
    },
    install : function(){
    with(highlightRedirects)
      {
      tab_redirects = addPortletLink ('p-cactions', 'javascript:highlightRedirects.run();', 'redirects');
      if(document.getElementById('ca-history')) 
        document.getElementById('ca-history').parentNode.appendChild(tab_redirects);
      }
    }
  };
addOnloadHook(highlightRedirects.install);
}
Share this article:

This article uses material from the Wikipedia article Wikipedia:Visualizing_redirects, and is written by contributors. Text is available under a CC BY-SA 4.0 International License; additional terms may apply. Images, videos and audio are available under their respective licenses.