O que é Material Design Palette?

Material Design Palette é uma extensão do Chrome desenvolvida por Anderson Mamede, e sua principal característica é "Select a HTML element and change its colors based on this material design colors palette".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão Material Design Palette

Baixe arquivos de extensão Material Design Palette no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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.

Informações Básicas da Extensão

Nome	Material Design Palette
ID	iklaoaeikobdklaggagbapdkhamhdjoc
URL Oficial	https://chromewebstore.google.com/detail/material-design-palette/iklaoaeikobdklaggagbapdkhamhdjoc
Descrição	Select a HTML element and change its colors based on this material design colors palette
Tamanho do Arquivo	45.83 KB
Contagem de Instalações	863
Versão Atual	1.1
Última Atualização	2016-11-04
Data de Publicação	2016-11-04
Desenvolvedor	Anderson Mamede
Email	[email protected]
Tipo de Pagamento	free
Idiomas Suportados	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" ] }