ธีมคือส่วนขยายชนิดพิเศษที่เปลี่ยนรูปลักษณ์ของเบราว์เซอร์ ธีมจะมีการจัดแพ็กเกจเหมือนส่วนขยายทั่วไป แต่ไม่มีโค้ด JavaScript หรือ HTML
ระบบจะอัปโหลดธีมไปยัง Chrome เว็บสโตร์โดยใช้กระบวนการเดียวกับส่วนขยาย ระหว่างการอัปโหลด ระบบจะขอให้คุณเลือกหมวดหมู่ คุณจะเห็นรายการหมวดหมู่ธีมในเอกสารประกอบของ Chrome เว็บสโตร์ในส่วนแนวทางปฏิบัติที่ดีที่สุด
คุณสามารถค้นหาและลองใช้ธีมต่างๆ มากมายได้ที่ Chrome เว็บสโตร์
ไฟล์ Manifest
ต่อไปนี้คือตัวอย่างไฟล์ manifest.json
สำหรับธีม
{
"manifest_version": 3,
"version": "2.6",
"name": "camo theme",
"theme": {
"images" : {
"theme_frame" : "images/theme_frame_camo.png",
"theme_frame_overlay" : "images/theme_frame_stripe.png",
"theme_toolbar" : "images/theme_toolbar_camo.png",
"theme_ntp_background" : "images/theme_ntp_background_norepeat.png",
"theme_ntp_attribution" : "images/attribution.png"
},
"colors" : {
"frame" : [71, 105, 91],
"toolbar" : [207, 221, 192],
"ntp_text" : [20, 40, 0],
"ntp_link" : [36, 70, 0],
"ntp_section" : [207, 221, 192],
"button_background" : [255, 255, 255]
},
"tints" : {
"buttons" : [0.33, 0.5, 0.47]
},
"properties" : {
"ntp_background_alignment" : "bottom"
}
}
}
สี
สีจะอยู่ในรูปแบบ RGB หากต้องการค้นหาสตริงที่ใช้ภายในช่อง "สี" ได้ โปรดดู kOverwritableColorTable
รูปภาพ
ทรัพยากรรูปภาพใช้เส้นทางที่สัมพันธ์กับรูทของส่วนขยาย คุณลบล้างรูปภาพใดก็ได้ที่ระบุโดยสตริงใน kPersistingImages
รูปภาพทั้งหมดต้องจัดเก็บในรูปแบบ PNG มิเช่นนั้นจะแสดงผลไม่ถูกต้อง
พร็อพเพอร์ตี้
ช่องนี้ให้คุณระบุพร็อพเพอร์ตี้ เช่น การจัดแนวพื้นหลัง พื้นหลังที่เกิดซ้ำ และโลโก้สำรอง หากต้องการดูพร็อพเพอร์ตี้และค่าที่มีได้ โปรดดู kDisplayProperties
ปรับสมดุลสีเขียว-แดง
คุณระบุการแต้มสีที่จะใช้กับส่วนต่างๆ ของ UI ได้ เช่น ปุ่ม เฟรม และแท็บพื้นหลัง Google Chrome รองรับการแต้มสี ไม่ใช่รูปภาพ เนื่องจากรูปภาพจะทำงานไม่ได้บนแพลตฟอร์มต่างๆ
และมีความเปราะบางในกรณีที่เพิ่มปุ่มใหม่ หากต้องการค้นหาสตริงที่ใช้ภายในช่อง "tints" โปรดดู kTintTable
การแต้มสีจะอยู่ในรูปแบบ Hue-Saturation-Lightness (HSL) โดยใช้จำนวนจุดลอยตัวในช่วง 0 - 1.0 ดังนี้
- Hue คือค่าสัมบูรณ์ โดยที่ 0 และ 1 คือสีแดง
- ความอิ่มตัวจะสัมพันธ์กับรูปภาพที่ให้ไว้ในปัจจุบัน 0.5 คือไม่มีการเปลี่ยนแปลง, 0 คือไม่อิ่มตัวทั้งหมด และ 1 คือความอิ่มตัวเต็มที่
- ความสว่างก็สัมพัทธ์เช่นกัน โดยที่ 0.5 คือไม่มีการเปลี่ยนแปลง, 0 เป็นพิกเซลทั้งหมดสีดำ และ 1 เป็นพิกเซลทั้งหมดสีขาว
นอกจากนี้ คุณสามารถใช้ -1.0
สำหรับค่า HSL ใดก็ได้เพื่อระบุว่าไม่มีการเปลี่ยนแปลง