Enable deep dark mode for web pages and dev tools. Saves energy with OLED screens like on Mac M1 Pro.

Latest Version

Version
1.9
Update
May 23, 2024
Size
17.33KiB
Developer
activebridge.org
Category
Users
769
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Storage
See more

BlaCKout Extension

BlaCKout by Active Bridge: Elevate Your Screen, Empower Your Vision

Transform your browsing experience with BlaCKout, the creative dark mode extension for web developers, tech enthusiasts, and every visionary in between. Crafted by Active Bridge, BlaCKout is more than just an extension – it's a commitment to a smarter, more sustainable digital world.

Why choose BlaCKout?

- Open Source: https://github.com/galulex/deepdark

- Unmatched dark mode experience: dive into the deepest dark mode available. Whether you're coding, reading, or exploring, BlaCKout offers unparalleled comfort for your eyes, especially on OLED screens like the Mac M1 Pro.

- Energy efficient: designed for OLED technology, BlaCKout significantly reduces screen energy consumption, aligning with your eco-conscious lifestyle.

- User-centric design: intuitive and effortless. Toggle dark mode with a simple click, or switch back to light for selected websites. It's customization at your fingertips.

- Innovative tabless browsing: embrace a cleaner, more organized digital workspace with our special tabless mode – where every tab is a new window, reducing clutter and enhancing focus.

At Active Bridge, we combine cutting-edge technology with a human touch. BlaCKout is not just a tool; it's a gateway to a more comfortable, energy-efficient, and user-friendly digital environment. It's where innovation meets intuition, design meets functionality, and technology meets sustainability.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "BlaCKout", "description": "Enable deep dark mode for web pages and dev tools. Saves energy with OLED screens like on Mac M1 Pro.", "version": "1.9", "icons": { "128": "128.png" }, "action": { "default_title": "Toggle Dark Mode" }, "devtools_page": "devtools.html", "permissions": [ "storage" ], "host_permissions": [ "" ], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["https://*/*", "http://*/*"], "css": ["dark.css"], "js": ["page.js"], "match_about_blank": true, "run_at": "document_start" } ], "options_ui": { "page": "options.html", "open_in_tab": false }, "commands": { "toggle": { "suggested_key": "Ctrl+Shift+D", "mac": "Command+Shift+D", "description": "Toggle Dark Mode" } }}
Read more

How to download and manually install BlaCKout extension for Chrome

Looking for a way to install BlaCKout 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 BlaCKout extensions manually, this article outlines two simple methods to effortlessly install BlaCKout extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

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

If you ever need to manually install a BlaCKout 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 BlaCKout Extension by clicking the "Download CRX" button on the website.

Look for the BlaCKout extension you wish to install. Go to the website and download the BlaCKout extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for BlaCKout 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 BlaCKout 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 BlaCKout extension for Chrome and install in Developer Mode

This is another method to install BlaCKout 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 BlaCKout extension file

Select and download the BlaCKout 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 BlaCKout 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 BlaCKout 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 BlaCKout 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 BlaCKout extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

After Dark Mode Extension · Productivity 769 1 ★ 7.18KiB

icon

Remove youtube video radius / rounded border Extension · Productivity 769 17 ★ 8.31KiB

icon

Dark Mode Chrome Extension · Productivity 769 316 ★ 397KiB

icon

Dark Mode - Dark Reader for Chrome Extension · Accessibility 769 46 ★ 399KiB

icon

Dark Mode for Web Extension · Accessibility 769 445 ★ 76.08KiB

icon

Dark Mode Extension · Productivity 769 0 ★ 11.6KiB

icon

Blackout Tab Extension · Productivity 769 1 ★ 9.33KiB

icon

Camel Tabs Extension · Productivity 769 4 ★ 92.69KiB

icon

Dark Mode for Chrome Extension · Accessibility 769 857 ★ 187KiB

icon

Desaturate Favicons Extension · Productivity 769 17 ★ 25.83KiB

icon

Shade Dark Mode Extension · Productivity 769 104 ★ 419KiB

icon

Night Shift Mode Extension · Accessibility 769 994 ★ 745KiB

icon

Dark Mode Extension · Accessibility 769 221 ★ 407KiB

icon

blackout Extension · Social & Communication 769 2 ★ 216KiB

icon

Dark Mode Enabler Extension · Accessibility 769 4 ★ 18.64KiB

icon

Twitch Theatre Mode For Oled Extension · Fun 769 5 ★ 18.26KiB

icon

Sauron - Dark mode for all websites Extension · Accessibility 769 60 ★ 336KiB

icon

Ambient light for YouTube™ Extension · Productivity 769 135 ★ 947KiB

icon

Night Theme for Web Extension · Productivity 769 5 ★ 58.96KiB

icon

Dark Mode for Chrome Extension · Productivity 769 5 ★ 257KiB

icon

Youtube Customizer Extension · Accessibility 769 7 ★ 589KiB

icon

Amoled Dark Mode for ChatGPT Extension · Productivity 769 9 ★ 7.84KiB

icon

Print! - Print button Extension · Productivity 769 3 ★ 47.83KiB

icon

Dark Mode for Chrome Extension · Productivity 769 458 ★ 406KiB

User reviews

icon

Gareth Owen (ID: 000000680a9b1958) Voted 5 ★ - Updated 08/23/2023 Great extension - I was used to another browser that allowed "Force Dark" and this does the same.

icon

Den (ID: 00000044b7283698) Voted 5 ★ - Updated 05/08/2023 I highly recommend the BlaCKout Chrome extension. It effectively enhances your browsing experience by providing a clean dark mode that makes it more comfortable for you.

icon

Naveen Johnson (ID: 000000319064f6dc) Voted 5 ★ - Updated 02/14/2023 The only app I've seen that natively integrates with the browser dark mode for all sites. Been looking for this for a long time. Keep up the good work!

icon

Dima Shevchenko (ID: 000000afdcb8301e) Voted 5 ★ - Updated 01/23/2023 nice way to save battery life