【问题标题】:Modifying Mozilla Thunderbird-68 buttons with userChrome.css使用 userChrome.css 修改 Mozilla Thunderbird-68 按钮
【发布时间】:2019-12-03 16:25:44
【问题描述】:

由于 Mozilla Thunderbird 68 不再支持 CustomizeMyBird 插件,我的问题是如何手动修改这些按钮:

新的 Thunderbird 68 - 坏:

带有经典工具栏恢复器的旧版 Thunderbird 60 - 好:

我已启用toolkit.legacyUserProfileCustomizations.stylesheets true,因此现在可以使用./chrome/userChrome.css 文件更改例如菜单栏背景:

menubar {
  background-color: red;
}

结果:

如何访问这些按钮?

【问题讨论】:

    标签: css mozilla thunderbird userchrome.css


    【解决方案1】:

    然后使用Aris-t2/customizeMyBird中的代码解决方案:)

    userChrome.css文件内容:

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    
    .hdrReplyToSenderButton,
    .hdrDummyReplyButton,
    .hdrReplyButton,
    .hdrReplyAllButton,
    .hdrReplyListButton,
    .hdrFollowupButton,
    .hdrForwardButton,
    .hdrArchiveButton,
    .hdrJunkButton,
    .hdrTrashButton,
    .hdrTagButton,
    #button-getmsg,
    #button-newmsg ,
    #button-address,
    #button-reply,
    #button-replyall,
    #button-replylist,
    #button-forward,
    .delete-button,
    .junk-button,
    #button-print,
    #button-stop,
    #button-file,
    #button-nextUnread ,
    #button-previousUnread,
    #button-mark,
    #button-tag,
    #button-goback,
    #button-goforward,
    #button-compact,
    #button-archive,
    #button-chat,
    #button-nextMsg,
    #button-previousMsg,
    .button-appmenu,
    #qfb-show-filter-bar,
    #palette-box #qfb-show-filter-bar{
        list-style-image: url("images/tb_mail_tb3.png") !important;
    }
    
    #button-send,
    #button-contacts,
    #spellingButton,
    #button-attach,
    #button-security,
    #button-save,
    #quoteButton,
    #cut-button,
    #copy-button,
    #paste-button/*,
    #attachmentNotificationBox > notification .messageImage*/ {
        list-style-image: url("images/tb_compose_tb3.png") !important;
    }
    
    /* main window */
    .hdrReplyToSenderButton,
    .hdrDummyReplyButton,
    .hdrReplyButton {
        -moz-image-region: rect(0px, 72px, 18px, 54px) !important;
    }
    .hdrReplyAllButton {
        -moz-image-region: rect(0px, 90px, 18px, 72px) !important;
    }
    .hdrReplyListButton,
    .hdrFollowupButton {
        -moz-image-region: rect(0px, 126px, 18px, 108px) !important;
    }
    .hdrForwardButton {
        -moz-image-region: rect(0px, 108px, 18px, 90px) !important;
    }
    .hdrArchiveButton {
        -moz-image-region: rect(0px, 360px, 18px, 342px) !important;
    }
    .hdrJunkButton {
        -moz-image-region: rect(0px, 162px, 18px, 144px) !important;
    }
    .hdrTrashButton {
        -moz-image-region: rect(0px, 144px, 18px, 126px) !important;
    }
    .hdrTagButton {
        -moz-image-region: rect(0px, 288px, 18px, 270px) !important;
    }
    #button-getmsg {
        -moz-image-region: rect(0px, 18px, 18px, 0px) !important;
    }
    #button-newmsg {
        -moz-image-region: rect(0px, 36px, 18px, 18px) !important;
    }
    #button-address {
        -moz-image-region: rect(0px, 54px, 18px, 36px) !important;
    }
    #button-reply {
        -moz-image-region: rect(0px, 72px, 18px, 54px) !important;
    }
    #button-replyall {
        -moz-image-region: rect(0px, 90px, 18px, 72px) !important;
    }
    #button-replylist {
        -moz-image-region: rect(0px, 126px, 18px, 108px) !important;
    }
    #button-forward {
        -moz-image-region: rect(0px, 108px, 18px, 90px) !important;
    }
    .delete-button {
        -moz-image-region: rect(0px, 144px, 18px, 126px) !important;
    }
    .junk-button {
        -moz-image-region: rect(0px, 162px, 18px, 144px) !important;
    }
    #button-stop {
        -moz-image-region: rect(0px, 198px, 18px, 180px) !important;
    }
    #button-file {
        -moz-image-region: rect(0px, 216px, 18px, 198px) !important;
    }
    #button-nextUnread {
        -moz-image-region: rect(0px, 234px, 18px, 216px) !important;
    }
    #button-previousUnread {
        -moz-image-region: rect(0px, 252px, 18px, 234px) !important;
    }
    #button-mark {
        -moz-image-region: rect(0px, 270px, 18px, 252px) !important;
    }
    #button-tag {
        -moz-image-region: rect(0px, 288px, 18px, 270px) !important;
    }
    #button-goback {
        -moz-image-region: rect(0px, 306px, 18px, 288px) !important;
    }
    #button-goforward {
        -moz-image-region: rect(0px, 324px, 18px, 306px) !important;
    }
    #button-compact {
        -moz-image-region: rect(0px, 342px, 18px, 324px) !important;
    }
    #button-archive {
        -moz-image-region: rect(0px, 360px, 18px, 342px) !important;
    }
    #button-chat {
        -moz-image-region: rect(0px, 396px, 18px, 378px) !important;
    }
    #button-nextMsg {
        -moz-image-region: rect(0px, 414px, 18px, 396px) !important;
    }
    #button-previousMsg {
        -moz-image-region: rect(0px, 432px, 18px, 414px) !important;
    }
    .button-appmenu {
        -moz-image-region: rect(0px, 450px, 18px, 432px) !important;
        min-width: 35px !important;
    }
    #qfb-show-filter-bar,
    #palette-box #qfb-show-filter-bar {
        -moz-image-region: rect(0px, 378px, 18px, 360px) !important;
    }
    
    /* compose window */
    #button-send {
        -moz-image-region: rect(0px 18px 18px 0px) !important;
    }
    #button-contacts {
        -moz-image-region: rect(0px 36px 18px 18px) !important;
    }
    #spellingButton {
        -moz-image-region: rect(0px 54px 18px 36px) !important;
    }
    #button-attach {
        -moz-image-region: rect(0px 72px 18px 54px) !important;
    }
    #button-security {
        -moz-image-region: rect(0px 90px 18px 72px) !important;
    }
    #button-save {
        -moz-image-region: rect(0px 108px 18px 90px) !important;
    }
    #quoteButton {
        -moz-image-region: rect(0px 126px 18px 108px) !important;
    }
    #cut-button {
        -moz-image-region: rect(0px 144px 18px 126px) !important;
    }
    #copy-button {
        -moz-image-region: rect(0px 162px 18px 144px) !important;
    }
    #paste-button {
        -moz-image-region: rect(0px 180px 18px 162px) !important;
    }
    #button-print{
        -moz-image-region: rect(0px 180px 18px 162px) !important;
    }
    
    toolbar .toolbarbutton-1 .toolbarbutton-icon{
        height: 18px !important;
        width: 18px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /*#attachmentNotificationBox > notification .messageImage {
      width: 18px !important;
      height: 18px !important;
      background-position: -54px top !important;
    }*/
    
    /* folder icons */
    .tabmail-tab[type="folder"][SpecialFolder="Inbox"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox),
    .tabmail-tab[type="folder"][SpecialFolder="Sent"] .tab-icon-image,  treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent),
    .tabmail-tab[type="folder"][SpecialFolder="Outbox"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox),
    .tabmail-tab[type="folder"][SpecialFolder="Drafts"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts),
    .tabmail-tab[type="folder"][SpecialFolder="Templates"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates),
    .tabmail-tab[type="folder"][SpecialFolder="Junk"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk),
    .tabmail-tab[type="folder"][SpecialFolder="Trash"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash),
    .tabmail-tab[type="folder"][SpecialFolder="Archive"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Archive),
    treechildren::-moz-tree-image(folderNameCol, imapShared-true) {
        list-style-image: url("images/tb_folder_tb3.png") !important;
    }
    

    还在“chrome”目录下创建文件夹“images”,其中应包含图像文件:

    tb_compose_tb3.png
    tb_folder_tb3.png
    tb_mail_tb3.png
    

    可在Aris-t2/customizeMyBird/xpi/content/images/ 获得。

    现在新的 Thunderbird 看起来又漂亮又友好了 :) 此外 - Thunderbird 68.0b5(64 位)支持 TLSv1.3。情况越来越好。

    【讨论】:

      猜你喜欢
      • 2016-08-09
      • 2020-09-12
      • 1970-01-01
      • 1970-01-01
      • 2014-03-21
      • 2011-11-15
      • 1970-01-01
      • 1970-01-01
      • 2015-11-16
      相关资源
      最近更新 更多