Material Design Palette

Select a HTML element and change its colors based on this material design colors palette

Material Design Paletteคืออะไร?

Material Design Palette เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Anderson Mamede และคุณลักษณะหลักของมันคือ "Select a HTML element and change its colors based on this material design colors palette"

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Material Design Palette

ดาวน์โหลดไฟล์ส่วนขยาย 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"
    ]
}