Material Design Palette

Select a HTML element and change its colors based on this material design colors palette

什麼是Material Design Palette?

Material Design Palette是由Anderson Mamede開發的Chrome擴展程式,該擴展的主要功能是“Select a HTML element and change its colors based on this material design colors palette”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載Material Design Palette擴展crx文件

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

擴展使用說明

                        Material Design Palette is an easy-to-use extension where you select a HTML element or type in a CSS/jQuery selector and you can change, in real time, its text, background and border color using its embedded material design colors (palette).

After some changes, you can just copy the generated CSS code and save on your HTML page.

It is intended to make HTML elements color changing fast and easy.                    

擴展基本資訊

名稱 Material Design Palette Material Design Palette
ID iklaoaeikobdklaggagbapdkhamhdjoc
官方網址 https://chromewebstore.google.com/detail/material-design-palette/iklaoaeikobdklaggagbapdkhamhdjoc
簡介 Select a HTML element and change its colors based on this material design colors palette
檔案大小 45.83 KB
安裝次數 863
目前版本 1.1
更新時間 2016-11-04
上架時間 2016-11-04
開發者 Anderson Mamede
電子郵箱 [email protected]
付費類型 free
支援的語言 en,pt-BR
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "default_locale": "en",
    "version": "1.1",
    "name": "__MSG_extName__",
    "description": "__MSG_extDescription__",
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "__MSG_extName__",
        "default_popup": "popup.html"
    },
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "web_accessible_resources": [
        "panel.html",
        "close.svg",
        "move.svg",
        "search.svg",
        "search-white.svg",
        "code.svg",
        "help.svg"
    ],
    "permissions": [
        "activeTab",
        "storage"
    ]
}