Give color to your favourite websites!

Latest Version

Version
3.1.0.0
Update
May 31, 2024
Size
315KiB
Developer
Category
Users
2,000+
Rating
4.33333 ★
Manifest Version
3
Web Store Status
Languages Support
English
Español
See more
Permissions
Scripting
Storage
Tabs
See more

Custom Colors Extension

[ 💬 This extension is still in development. It has a notable performance impact on complex sites like YouTube or Twitch, specially when using the color cycle mode. Besides, colors are applied in a flashy way that can be quite annoying. At this point, this extension’s main purpose is to provide a bit of fun when trying and exploring new colors on your favourite websites. It needs a few issues to be solved to be able to be considered an accessibility improvement too. 💬]

Custom Colors allows you to change the colors of the websites you visit. You can choose, for every specific site, the colors you want for all backgrounds and texts. These settings can be saved so every time you open these sites the colors you have chosen will be applied.

Pick the colors you want for a specific site using the extension’s pop-up from a tab where that site is opened. To open the pop-up, you need to click on the extension’s icon. You can find all your active extensions at the top right corner of Chrome windows, clicking on the puzzle’s piece icon (🧩) [Here is where extensions are located in June 2021].

Once you have opened the pop-up, you will be able to see the list of sites with custom settings. Initially, there will not be any of them. Also, you will see one or two plus icons (➕). Use them to add the site of the current tab you are seeing the pop-up from to your list of customized sites. You can add a domain (e.g. youtube.com) or an specific URL (e.g. youtube.com/watch?v=BBSqiqqt_7E).

Custom colors can be defined for backgrounds, texts that contain visited links (recently clicked), texts that contain unvisited links and texts that do not contain any links 😊. Customized sites are displayed in a table, and four of its columns correspond with these four possible selections. You can choose the colors you want for any of your saved sites by clicking on the table’s cells that belong to these four columns.

When one of these cells is clicked, a little window with a color palette is opened. Here you can select any color you want from it for your site! There are a few options more: a random color can be generated every time you load the page (❔), colors can change continuously along the RGB spectrum (🔄) and you can also keep original colors (🚫), for instance, if you want to change backgrounds’ colors but not links’ ones. Don’t forget to save your settings clicking on the tick icon (✔).

There are also settings defined for ‘all sites’: if these are enabled, they will be applied on every site you visit except on those you have defined custom settings for, because they will be prioritized on them. Custom settings can be removed or deactivated anytime, and even if ‘all sites’ settings are enabled, they won’t have an effect on saved sites that are not activated.

Settings are applied automatically on sites that are opened, so you can have a preview of the colors you choose (if you discard your choice, colors are removed too). If at some time these automatic changes don’t work properly, they will function as they’re supposed to if you reload the page.

Code: https://gitlab.com/jmt-chromeextensions/custom-colors

FYI: Extensions are not activated automatically when they are installed. This extension, like many others you have tried probably, starts working on all the corresponding tabs at the right moment it is installed, but this is not the default behaviour. Take in mind that if you install an extension sometime and it doesn't work on the tabs you have already open, you may need to refresh those tabs with F5 key or by clicking on the reload button located in the browser's top left corner.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Custom Colors", "short_name": "CustomColors", "version": "3.1.0.0", "default_locale": "en", "description": "Give color to your favourite websites!", "icons": { "16": "extension_icons/peaceandlove-16.png", "32": "extension_icons/peaceandlove-32.png", "48": "extension_icons/peaceandlove-48.png", "128": "extension_icons/peaceandlove-128.png" }, "action": { "default_title": "Custom Colors: edit your sites' settings.", "default_popup": "pop-up/pop-up.html" }, "background": { "service_worker": "background_scripts/initialize_extension.js" }, "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+Shift+1" }, "description": "Enable/disable Edition Mode" } }, "content_scripts": [ { "matches": [ "" ], "js": [ "jquery/jquery-3.4.1.min.js", "jquery/jquery-ui.min.js", "content_scripts/utils/utils.js", "content_scripts/set_bg_color.js", "content_scripts/version_adapter.js" ], "css": [ "styles/blackground.css" ] } ], "permissions": [ "scripting", "storage", "tabs" ], "host_permissions": [ "*://*/*" ]}
Read more

Similar Extensions

icon

Background Randomizer Extension · Developer Tools 2,000+ 8 ★ 20.38KiB

icon

Color Changer Extension · Accessibility 2,000+ 36 ★ 52.45KiB

icon

Change Colors Extension · Accessibility 2,000+ 48 ★ 222KiB

icon

Change content color Extension · Productivity 2,000+ 6 ★ 92.63KiB

icon

Theme & Color Changer for YouTube - Colorize YouTube Extension · Fun 2,000+ 171 ★ 424KiB

icon

Custom Scrollbar Extension · Productivity 2,000+ 3 ★ 22.02MiB

icon

Colour Changer Extension · Fun 2,000+ 10 ★ 91.72KiB

icon

color-pusher Extension · Developer Tools 2,000+ 2 ★ 773KiB

icon

Random color for YouTube's progress bar Extension · Fun 2,000+ 5 ★ 25.48KiB

icon

Youtube Colorful Themes Extension · Accessibility 2,000+ 6 ★ 193KiB

icon

Page Filter Effects Extension · Fun 2,000+ 8 ★ 18.69KiB

icon

Colors for Websites | Color Changer Extension · Developer Tools 2,000+ 2 ★ 652KiB

icon

Change Background Color Extension · Productivity 2,000+ 8 ★ 15.48KiB

icon

Random Background Color Extension · Fun 2,000+ 22 ★ 84.39KiB

icon

YoutubeColor Extension · Fun 2,000+ 3 ★ 357KiB

icon

Youtube Customizer Extension · Accessibility 2,000+ 7 ★ 589KiB

icon

Ambient YouTube Extension · Fun 2,000+ 2 ★ 160KiB

icon

Custom Color for YouTube's Progress Bar Extension · Accessibility 2,000+ 32 ★ 50.95KiB

icon

NewTube (YouTube Customizer & Enhancement) Extension · Productivity 2,000+ 75 ★ 3.04MiB

icon

Color Text Extension · Fun 2,000+ 3 ★ 26.0KiB

icon

YouTube Style - Themes for YouTube Extension · Social & Communication 2,000+ 8 ★ 66.85KiB

icon

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

icon

Babu Background RGB Color Extension · Accessibility 2,000+ 56 ★ 596KiB

icon

Web Color Filter Extension · Accessibility 2,000+ 17 ★ 389KiB

User reviews

icon

⸻⸻⸻ (ID: 0000002c07ce0994) Voted 3 ★ - Updated 04/05/2022 this extension works on most websites. some websites, or search engines, will force you to keep a specific background color. also, when you click on a website link, its initial background color pops up first