title: Is there any way to use Chrome resources in extensions
body: <p>I'm developing a Chrome extension that has an options page. And I am willing to style this page same as Chrome options page is styled. I found that there is a file </p>
  
  <p><em>chrome://resources/css/widgets.css</em></p>
  
  <p>that holds this style (it is listed in "Developer Tools > Sources"). However, if try to load it in my page either directly from HTML</p>
  
  <pre><code>&lt;link rel="stylesheet" href="chrome://resources/css/widgets.css" type="text/css"&gt;
  </code></pre>
  
  <p>or from CSS</p>
  
  <pre><code>@import url("chrome://resources/css/widgets.css");
  </code></pre>
  
  <p>then get this error printed in the console:<br>
  "<b>Not allowed to load local resource:</b> chrome://resources/css/widgets.css</p>
  
  <p>It looks like I'm missing some permissions in my <em>manifest.json</em>, but did not find anything suitable on the <a href="http://developer.chrome.com/extensions/declare_permissions.html" rel="nofollow">developer's pages</a> (notice it lists "chrome://favicon/", but that's it).</p>
  
  <p>Anyone knows a solution?</p>
  
  <p><br></p>
  
  <p>P.S. Yes, I have copied this file into my extension's folder, and I got what I want, but the smart and proper way using this file  (IMHO) is loading it directly from Chrome resources.</p>