থিম কি?

একটি থিম হল একটি বিশেষ ধরনের এক্সটেনশন যা ব্রাউজারের চেহারা পরিবর্তন করে। থিমগুলি নিয়মিত এক্সটেনশনগুলির মতো প্যাকেজ করা হয়, তবে এতে জাভাস্ক্রিপ্ট বা 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 দেখুন।

টিন্টস

আপনি UI এর কিছু অংশ যেমন বোতাম, ফ্রেম এবং ব্যাকগ্রাউন্ড ট্যাবে প্রয়োগ করার জন্য টিন্টগুলি নির্দিষ্ট করতে পারেন। Google Chrome টিন্ট সমর্থন করে, ছবি নয়, কারণ ছবিগুলি প্ল্যাটফর্ম জুড়ে কাজ করে না এবং নতুন বোতাম যুক্ত করার ক্ষেত্রে ভঙ্গুর। আপনি "tints" ক্ষেত্রের মধ্যে ব্যবহার করতে পারেন এমন স্ট্রিংগুলি খুঁজে পেতে, kTintTable দেখুন।

টিন্টগুলি হিউ-স্যাচুরেশন-লাইটনেস (এইচএসএল) ফর্ম্যাটে রয়েছে, 0 - 1.0 রেঞ্জে ভাসমান-বিন্দু সংখ্যা ব্যবহার করে:

• হিউ একটি পরম মান, 0 এবং 1 লাল।
• স্যাচুরেশন বর্তমানে প্রদত্ত চিত্রের সাথে আপেক্ষিক। 0.5 কোন পরিবর্তন নয় , 0 সম্পূর্ণরূপে desaturated , এবং 1 সম্পূর্ণ সম্পৃক্ততা ।
• হালকাতাও আপেক্ষিক, 0.5 এর কোন পরিবর্তন নেই , 0 পিক্সেল কালো এবং 1 সব পিক্সেল সাদা ।

কোনো পরিবর্তন না করার জন্য আপনি বিকল্পভাবে HSL মানগুলির জন্য -1.0 ব্যবহার করতে পারেন।