Puts an end to bright pages.

Latest Version

Version
1.0.4
Update
October 14, 2014
Size
375KiB
Developer
Category
Users
1,000+
Rating
3.67647 ★
Manifest Version
2
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
ContextMenus
Notifications

Storage
See more

DIM Extension

Sometimes turning the brightness down just isn't enough. Just click the icon to turn DIM on and bright pages will be gone forever.. or well.. until you turn DIM off.

DIM utilises intelligent page styling and image processing algorithms that make sure every page looks great! It also has a thorough options page which lets you set exactly how DIM behaves. These options include theming, automating, image processing, whitelisting etc. You of course don't have to bother changing any of these settings in order to get DIM to run, we've already done that for you. These settings are just little extras that allow you to configure everything JUST the way you want it. There is a quick guide and tooltips for every option so you don't have to be an advanced user to figure it all out!

Some of the features DIM has:
✓ Easy one click toggling
✓ Complete white/blacklisting system
✓ Advanced methods for styling pages
✓ CORS bypassing for images
✓ Filtering based on HSV
✓ Simple automation
✓ Works for dynamically added content (AJAX loading etc.)
✓ Caches images on a per page basis to improve page loading time
✓ and many more..

DIM is more than just a universal dark theme. It protects eyesight and prevents nearsightedness.

Logo designed by Sebastian Amen (http://be.net/amen).
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "DIM", "description": "Puts an end to bright pages.", "version": "1.0.4", "permissions": [ "activeTab", "contextMenus", "notifications", "", "storage" ], "options_page": "options/options.html", "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "16": "icons/icon16on.png", "48": "icons/icon48on.png", "128": "icons/icon128on.png" }, "browser_action": { "default_icon": { "19": "icons/icon19off.png", "38": "icons/icon38off.png" } }, "content_scripts": [ { "matches": [ "http://*/*", "https://*/*" ], "js": ["content.js"], "run_at": "document_idle", "all_frames": true }, { "matches": [ "http://*/*", "https://*/*" ], "js": ["ga.js"], "run_at": "document_idle" } ], "manifest_version": 2, "offline_enabled": true, "short_name": "DIM", "web_accessible_resources": [ "StackBoxBlur.js", "script.js", "options/jquery-2.0.3.min.js", "options/jquery-2.0.3.min.map", "icons/icon48off.png", "icons/icon48on.png" ], "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'"}
Read more

How to download and manually install DIM extension for Chrome

Looking for a way to install DIM extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install DIM extensions manually, this article outlines two simple methods to effortlessly install DIM extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download DIM extension and manually install through Drag &Drop

If you ever need to manually install a DIM extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the DIM Extension by clicking the "Download CRX" button on the website.

Look for the DIM extension you wish to install. Go to the website and download the DIM extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for DIM extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the DIM extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download DIM extension for Chrome and install in Developer Mode

This is another method to install DIM extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the DIM extension file

Select and download the DIM extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the DIM extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your DIM extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the DIM extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install DIM extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Adjust Page Brightness Extension · Accessibility 1,000+ 165 ★ 122KiB

icon

Dim the Internet - Turn down the brightness. Extension · Accessibility 1,000+ 7 ★ 9.22KiB

icon

Sites Dimmer - sharp brightness reduction Extension · Accessibility 1,000+ 85 ★ 69.89KiB

icon

Dark Theme Everywhere Extension · Accessibility 1,000+ 180 ★ 1.24MiB

icon

Website Dimmer Extension · Accessibility 1,000+ 22 ★ 10.62KiB

icon

Deluminate Extension · Accessibility 1,000+ 1009 ★ 35.93KiB

icon

Page Shadow Extension · Accessibility 1,000+ 10 ★ 906KiB

icon

Reluminate Extension · Accessibility 1,000+ 13 ★ 18.79KiB

icon

nyt_mod Extension · Accessibility 1,000+ 58 ★ 101KiB

icon

Night Vision Extension · Productivity 1,000+ 81 ★ 320KiB

icon

sunglasses Extension · Productivity 1,000+ 79 ★ 34.71KiB

icon

Screen dimmer Extension · Accessibility 1,000+ 45 ★ 29.43KiB

icon

Hacker Vision Extension · Accessibility 1,000+ 2122 ★ 721KiB

icon

Screen Shader | Smart Screen Tinting Extension · Accessibility 1,000+ 1439 ★ 140KiB

icon

Night Mode Pro Extension · Productivity 1,000+ 1020 ★ 70.09KiB

icon

Night Reader Extension · Accessibility 1,000+ 42 ★ 204KiB

icon

Control Tab Brightness Extension · Productivity 1,000+ 47 ★ 1.15MiB

icon

Simple Night Mode Extension · Accessibility 1,000+ 40 ★ 7.84KiB

icon

Special Dark Extension · Accessibility 1,000+ 25 ★ 99.18KiB

icon

Inverter for Nocturne Extension · Accessibility 1,000+ 9 ★ 12.29KiB

icon

Visor Extension · Accessibility 1,000+ 221 ★ 104KiB

icon

Sheen Extension · Accessibility 1,000+ 9 ★ 190KiB

icon

Controls for Youtube Extension · Productivity 1,000+ 121 ★ 57.99KiB

icon

Night Video Tuner Extension · Accessibility 1,000+ 25 ★ 33.5KiB

User reviews

icon

Minor Chaves (ID: 0000000711739def) Voted 1 ★ - Updated 05/31/2021 {ESTO NOMEGUSTO PORQUE NOME APARESIA LA ESTEXION PARA SALTAR LOS ANUNSIO} LAMENTABLE MENTE ESTONO MEDEJO ASIQUE LO ODIO CONTODO MICORASON} ASIQUELEDOI UNA ESTREYA POTEXION R QUE NOME APARESIO LA ESTEXION y TANBIEN LEDOI UNA ESTREYA POR QUE YOQUIERO😆😆😆

icon

Ralph gui (ID: 00000041896fd253) Voted 1 ★ - Updated 03/01/2019 False advertising. Complicated and simply does not work on "one click toggle." Actually doesn't work at all.

icon

(ID: ) Voted 4 ★ - Updated 02/20/2019 The idea is great, customization options are hot, but ultimately the plugin is applied globally, making many newly opened pages (especially those with grey-scale font color) look terrible. It means that simply browsing the internet in more than three pages requires some customization, black and whitelisting. I guess I was looking for something more straight forward.

icon

Ace Keeney (ID: 0000006c00e714d6) Voted 2 ★ - Updated 01/08/2018 Did not work for me at all. I don't know why, but my screen didn't not become darker at all.

icon

Rotasjon (ID: 000000e558f40f77) Voted 3 ★ - Updated 01/24/2017 Great idea, but I can't turn it on??? I hit the icon "D" but nothing happends... Please fix this.