Custom Colors

Give color to your favourite websites!

什麼是Custom Colors?

Custom Colors是由jmt開發的Chrome擴展程式,該擴展的主要功能是“Give color to your favourite websites!”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

下載Custom Colors擴展crx文件

下載Custom Colors擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

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

擴展基本資訊

名稱 Custom Colors Custom Colors
ID bjjgdpacldodmogmcmjjifmkpchailgp
官方網址 https://chromewebstore.google.com/detail/custom-colors/bjjgdpacldodmogmcmjjifmkpchailgp
簡介 Give color to your favourite websites!
檔案大小 308 KB
安裝次數 1,661
目前版本 3.0.0.3
更新時間 2021-07-16
上架時間 2019-12-20
評分 4.14/5 共 7 次評分
開發者 jmt
電子郵箱 [email protected]
付費類型 free
擴展官網 https://gitlab.com/jmt-chromeextensions/custom-colors
支援的語言 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"
    ]
}