open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a simpler instruction to import styles

Browse Source
This commit is contained in:
Jeremy Schomery 2017-01-11 18:41:33 +03:30
parent c1ab447130
commit 12859b96be
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
manage.html
View File

@ -189,11 +189,8 @@
<div>
<h2>Export Styles from Stylish extension</h2>
<ul>
<li>Open chrome://extensions in a browser tab</li>
<li>Turn developer mode on</li>
<li>Find Stylish extension and press "background page"</li>
<li>Copy this script in the console tab and press Enter key</li>
<pre style='color:#000000;background:#eee; overflow: auto;'>getStyles({}, e => {
<li>Copy this script to the clipboard</li>
<pre style='color:#000000;background:#eee; overflow: auto;'>chrome.extension.getBackgroundPage().getStyles({}, e => {
<span style='color:#7f0055; font-weight:bold; '>let</span> styles = JSON.stringify(e);
<span style='color:#7f0055; font-weight:bold; '>let</span> <span style='color:#7f0055; font-weight:bold; '>link</span> = document.createElement(<span style='color:#2a00ff; '>'</span><span style='color:#2a00ff; '>a</span><span style='color:#2a00ff; '>'</span>);
<span style='color:#7f0055; font-weight:bold; '>let</span> data = <span style='color:#7f0055; font-weight:bold; '>new</span> Blob([styles], {type: <span style='color:#2a00ff; '>'</span><span style='color:#2a00ff; '>text/plain;charset=utf-8;</span><span style='color:#2a00ff; '>'</span>});
@ -204,6 +201,8 @@
document.body.removeChild(<span style='color:#7f0055; font-weight:bold; '>link</span>);
});
</pre>
<li>Right-Click the Stylish toolbar button and select "Inspect Popup"</li>
<li>Paste the script in the console tab and press Enter key</li>
<li>Use the import button to import "styles.json" file</li>
</ul>
</div>