css – 如何“破解”Thunderbird Lightning扩展以完全着色类别

category-overlay.png图像仅仅是一个渐变叠加,以使类别栏看起来正确.

这里有两个选择.一个更容易但不可靠,另一个更难：

选项A：简单

在$profile / chrome /目录中创建userChrome.css.它应包含以下内容：

@H_673_18@ .calendar-color-box[categories~="mycategory"],.calendar-event-box-container[categories~="mycategory"] { BACkground-color: #abc123 !important; }

您需要为要更改颜色的每个类别执行此操作.请注意,在“闪电”选项中更改类别的颜色不会更改您在此处设置的类别颜色.

选项B：更完整

你需要在这里修改lightning.xpi中的一些文件.此解决方案仅需要您在Lightning中设置类别颜色,并且还适用于新添加的类别.请注意,这种方式没有类别的事件是透明的,如果你想要更多,你必须自己做.

>使用zip程序打开lightning.xpi
>输入目录chrome /
>使用zip程序打开包含calendar.jar
>下降到内容/日历/
>打开calendar-multiday-view.xml

>搜索“calendar-color-box”并将其从class属性中删除
>上面几行有一个< content>标签,添加class =“category-color-box”

>打开calendar-month-view.xml和calendar-view-core.xml并执行相同操作
>将文件保存回calendar.jar
>将calendar.jar保存回lightning.xpi
>安装修改后的lightning.xpi

如果你想看一个补丁,这适用于最新的comm-central源：

@H_673_18@diff --git a/calendar/base/content/calendar-month-view.xml b/calendar/base/content/calendar-month-view.xml --- a/calendar/base/content/calendar-month-view.xml +++ b/calendar/base/content/calendar-month-view.xml @@ -52,21 +52,20 @@ <bindings id="calendar-month-view-bindings" xmlns="http://www.mozilla.org/xbl" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:xbl="http://www.mozilla.org/xbl"> <binding id="calendar-month-day-box-item" extends="chrome://calendar/content/calendar-view-core.xml#calendar-editable-item"> - <content mousethrough="never" tooltip="itemTooltip"> + <content mousethrough="never" tooltip="itemTooltip" class="category-color-box"> <xul:vbox flex="1"> <xul:hbox> <xul:box anonid="event-container" - class="calendar-color-box" xbl:inherits="calendar-uri,calendar-id" flex="1"> <xul:box class="calendar-event-SELEction" orient="horizontal" flex="1"> <xul:stack anonid="eventbox" class="calendar-event-box-container" xbl:inherits="readonly,flashing,alarm,allday,priority,progress,status,calendar,categories" flex="1"> <xul:hbox class="calendar-event-details"> diff --git a/calendar/base/content/calendar-multiday-view.xml b/calendar/base/content/calendar-multiday-view.xml --- a/calendar/base/content/calendar-multiday-view.xml +++ b/calendar/base/content/calendar-multiday-view.xml @@ -2119,20 +2119,19 @@ ]]></handler> </handlers> </binding> <!-- - An individual event box,to be inserted into a column. --> <binding id="calendar-event-box" extends="chrome://calendar/content/calendar-view-core.xml#calendar-editable-item"> - <content mousethrough="never" tooltip="itemTooltip"> + <content mousethrough="never" tooltip="itemTooltip" class="category-color-box"> <xul:box xbl:inherits="orient,width,height" flex="1"> <xul:box anonid="event-container" - class="calendar-color-box" xbl:inherits="orient,readonly,categories,calendar-uri,calendar-id" flex="1"> <xul:box class="calendar-event-SELEction" orient="horizontal" flex="1"> <xul:stack anonid="eventbox" align="stretch" class="calendar-event-box-container" flex="1" xbl:inherits="context,parentorient=orient,categories"> diff --git a/calendar/base/content/calendar-view-core.xml b/calendar/base/content/calendar-view-core.xml --- a/calendar/base/content/calendar-view-core.xml +++ b/calendar/base/content/calendar-view-core.xml @@ -46,21 +46,21 @@ xmlns="http://www.mozilla.org/xbl" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:xbl="http://www.mozilla.org/xbl"> <binding id="calendar-editable-item"> <content mousethrough="never" tooltip="itemTooltip" - tabindex="-1"> + tabindex="-1" + class="category-color-box"> <xul:vbox flex="1"> <xul:hbox> <xul:box anonid="event-container" - class="calendar-color-box" xbl:inherits="calendar-uri,calendar-id" flex="1"> <xul:box class="calendar-event-SELEction" orient="horizontal" flex="1"> <xul:stack anonid="eventbox" class="calendar-event-box-container" flex="1" xbl:inherits="readonly,categories"> <xul:hbox class="calendar-event-details">

选项C：更改Javascript

这将是最好的工作黑客,虽然它需要javascript更改.按选项B中所述打开calendar.jar并查看calendar-views.js,有两个函数：updateStyleSheetForViews()和updateStyleSheetForCategory().我会把这个留给想要自己修补它的人,但想法是为.calendar-color-box [categories~ = …]添加一个规则,如果有类别,它会覆盖默认规则.这样,如果没有设置类别,则使用日历颜色,否则使用所需的类别颜色.

玩得开心 ：)