Punctuation color

https://www.reddit.com/r/userscripts/comments/gnoji7/request_punctuation_color/

目前為 2020-05-21 提交的版本,檢視 最新版本

// ==UserScript==
// @name        Punctuation color
// @description https://www.reddit.com/r/userscripts/comments/gnoji7/request_punctuation_color/
// @author      Livadas
// @include	    *
// @require     http://code.jquery.com/jquery-latest.js
// @run-at      document-idle
// @version     2020-05-21
// @namespace https://greasyfork.org/users/237051
// ==/UserScript==

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

  addGlobalStyle(
    ".highlightComa {color:red!important; background-color:white;}"
	);
  addGlobalStyle(
  	".highlightMdash {color:blue!important; background-color:white;}"
  );
  
  addGlobalStyle(
  	".highlightNdash {color:blue!important; background-color:white;}"
  );
  
  addGlobalStyle(
  	".highlightDoubleQuotes {color:green!important; background-color:white;}"
  );
  
  var docText = $('body')[0].innerHTML;
  var modifiedText = docText.replace(/,/g, "<span class='highlightComa'>,</span>");  
  modifiedText = modifiedText.replace(/⁠&mdash;/g, "<span class='highlightMdash'>&mdash;</span>"); 
  modifiedText = modifiedText.replace(/⁠&ndash;/g, "<span class='highlightNdash'>&ndash;</span>");
  modifiedText = modifiedText.replace(/⁠—/g, "<span class='highlightMdash'>⁠—</span>"); 
  modifiedText = modifiedText.replace(/–/g, "<span class='highlightNdash'>–</span>");  
	modifiedText = modifiedText.replace(/“/g, "<span class='highlightDoubleQuotes'>“</span>"); 
	modifiedText = modifiedText.replace(/”/g, "<span class='highlightDoubleQuotes'>”</span>");   
  
 	$('body').html(modifiedText);
 	              
})();