1. 主题
主题是一种特殊的扩展,可以更改浏览器的外观。但它们不包含JavaScript或HTML代码
2. 主题编写
{
"version":"2.6",
"name":"camo theme",
"manifest_version":3,
"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,211,192],
"ntp_text":[20,40,0],
"ntp_section":[36,70,0],
"ntp_link":[207,221,192],
"button_background":[255,255,255]
},
"tints":{
"button":[0.33,0.5,0.47]
},
"propertites":{
"ntp_background_alignment":"bottom"
}
}
}
2.1 colors
RGB模式,可以设置的字段如下:
background_tab_inactive
background_tab
background_tab_incognito
background_tab_incognito_inactive
bookmark_text
button_background
frame
frame_inactive
frame_incognito
frame_incognito_inactive
ntp_background
ntp_header
ntp_link
ntp_text
omnibox_background
omnibox_text
tab_background_text
tab_background_text_inactive
tab_background_text_incognito
tab_background_text_incognito_inactive
tab_text
toolbar
toolbar_button_icon
toolbar_text
2.2 tints
可以用来指定要应用于UI的某些部分(如按钮、框架和背景标签也)的色调
色调采用色相-饱和度-亮度(HSL)格式,使用0-1.0范围内的浮点数
- 色相 是绝对值,0和1位红色
- 饱和度 相对于当前提供的图像,0.5表示无变化,0表示完全不饱和,1表示完全饱和
- 亮度 也是相对的,0.5表示无变化,0表示所有像素为黑色,1表示所有像素为白色
或者可以说会用任何HSL值来指定无更改-1.0
可以设置的值如下:
background_tab
buttons
frame
frame_inactive
frame_incognito
frame_incognito_inactive
2.3 images
必须是png,否则无法显示。支持的字段如下:
theme_frame
theme_frame_inactive
theme_frame_incognito
theme_frame_incognito_inactive
theme_toolbar
theme_tab_background
theme_tab_background_inactive
theme_tab_background_incognito
theme_tab_background_incognito_inactive
theme_tab_background_v
theme_ntp_background
theme_frame_overlay
theme_frame_overlay_inactive
theme_button_background
theme_ntp_attribution
theme_window_control_background
2.4 properties
指定背景对齐方式、背景重复和备用logo等属性。支持字段如下:
ntp_background_alignment
ntp_background_repeat
ntp_logo_alternate
3. 参考
上述的内容主要来自于官方网站,但是由于需要科学上网,以备不时之需也算是学习笔记。