MozillaZine

re - use the old icons on the new version

Discussion about official Mozilla Thunderbird builds
fdisk2k

User avatar
 
Posts: 94
Joined: November 6th, 2007, 3:21 pm
Location: Lima - Peru

Post Posted September 28th, 2020, 5:01 pm

Hello tanstaafl and other members of the forum,

Is there any way to get this icons from OSX working version (68.12.0) on the new 78.2.2? (yes I know folder theme is awful)
I remember that you once put some info (icons+userChrome.css) configuration option for Mac users, I have that option running perfectly and I would like to use the same option, if that's possible.

Thanks a lot!

Icons:

https://imgur.com/a/U5QCBQZ


userChrome.css info:

Code: Select all
    /* CHANGES ICONS ON THE MAIL-TOOLBAR  */



    #button-getmsg {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 18px 18px 0px) !important;
    }

    #button-getmsg:not([disabled="true"]):active {
      -moz-image-region: rect(18px 18px 36px 0px) !important;
    }

    #button-newmsg {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 36px 18px 18px) !important;
    }

    #button-newmsg:not([disabled="true"]):active {
      -moz-image-region: rect(18px 36px 36px 18px) !important;
    }

    #button-address {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 54px 18px 36px) !important;
    }

    #button-address:not([disabled="true"]):active {
      -moz-image-region: rect(18px 54px 36px 36px) !important;
    }

    #button-reply {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 72px 18px 54px) !important;
    }

    #button-reply:not([disabled="true"]):active {
      -moz-image-region: rect(18px 72px 36px 54px) !important;
    }

    #button-replyall {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 90px 18px 72px) !important;
    }

    #button-replyall:not([disabled="true"]):active {
      -moz-image-region: rect(18px 90px 36px 72px) !important;
    }

    #button-replylist {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 126px 18px 108px) !important;
    }

    #button-replylist:not([disabled="true"]):active {
      -moz-image-region: rect(18px 126px 36px 108px) !important;
    }

    #button-forward {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 108px 18px 90px) !important;
    }

    #button-forward:not([disabled="true"]):active {
      -moz-image-region: rect(18px 108px 36px 90px) !important;
    }

    .delete-button {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 144px 18px 126px) !important;
    }

    .delete-button:not([disabled="true"]):active {
      -moz-image-region: rect(18px 144px 36px 126px) !important;
    }

    .junk-button {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 162px 18px 144px) !important;
    }

    .junk-button:not([disabled="true"]):active {
      -moz-image-region: rect(18px 162px 36px 144px) !important;
    }

    #button-print {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 180px 18px 162px) !important;
    }

    #button-print:not([disabled="true"]):active {
      -moz-image-region: rect(18px 180px 36px 162px) !important;
    }

    #button-stop {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 198px 18px 180px) !important;
    }

    #button-stop:not([disabled="true"]):active {
      -moz-image-region: rect(18px 198px 36px 180px) !important;
    }

    #button-file {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 216px 18px 198px) !important;
    }

    #button-file:not([disabled="true"]):active {
      -moz-image-region: rect(18px 216px 36px 198px) !important;
    }

    #button-file > dropmarker {
      display: none !important;
    }

    #button-nextUnread {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 234px 18px 216px) !important;
    }

    #button-nextUnread:not([disabled="true"]):active {
      -moz-image-region: rect(18px 234px 36px 216px) !important;
    }

    #button-previousUnread {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 252px 18px 234px) !important;
    }

    #button-previousUnread:not([disabled="true"]):active {
      -moz-image-region: rect(18px 252px 36px 234px) !important;
    }

    #button-mark {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 270px 18px 252px) !important;
    }

    #button-mark:not([disabled="true"]):active {
      -moz-image-region: rect(18px 270px 36px 252px) !important;
    }

    #button-tag {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 288px 18px 270px) !important;
    }

    #button-tag:not([disabled="true"]):active {
      -moz-image-region: rect(18px 288px 36px 270px) !important;
    }

    #button-goback {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 306px 18px 288px) !important;
    }

    #button-goback:not([disabled="true"]):active {
      -moz-image-region: rect(18px 306px 36px 288px) !important;
    }

    #button-goforward {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 324px 18px 306px) !important;
    }

    #button-goforward:not([disabled="true"]):active {
      -moz-image-region: rect(18px 324px 36px 306px) !important;
    }

    #button-compact {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 342px 18px 324px) !important;
    }

    #button-compact:not([disabled="true"]):active {
      -moz-image-region: rect(18px 342px 36px 324px) !important;
    }

    #button-archive {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 360px 18px 342px) !important;
    }

    #button-archive:not([disabled="true"]):active {
      -moz-image-region: rect(18px 360px 36px 342px) !important;
    }

    #button-chat {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px, 396px, 18px, 378px) !important;
    }

    #button-chat:not([disabled="true"]):active {
      -moz-image-region: rect(18px, 396px, 36px, 378px) !important;
    }

    #button-chat[unreadMessages="true"] {
      -moz-image-region: rect(36px, 396px, 54px, 378px) !important;
      color: #0969b2 !important;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    }

    #button-chat > stack > .badgeButton-badge {
      -moz-padding-end: 1px !important;
    }

    toolbar:not([mode="text"]) .badgeButton-badge {
      -moz-margin-start: 11px !important;
      margin-bottom: 12px !important;
    }

    #button-nextMsg {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px, 414px, 18px, 396px) !important;
    }

    #button-nextMsg:not([disabled="true"]):active {
      -moz-image-region: rect(18px, 414px, 36px, 396px) !important;
    }

    #button-previousMsg {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px, 432px, 18px, 414px) !important;
    }

    #button-previousMsg:not([disabled="true"]):active {
      -moz-image-region: rect(18px, 432px, 36px, 414px) !important;
    }



    /* CHANGES ICONS ON THE COMPOSE-TOOLBAR  */




    #button-send {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 18px 18px 0px) !important;
    }

    #button-send:not([disabled="true"]):active {
      -moz-image-region: rect(18px 18px 36px 0px) !important;
    }

    #button-contacts {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 36px 18px 18px) !important;
    }

    #button-contacts:not([disabled="true"]):active,
    #button-contacts[checked="true"] {
      -moz-image-region: rect(18px 36px 36px 18px) !important;
    }

    #spellingButton {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 54px 18px 36px) !important;
    }

    #spellingButton:not([disabled="true"]):active {
      -moz-image-region: rect(18px 54px 36px 36px) !important;
    }

    #button-attach {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 72px 18px 54px) !important;
    }

    #button-attach:not([disabled="true"]):active {
      -moz-image-region: rect(18px 72px 36px 54px) !important;
    }

    #button-security {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 90px 18px 72px) !important;
    }

    #button-security:not([disabled="true"]):active {
      -moz-image-region: rect(18px 90px 36px 72px) !important;
    }

    #button-save {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 108px 18px 90px) !important;
    }

    #button-save:not([disabled="true"]):active {
      -moz-image-region: rect(18px 108px 36px 90px) !important;
    }

    #quoteButton {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 126px 18px 108px) !important;
    }

    #quoteButton:not([disabled="true"]):active {
      -moz-image-region: rect(18px 126px 36px 108px) !important;
    }

    #cut-button {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 144px 18px 126px) !important;
    }

    #cut-button:not([disabled="true"]):active {
      -moz-image-region: rect(18px 144px 36px 126px) !important;
    }

    #copy-button {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 162px 18px 144px) !important;
    }

    #copy-button:not([disabled="true"]):active {
      -moz-image-region: rect(18px 162px 36px 144px) !important;
    }

    #paste-button {
      list-style-image: url("compose-toolbar.png") !important;
      -moz-image-region: rect(0px 180px 18px 162px) !important;
    }

    #paste-button:not([disabled="true"]):active {
      -moz-image-region: rect(18px 180px 36px 162px) !important;
    }



    /* CHANGES ICONS ON THE ADDRESSBOOK-TOOLBAR  */




    #button-newcard {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(0px 18px 18px 0px) !important;
    }

    #button-newcard:not([disabled="true"]):active {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(18px 18px 36px 0px) !important;
    }

    #button-newlist {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(0px 36px 18px 18px) !important;
    }

    #button-newlist:not([disabled="true"]):active {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(18px 36px 36px 18px) !important;
    }

    #button-editcard {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(0px 54px 18px 36px) !important;
    }

    #button-editcard:not([disabled="true"]):active {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(18px 54px 36px 36px) !important;
    }

    #button-newmessage {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(0px 72px 18px 54px) !important;
    }

    #button-newmessage:not([disabled="true"]):active {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(18px 72px 36px 54px) !important;
    }

    #button-newim {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(0px 90px 18px 72px) !important;
    }

    #button-newim:not([disabled="true"]):active {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(18px 90px 36px 72px) !important;
    }

    #button-abdelete {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(0px 108px 18px 90px) !important;
    }

    #button-abdelete:not([disabled="true"]):active {
      list-style-image: url("addressbook-toolbar.png") !important;
      -moz-image-region: rect(18px 108px 36px 90px) !important;
    }

    /* CHANGES ICONS ON THE MSG HEADER TOOLBAR  */

    .hdrReplyToSenderButton,
    .hdrDummyReplyButton,
    .hdrReplyButton {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 72px 18px 54px) !important;
    }

    .hdrReplyListButton,
    .hdrFollowupButton {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 126px 18px 108px) !important;
    }

    .hdrReplyAllButton {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 90px 18px 72px) !important;
    }

    .hdrForwardButton {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 108px 18px 90px) !important;
    }

    .hdrArchiveButton {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 360px 18px 342px) !important;
    }

    .hdrJunkButton {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 162px 18px 144px) !important;
    }

    .hdrTrashButton {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 144px 18px 126px) !important;
    }

    .hdrTagButton {
      list-style-image: url("mail-toolbar.png") !important;
      -moz-image-region: rect(0px 288px 18px 270px) !important;
    }
12º 12' S
77º 03' W

morat
 
Posts: 3994
Joined: February 3rd, 2009, 6:29 pm

Post Posted September 29th, 2020, 8:59 am

What version is mail-toolbar.png from?

The OSX buttons are monochrome in Thunderbird 68.

Reference
http://searchfox.org/comm-esr68/search?q=%23button-getmsg&path=osx
http://searchfox.org/comm-esr68/search?q=getmsg.svg

The following addon styles the mail, compose, header toolbars - but not the addressbook toolbar.

Phoenity Icons
http://addons.thunderbird.net/thunderbird/addon/986685

fdisk2k

User avatar
 
Posts: 94
Joined: November 6th, 2007, 3:21 pm
Location: Lima - Peru

Post Posted September 29th, 2020, 10:15 am

Hello Morat,

I've been updating Thunderbird a long time ago, I've remember you posted this icons as well the code and I've been using without problems until the 78.2.2 version updated.

I have Thunderbird/68.12.0 working right now in OSX Mojave.

I'm posting the toolbar as well the folder tree, I'd like to use the same in the 78 version if that's possible.
Thanks again for your help and time

Folder icons & toolbar

https://imgur.com/a/jiOotCX
12º 12' S
77º 03' W

morat
 
Posts: 3994
Joined: February 3rd, 2009, 6:29 pm

Post Posted September 29th, 2020, 3:58 pm

fdisk2k wrote:you posted these icons as well as the code

Not me. The style was likely posted by RobertJ.

Similar thread: viewtopic.php?p=12258701#p12258701

fdisk2k

User avatar
 
Posts: 94
Joined: November 6th, 2007, 3:21 pm
Location: Lima - Peru

Post Posted September 29th, 2020, 4:15 pm

That's correct Morat,
should I continue the topic in that thread?.

I want to be able to get working those icons in the current version.
12º 12' S
77º 03' W

Return to Thunderbird Builds


Who is online

Users browsing this forum: No registered users and 3 guests