Easily adjust page theme and color temperature while browsing

Latest Version

Version
0.6.0
Update
June 13, 2024
Size
863KiB
Developer
Category
Users
1,000+
Rating
3.88889 ★
Manifest Version
3
Web Store Status
Languages Support
English
українська
日本語
See more
Permissions
Tabs
Storage
Scripting
BrowsingData
See more

Screen Dimmer Extension

Screen Dimmer is an extension that helps you quickly change your browser screen to a dark or shaded theme. Applies screen shading across chrome tabs with a variety of colors and modes. You are also free to choose shader color intensity from 0 to 100. Provides comprehensive instructions on how to enable Dark Theme on popular sites

- Whitescreen Protection will help you to get rid of the annoying white screen that pops up on any page load causing considerable discomfort.

- Exclude white-list which allows disabling extension changes across selected domains.

- Media-only mode apply screen dimmer only to media files while browsing sites with a native dark theme enabled.

- Instructions on how to enable Dark mode on popular sites

How to use:
1. Install the extension and go to any other tab in your browser (The Web Store is blocking content-changing extensions)
2. Click on the Screen Dimmer icon in your extensions list
3. Setup preferred settings
4. Optionally: pin extension for easy access

New in Version 0.6.0:
Added Ukrainian and Japanese localization
Please contact me if you want to improve the localization or add your language

New in Version 0.5.1:
Patch notes
1. Updated dark theme text color to more neutral shade so it's not too bright when reading at night
2. Updated Custom Overlay apply to cover the entire screen for specific sites

New in Version 0.5.0:
Dimmer settings are now unique to each site to improve the surfing experience. If no settings are provided the default overlay will be displayed
Added Scheduler functionality. Now the dimmer can be put on hold before dusk. Always On is a default value for this option
Added Custom Overlay option, upload your custom image instead of default page overlay (up to 5MB). Please, be aware that this functionality is currently in the experimental stage
Updated Media Only apply strategy
Fixed Whitescreen Protector closing issue
Updated UI
Updated Dark Mode color scheme
Updated extension logo
Added Animation button to Whitescreen Protector screen, click on toggle to disable the animation
Added close functionality to the Whitescreen Protector page, press C to force-close the page
Added support button

New in Version 0.3.3:
Fixed issue for not applying overlay for already opened tabs on extension install/enable

New in Version 0.3.2:
Added hint when the extension is blocked by the site (ex: Chrome Web Store)

New in Version 0.3.0:
Introduced Dark Mode Instructions. This feature will assist you to go through the steps of how to enable the Dark theme for popular sites if you currently using a light theme. To see the instruction page click a hint link at the bottom of the extension menu

New in Version 0.2.3:
Whitescreen protector is now tied to the initial tab and will close together with the tab
Added timer that will close Whitescreen protector if it takes too long to load the tab
Minor layout changes in transition and extension windows

New in Version 0.2.2:
Bug fix for Color Reset and Dark theme page reload
Whitescreen protector is now more reactive to page content
Whitescreen protector is now tied to Page Overlay, but still can be used by itself
Changed colors with high contrast
Minor Interface changes
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","name": "__MSG_extName__","description": "__MSG_description__","default_locale": "en","version": "0.6.0","manifest_version": 3,"action": {"default_popup": "popup.html","default_icon": "./assets/icons/shader_logo.png"},"icons": {"128": "./assets/icons/shader_logo.png"},"background": {"service_worker": "background.js"},"commands": {"Ctrl+M": {"suggested_key": {"default": "Ctrl+M","mac": "Command+M"},"description": "Ctrl+M."}},"permissions": ["tabs","storage","scripting","browsingData"],"host_permissions": [""],"incognito": "split","content_scripts": [{"matches": ["*://*/*","https://*/*"],"run_at": "document_start","js": ["content.js"],"css": ["styles.css"]}]}
Read more

How to download and manually install Screen Dimmer extension for Chrome

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

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

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

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

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

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

Similar Extensions

icon

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

icon

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

icon

Extra dim Extension · Productivity 1,000+ 2 ★ 907KiB

icon

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

icon

Lett Web Dimmer Extension · Productivity 1,000+ 3 ★ 17.58KiB

icon

Brightness Extension · Accessibility 1,000+ 1 ★ 14.01KiB

icon

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

icon

Night Shift Mode Extension · Accessibility 1,000+ 994 ★ 745KiB

icon

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

icon

Adjust Screen Brightness Extension · Productivity 1,000+ 34 ★ 165KiB

icon

Easy Screen Shader Extension · Productivity 1,000+ 0 ★ 65.31KiB

icon

Screen Dimmer Extension · Productivity 1,000+ 63 ★ 168KiB

icon

Lumitabs Extension · Accessibility 1,000+ 2 ★ 17.06KiB

icon

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

icon

Adjust Screen Brightness for Browser Extension · Productivity 1,000+ 85 ★ 171KiB

icon

Brightness control Extension · Accessibility 1,000+ 1 ★ 251KiB

icon

Brightness Lowerer Extension · Productivity 1,000+ 1 ★ 57.34KiB

icon

Blue Light Filter Blocker Extension · Productivity 1,000+ 1 ★ 20.27KiB

icon

Video Styler (brightness and more) Extension · Accessibility 1,000+ 173 ★ 118KiB

icon

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

icon

Blue light filter Extension · Accessibility 1,000+ 37 ★ 34.7KiB

icon

DIM Extension · Productivity 1,000+ 34 ★ 375KiB

icon

Blue Light Filter - Eye Guardian Extension · Accessibility 1,000+ 38 ★ 1.16MiB

icon

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

User reviews

icon

Osamathegamer (ID: 000000bd9db370a6) Voted 1 ★ - Updated 05/10/2023 Literally Useless, Doesn't work. Nice GUI, still doesn't do anything though.

icon

Miki Honoka (ID: 000000920ebd2038) Voted 1 ★ - Updated 04/25/2023 Does absolutely nothing

icon

Ivan Bonk (ID: 0000008079ad17e6) Voted 5 ★ - Updated 01/04/2023 This is a really flexible extension. You can use it for whatever you need without losing readability. Special thanks to the possibility to configure my screen. Good job!

icon

Denys Rakov (ID: 00000034a72211e6) Voted 5 ★ - Updated 12/21/2022 My life was different before this extension. It was dark and lonely. But now I can see life in it fully greatness. Thank you, very much!