English (UK)
See more
This extension changes a page's so that it is easier on the eyes
Latest Version
Version
1.2
Update
April 5, 2017
Size
9.49KiB
Developer
Category
Users
778 
Rating
3.5 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
See more
Readable Extension
Do you have to read a html page? Does it completely lack any sort of styling? Then Readable is for you!
Readable adds the following styles to the body of a html page:
color: #444;
padding: 0 25%;
line-height: 1.4em;
font-family: 'Helvetica',sans-serif;
The result: Your page is now readable!
The background is slightly darker and the text is slightly lighter - lower contrast means it is easier to read.
Padding is added to put the content in the middle of the page rather than from the edges, which is horrible to look at.
The font is changed to Helvetica, which is a nice font.
Activate Readable by clicking the icon next to the Omnibar.
Note: this is not magic. Only use on sites with no CSS, it won't fix bad CSS (most of the time)
Read more
Readable adds the following styles to the body of a html page:
color: #444;
padding: 0 25%;
line-height: 1.4em;
font-family: 'Helvetica',sans-serif;
The result: Your page is now readable!
The background is slightly darker and the text is slightly lighter - lower contrast means it is easier to read.
Padding is added to put the content in the middle of the page rather than from the edges, which is horrible to look at.
The font is changed to Helvetica, which is a nice font.
Activate Readable by clicking the icon next to the Omnibar.
Note: this is not magic. Only use on sites with no CSS, it won't fix bad CSS (most of the time)
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Readable", "description": "This extension changes a page's so that it is easier on the eyes", "version": "1.2", "browser_action": { "default_icon": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "default_title": "Add basic styles" }, "background": { "scripts": ["background.js"] }, "permissions": ["activeTab"]}
Read more
