如何将Thunderbird扩展与Lightning集成

Question

我目前正在为一个项目进行初步研究，如果可行的话，它将包含一个带有Lightning集成的Thunderbird扩展。我的问题是：如何使用Thunderbird扩展程序以编程方式更改Lightning中的CSS？

具体来说，我想将Lightning UI上的背景从正常颜色更改为我的扩展中的图片 - 这个想法是用户下载扩展名，瞧，他有一个有趣的背景。你知道我怎么能做到这一点吗？

Answer 1

这应该相当简单。首先，您需要创建基本的Thunderbird扩展布局，包括chrome.manifest，install.rdf等。这与传统的Firefox附加组件相同，有时称为＆＃34; Legacy Extensions＆＃34;那里。在chrome.manifest中，您需要添加覆盖style overlay的chrome://messenger/content/messenger.xul。这将允许您覆盖CSS文件。

在CSS文件中，您只需添加正确的规则即可。您可以使用DOM Inspector确定当前应用的CSS规则，或使用remote developer tools的检查工具。

这可能会这样做：

#view-deck > * {
    background-image: url(http://baconmockup.com/800/600);
    background-size: cover;
    padding: 0;
}
calendar-month-day-box, calendar-event-column {
    opacity: 0.8;
}

如果您希望图像在每天的框中，请稍微调整一下规则。我将周视图作为练习。

calendar-month-day-box {
    background-image: url(http://baconmockup.com/200/130);
    background-size: cover;
}