title: Why won't this bookmarklet convert to a userscript?
body: <p>I'm trying to convert a <a href="http://www.456bereastreet.com/archive/200608/light_text_on_dark_background_vs_readability/" rel="nofollow noreferrer">bookmarklet</a>: </p>
  
  <pre><code>javascript:(function(){var newSS, styles='* { background: white ! important; color: black !important } :link, :link * { color: #0000EE !important } :visited, :visited * { color: #551A8B !important }'; if(document.createStyleSheet) { document.createStyleSheet(%22javascript:'%22+styles+%22'%22); } else { newSS=document.createElement('link'); newSS.rel='stylesheet'; newSS.href='data:text/css,'+escape(styles); document.getElementsByTagName(%22head%22)[0].appendChild(newSS); } })();
  </code></pre>
  
  <p>to a userscript to use with Opera and Midori. I followed the steps in <a href="https://stackoverflow.com/questions/6906025/how-to-convert-a-bookmarklet-into-a-greasemonkey-userscript">How to convert a bookmarklet into a Greasemonkey userscript</a> but without much luck. Here's the code that I come up with, but which doesn't seem to function: </p>
  
  <pre><code>// ==UserScript==
  // @name          Darklooks
  // @description   Eye-friendly colorscheme attempting to emulate Darklooks
  // @include       http://*
  // @include       https://*
  // @include       about:blank*
  // ==/UserScript==
  
  (function() {
  var newSS, styles='* { background: #555753 ! important; color: #D3D7CF !important } :link, :link * { color: #00008B !important } :visited, :visited * { color: #551A8B !important }'; if(document.createStyleSheet) { document.createStyleSheet("javascript:'" styles "'"); } else { newSS=document.createElement('link'); newSS.rel='stylesheet'; newSS.href='data:text/css,' escape(styles); document.getElementsByTagName("head")[0].appendChild(newSS); 
  } 
  })();
  </code></pre>
  
  <p>What am I doing wrong? </p>