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
Eメール [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"
    ]
}