Skip to content

Instantly share code, notes, and snippets.

@phlummox
Forked from akaleeroy/Readable-Bookmarklet.md
Created July 9, 2023 07:13
Show Gist options
  • Select an option

  • Save phlummox/c97e419ffa55cedd2c4a99adb6f76f6c to your computer and use it in GitHub Desktop.

Select an option

Save phlummox/c97e419ffa55cedd2c4a99adb6f76f6c to your computer and use it in GitHub Desktop.
Readable Bookmarklet

Readable Bookmarklet

Bookmarklet Browser Enhancement Readability

Readable dark theme

rdbl.us

Readable is an application that helps you read more of the web. It reformats text — on any website — according to your exact specifications.

Readable is originally by Gabriel Coarna, and is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike license. Modifications to Readable made by lordastley.

Dark theme by akaleeroy:

  • Uses Open Sans Light. You have to install it! Otherwise falls back on the default sans-serif fonts on your machine.
  • Custom CSS for more comfortable fullscreen reading in the dark.
    Developed for bedtime reading at night with a laser pico-projector.
  • Uses rdbl.us instead of readable.tastefulwords.com because serving the resources from a https:// URL helps avoid mixed content blocking, thus allowing the bookmarklet to work on more sites.

Usage

  • Create a new bookmark in your browser, name it Readable or however you like
  • Paste the contents of readable.min.js below into the URL field (called Location in Firefox)

💡 Pro-Tip: When on an ugly page there's no need to search for Readable in your bookmarks menus. Just start typing Readable into Chrome's omnibox, or for Firefox assign it the keyword "readable"

javascript:(function(){_readableOptions={text_font:"quote(Open Sans Light), quote(Lucida Sans Unicode), quote(Lucida Grande), Arial, Helvetica, sans-serif",text_font_monospace:"quote(Lucida Console), quote(Andale Mono), Monaco, monospace",text_font_header:"Tinos",text_size:"24px",text_line_height:"1.75",box_width:"30em",color_text:"#FDFDFD",color_background:"#000000",color_links:"#99CCFF",text_align:"normal",base:"blueprint",custom_css:"#box,#menu,#rtl_box{background-color:transparent}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:#000!important}#floating{top:1em}#floating a{padding:0;color:#708090!important}#floating_close{font-size:0}#floating_close:before{content:quote(%C3%97);font-size:24px;padding-left:.45em;padding-right:.45em;margin-right:.7em;border:2px solid;border-radius:50%}#box_inner #menu a:hover,#floating a:hover{color:#a9a9a9!important}#menu,#rtl_box{border:2px solid #708090;border-radius:32px}#menu a,#rtl_box a{color:#708090;border-bottom:1px solid inherit;vertical-align:sub}"};if(document.getElementsByTagName("body").length>0);else{return}if(window.$readable){if(window.$readable.bookmarkletTimer){return}}else{window.$readable={}}window.$readable.bookmarkletTimer=true;window.$readable.options=_readableOptions;if(window.$readable.bookmarkletClicked){window.$readable.bookmarkletClicked();return}_readableScript=document.createElement("script");_readableScript.setAttribute("src","//rdbl.us/target.js?rand="+encodeURIComponent(Math.random()));document.getElementsByTagName("body")[0].appendChild(_readableScript)})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment