מהם עיצובים?

עיצוב הוא סוג מיוחד של תוסף שמשנה את המראה של הדפדפן. חבילת נושאים מתבצעת כמו חבילת תוספים רגילים, אבל הם לא מכילים קוד JavaScript או HTML.

מעלים עיצובים לחנות האינטרנט של Chrome באותו אופן שבו מעלים תוספים. במהלך ההעלאה תתבקשו לבחור קטגוריה. רשימת הקטגוריות של העיצובים מופיעה במסמכי העזרה של חנות האינטרנט של Chrome בקטע 'שיטות מומלצות'.

בחנות האינטרנט של Chrome אפשר למצוא ולנסות מגוון עיצובים.

מניפסט

דוגמה לקובץ 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.

גוונים

אפשר לציין גוונים שיחולו על חלקים בממשק המשתמש, כמו לחצנים, המסגרת והכרטיסייה של הרקע. Google Chrome תומך בגוונים, ולא בתמונות, כי תמונות לא פועלות בפלטפורמות שונות וקשה להוסיף עליהן לחצנים חדשים. כדי למצוא את המחרוזות שאפשר להשתמש בהן בשדה tints, אפשר לעיין במאמר kTintTable.

גוונים מוצגים בפורמט גוון-רוויה-בהירות (HSL), באמצעות מספרים עם נקודה צפה (floating-point) בטווח 0 עד 1.0:

• הגוון הוא ערך מוחלט, כאשר 0 ו-1 הם אדום.
• הערך של Saturation הוא יחסי לתמונה הנוכחית שסיפקתם. הערך 0.5 מייצג ללא שינוי, הערך 0 מייצג דהידרציה מלאה והערך 1 מייצג הסלעה מלאה.
• גם הערך של בהירות הוא יחסי: הערך 0.5 מייצג ללא שינוי, הערך 0 מייצג כל הפיקסלים שחורים והערך 1 מייצג כל הפיקסלים לבנים.

לחלופין, אפשר להשתמש ב--1.0 לכל אחד מערכי ה-HSL כדי לציין ללא שינוי.