จะพัฒนาธีมของ Google Chrome ได้อย่างไร?


8

ฉันมีแนวคิดการออกแบบสำหรับ Google Chrome ฉันต้องการแปลงเป็นธีม

ฉันค้นหามาก แต่ไม่พบคำอธิบายที่น่าพอใจเกี่ยวกับวิธีการดำเนินการดังกล่าว คุณรู้หรือไม่ว่าต้องทำอะไร? ลิงค์บางอย่างอาจ?


1
คำถามเพิ่มเติมเกี่ยวกับการเขียนโปรแกรมนี้ ฉันลงคะแนนเพื่อย้ายข้อมูลไปยัง Stack Overflow
ChrisF

คำตอบ:


10

ดาวน์โหลดชุดรูปแบบใด ๆ ที่พร้อมสำหรับ Chrome เช่นนี้เช่น

เปลี่ยนชื่อใหม่ดังนั้นจึงมีนามสกุล. zip เปิดด้วยเครื่องมือเก็บถาวรที่คุณชื่นชอบ

ชุดรูปแบบอธิบายไว้ในไฟล์ชื่อ manifest.json มันให้ลิงค์ไปยังภาพที่ใช้ในชุดรูปแบบ พวกเขาอยู่ในไดเรกทอรี "i" ใน Greyscale รูปภาพอยู่ในรูปแบบ PNG

นี่คือรูปแบบของไฟล์ manifest.json สำหรับ Greyscale:

{
"version":"1.0",
"name":"Greyscale",
"theme":
{"images":
    {
    "theme_frame":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6ZwBDA",
    "theme_toolbar":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6pwBDA",
    "theme_button_background":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYtawBDA"
    },
"colors":
    {
    "frame":[32,32,32],
    "toolbar":[210,210,246],
    "tab_text":[0,0,0],
    "tab_background_text":[0,0,0],
    "bookmark_text":[0,0,0],
    "ntp_background":[235,235,235],
    "ntp_text":[0,0,0],
    "ntp_link":[0,0,120],
    "ntp_section":[210,210,210,1],
    "ntp_section_text":[0,0,0],
    "ntp_section_link":[0,0,120]
    },
"properties":
    {
    "ntp_background_alignment":"bottom",
    "ntp_background_repeat":"no-repeat"},
    "tints":
        {
        "buttons":[0.6,0,0.5]
        }
    }
}

ใช้สิ่งนี้เป็นเทมเพลตสำหรับธีมของคุณเอง

คุณจะพบข้อมูลเพิ่มเติมที่นี่เช่นกัน


ฉันจะเปิดลิงก์ในiไดเรกทอรีได้อย่างไร? ฉันต้องการที่จะทราบว่าขนาดควร.pngไฟล์จะ ...
Lazer

เปลี่ยนชื่อพวกเขามีนามสกุล .png และเปิดให้มีการแก้ไขภาพ
Snark

โอเค btw ทำไมชื่อที่ซับซ้อนเหรอ? มีปัญหาในการตั้งชื่อ.pngไฟล์ของฉันว่า, พูด, top.png?
Lazer

ไม่เห็นประจักษ์ตัวอย่างในการเชื่อมโยงสุดท้ายของคำตอบของฉัน
Snark

2
การใช้ชุดรูปแบบที่มีอยู่เป็นเทมเพลตไม่ดีพอเนื่องจากชุดรูปแบบหลายชุดจะแก้ไขเฉพาะบางส่วนของเบราว์เซอร์ ถ้าคุณต้องการเปลี่ยนบางสิ่งที่ผู้แต่งชุดรูปแบบไม่ทำล่ะ คุณจะหาชื่อ / คุณสมบัติ / ฯลฯ ได้อย่างไร ใช้?
Synetech

3

มีคำแนะนำอย่างเป็นทางการในการสร้างชุดรูปแบบบนเว็บไซต์ Google Code ของ Chromium


ลิงก์ตายแล้วเราจะได้เนื้อหาเก่านี้ได้อย่างไร
เกร็ก

2
นี่คือแคชของหน้าเว็บตั้งแต่วันที่ 22 ส.ค. 2558 จาก Internet Archive
gregh
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.