Wat is Material Design Palette?

Material Design Palette is een Chrome-extensie ontwikkeld door Anderson Mamede, en de belangrijkste functie is "Select a HTML element and change its colors based on this material design colors palette".

Extensie Screenshots

Download het CRX-bestand van de extensie Material Design Palette

Download Material Design Palette-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

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.

Basisinformatie over de Extensie

Naam	Material Design Palette
ID	iklaoaeikobdklaggagbapdkhamhdjoc
Officiële URL	https://chromewebstore.google.com/detail/material-design-palette/iklaoaeikobdklaggagbapdkhamhdjoc
Beschrijving	Select a HTML element and change its colors based on this material design colors palette
Bestandsgrootte	45.83 KB
Aantal Installaties	863
Huidige Versie	1.1
Laatst Bijgewerkt	2016-11-04
Publicatiedatum	2016-11-04
Ontwikkelaar	Anderson Mamede
E-mail	[email protected]
Betalingswijze	free
Ondersteunde Talen	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" ] }