Custom Colors

Give color to your favourite websites!

What is Custom Colors?

Custom Colors is a Chrome extension developed by jmt, and its main feature is "Give color to your favourite websites!".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

Download Custom Colors Extension CRX File

Download Custom Colors extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        [ 💬 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.                    

Extension Basic Information

Name Custom Colors Custom Colors
ID bjjgdpacldodmogmcmjjifmkpchailgp
Official URL https://chromewebstore.google.com/detail/custom-colors/bjjgdpacldodmogmcmjjifmkpchailgp
Description Give color to your favourite websites!
File Size 308 KB
Installation Count 1,661
Current Version 3.0.0.3
Last Updated 2021-07-16
Publish Date 2019-12-20
Rating 4.14/5 Total 7 Ratings
Developer jmt
Email [email protected]
Payment Type free
Extension Website https://gitlab.com/jmt-chromeextensions/custom-colors
Supported Languages en,es
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Custom Colors",
    "short_name": "CustomColors",
    "version": "3.0.0.3",
    "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"
    },
    "browser_action": {
        "default_title": "Custom Colors: edit your sites' settings.",
        "default_popup": "pop-up\/pop-up.html"
    },
    "background": {
        "scripts": [
            "background_scripts\/initialize_extension.js",
            "background_scripts\/on_popup_close.js"
        ],
        "persistent": false
    },
    "commands": {
        "_execute_browser_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": [
        "*:\/\/*\/*",
        "storage",
        "tabs"
    ]
}