Material Design Palette
Select a HTML element and change its colors based on this material design colors palette
What is Material Design Palette?
Material Design Palette is a Chrome extension developed by Anderson Mamede, and its main feature is "Select a HTML element and change its colors based on this material design colors palette".
Extension Screenshots
Download Material Design Palette Extension CRX File
Download Material Design Palette extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Material Design Palette |
| ID | iklaoaeikobdklaggagbapdkhamhdjoc |
| Official URL | https://chromewebstore.google.com/detail/material-design-palette/iklaoaeikobdklaggagbapdkhamhdjoc |
| Description | Select a HTML element and change its colors based on this material design colors palette |
| File Size | 45.83 KB |
| Installation Count | 863 |
| Current Version | 1.1 |
| Last Updated | 2016-11-04 |
| Publish Date | 2016-11-04 |
| Developer | Anderson Mamede |
| [email protected] | |
| Payment Type | free |
| Supported Languages | 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"
]
} | |
