מהם עיצובים?

עיצוב הוא סוג מיוחד של תוסף שמשנה את המראה של הדפדפן. העיצובים הם ארוזים כמו תוספים רגילים, אבל הם לא מכילים 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. כדי למצוא את המחרוזות שאפשר להשתמש בהן בתוך ה'צבעים' שדה, לראות kOverwritableColorTable

תמונות

במשאבי התמונות נעשה שימוש בנתיבים שמתייחסים לשורש של התוסף. אפשר לשנות כל אחת מהתמונות שצוינו על ידי המחרוזות בפונקציה kPersistingImages. כל התמונות צריכות להיות בפורמט PNG או שהן לא יוצגו כראוי.

נכסים

שדה זה מאפשר לך לציין מאפיינים כגון יישור רקע, חזרה על רקע ו לוגו חלופי כדי לראות את המאפיינים והערכים האפשריים שלהם, עיינו בכתובת kDisplayProperties.

גוונים

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

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

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

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