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 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        [ 💬 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
공식 URL 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"
    ]
}