ธีมคืออะไร

ธีมคือส่วนขยายประเภทพิเศษที่จะเปลี่ยนรูปลักษณ์ของเบราว์เซอร์ ธีมจะจัดแพ็กเกจเหมือนส่วนขยายทั่วไป แต่จะไม่มีโค้ด 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 หากต้องการดูสตริงที่คุณใช้ในช่อง "colors" ได้ โปรดดู kOverwritableColorTable

รูปภาพ

ทรัพยากรรูปภาพใช้เส้นทางแบบสัมพัทธ์กับรูทของส่วนขยาย คุณสามารถลบล้างรูปภาพใดก็ได้ที่ระบุโดยสตริงใน kPersistingImages รูปภาพทั้งหมดต้องจัดเก็บในรูปแบบ PNG ไม่เช่นนั้นระบบจะไม่แสดงผลอย่างถูกต้อง

พร็อพเพอร์ตี้

ช่องนี้ช่วยให้คุณระบุพร็อพเพอร์ตี้ต่างๆ เช่น การจัดแนวพื้นหลัง พื้นหลังที่ซ้ำ และโลโก้สำรอง หากต้องการดูพร็อพเพอร์ตี้และค่าที่พร็อพเพอร์ตี้มีได้ โปรดดูที่ kDisplayProperties

การปรับสมดุลสีเขียว-แดง

คุณสามารถระบุสีอ่อนที่จะใช้กับส่วนต่างๆ ของ UI เช่น ปุ่ม เฟรม และแท็บพื้นหลัง Google Chrome รองรับการปรับสี ไม่ใช่รูปภาพ เนื่องจากรูปภาพใช้งานไม่ได้ในแพลตฟอร์มต่างๆ และใช้งานไม่ได้ในกรณีที่เพิ่มปุ่มใหม่ หากต้องการดูสตริงที่คุณใช้ได้ภายในช่อง "tints" โปรดดู kTintTable

โทนสีอยู่ในรูปแบบ Hue-Saturation-Lightness (HSL) โดยใช้เลขทศนิยมในช่วง 0 - 1.0

• สีเป็นค่าสัมบูรณ์ โดย 0 และ 1 หมายถึงสีแดง
• ความอิ่มตัวจะสัมพันธ์กับรูปภาพที่ให้ไว้ในปัจจุบัน 0.5 คือไม่มีการเปลี่ยนแปลง, 0 คือลดความอิ่มตัวโดยสมบูรณ์ และ 1 คือเพิ่มความอิ่มตัวสูงสุด
• ความสว่างก็มีความเกี่ยวข้องเช่นกัน โดย 0.5 หมายถึงไม่มีการเปลี่ยนแปลง, 0 หมายถึงพิกเซลทั้งหมดเป็นสีดํา และ 1 หมายถึงพิกเซลทั้งหมดเป็นสีขาว

หรือจะใช้ -1.0 สำหรับค่า HSL ใดก็ได้เพื่อระบุว่าไม่มีการเปลี่ยนแปลง