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
官方URL 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"
    ]
}