Changing folders icons in new Thunderbird

Discussion of features in Mozilla Thunderbird
thoste
Posts: 317
Joined: June 7th, 2003, 12:45 am

Re: Changing folders icons in new Thunderbird

Post by thoste »

Diorser wrote:The default folder.svg icon is in omni.ja file @ chrome/classic/skin/classic/messenger/icons/folder.svg

which code is:

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
  <path fill="context-fill" d="M13 4H7.85L6.38 2.54A1.93 1.93 0 005.02 2H2a2 2 0 00-2 2v9c0 1.1.9 2 2 2h11a2 2 0 002-2V6a2 2 0 00-2-2zM5 4l1 1H2V4zm8 9H2V6h5.8v-.01c0-.05.1.01.15.01H13z"/>
</svg>
Many thanks so far.

I am approaching a satisfying solution.

First of all:

A SVG CAN be (somehow) cropped!
Even better: It can be cropped easily.

1. Open SVG online editor service https://vectorpaint.yaks.co.nz/ in Firefox
Other online SVG editors are available but I did not tried them like:
- https://editor.method.ac/
- https://www.clker.com/inc/svgedit/svg-editor.html
- https://boxy-svg.com/app/-LZT_kgM3DaZxqKRPPwy
2. Load (File-->Open SVG) the folder.svg file provided by Diorser
3. As you can see there is lot of space around the core folder shape:

Image

4. Now resize folder to fit the full SVG dimensions. Play around
It looks now something like this:

Image

5. Save the new SVG (File--->Download)
6. Rename the just saved SVG to folder.svg and copy it tot the "chrome subfolder of TB
7. Add the following instruction to userChrome.css:

Code: Select all

treechildren::-moz-tree-image(folderNameCol) {
     list-style-image: url("folder.svg") !important;
     width: 16px !important;       /* no use; can be deleted */
     height: 16px !important;      /* no use; can be deleted */
}

#folderTree > treechildren::-moz-tree-image {
  width: 12px !important;
  height: 11px !important;
}
Thats it! As you can see the folders/folder tree looks much better:

Image

v78.7.1 A is with the resized DEFAULT folder icon
v78.7.1 B is the resized folder icon with modified folder svg.

Ok, the folders "Draft", "Inbox", "Sent", "Junk", "Trash" look like now as a normal folder.
But thats acceptable for me.

It remains one question @diorser:

How did you extract the source of folder.svg from omni.ja?

I opened omni.ja in editor and searched for the string "1H2V4zm8" but did not found it.
Is it binary encoded?
User avatar
Diorser
Posts: 1009
Joined: June 22nd, 2005, 6:57 am

Re: Changing folders icons in new Thunderbird

Post by Diorser »

thoste wrote:A SVG CAN be (somehow) cropped !
Minor remark: "somehow" as you say.
If you edit a svg file in a text editor, it's hard to interpret what cropping means. You just resize something, change data in a text file.
But agreed, a SVG graphic tool understands what you want to achieve, assuming you even don't know what a 'viewBox' svg parameter is, or the difference between a real image file (png/jpeg etc), and svg which is a text file interpreted as an image.
[SVG Tutorial](https://www.w3schools.com/graphics/svg_intro.asp)
thoste wrote:How did you extract the source of folder.svg from omni.ja ?
It depends how it has been built. In a Debian firefox build, omni.ja is just a zip file.
Mozilla built is a bit special: it's a zip file, but with some header mistakes which can be corrected like this:

Code: Select all

zip -FF omni.ja --out omni.ja.zip
To extract 'chrome/classic/skin/classic/messenger/icons/folder.svg'

Code: Select all

unzip omni.ja.zip 'chrome/classic/skin/classic/messenger/icons/folder.svg'
ton85
Posts: 163
Joined: May 30th, 2005, 7:18 am

Re: Changing folders icons in new Thunderbird

Post by ton85 »

morat wrote:I don't know of an addon or theme to change the folder pane styling in Thunderbird 78.

I'm using the userChrome.css file to revert the changes. If you wish to try the style, then you would need to download the following images to the chrome folder.
Thank you so much for posting this!

I noticed that TB 91 has shrunk the spacing between the icons.
Is there any way to get the spacing back to what it used to be?
morat
Posts: 6394
Joined: February 3rd, 2009, 6:29 pm

Re: Changing folders icons in new Thunderbird

Post by morat »

@ton85

Try increasing the row height. I think the default row height is 1.8em in Thunderbird 78.

More info: http://forums.mozillazine.org/viewtopic ... #p14873368

The following addon can style the folder pane in Thunderbird 91.

Phoenity Icons
http://addons.thunderbird.net/thunderbird/addon/986685
ton85
Posts: 163
Joined: May 30th, 2005, 7:18 am

Re: Changing folders icons in new Thunderbird

Post by ton85 »

Yes, that was spot and works like a charm!

Code: Select all

#folderTree > treechildren::-moz-tree-row {
  height: 1.8em !important;
}
thoste
Posts: 317
Joined: June 7th, 2003, 12:45 am

Re: Changing folders icons in new Thunderbird

Post by thoste »

In order to replace the default TB folder icons I copied the attached file "folder.svg" to the TB subdirectory "chrome"

Then I added in userChrome.css the following statement:

treechildren::-moz-tree-image(folderNameCol) {
list-style-image: url("folder.svg") !important;
}

The SVG looks good. It worked in former TB installations.

After TB start, NO icons are shown any more in folder tree pane on the left.

Why?

Yes, toolkit.legacyUserProfileCustomizations.stylesheets is set to "true"

folder.svg:

https://filehorst.de/downloadNow.php?md ... folder.svg
User avatar
mtalbot
Posts: 50
Joined: October 13th, 2015, 5:21 am

Re: Changing folders icons in new Thunderbird

Post by mtalbot »

If anyone is interested, I have created a project on GitLab with a userChrome.css and 3 sets of SVG folder icons that I have tested with Thunderbird 78+ (including Thunderbird Beta).

Feel free to try them and, if you have suggestions for improvement, I would appreciate constructive suggestions.
DeltaBlast
Posts: 33
Joined: December 2nd, 2004, 2:33 pm

Re: Changing folders icons in new Thunderbird

Post by DeltaBlast »

ApTeM wrote:
DeltaBlast wrote:So, a bit late to the party, but I was amazed that there's STILL no theme or fix for this, so I added the image files on page one to the xpi from phoenity. So you get all the old folder icons + all new phoenity icons not covered by those 4 files at the start of the topic. It's all really lazy and it's the only thing changed, but it means you don't have to mess around with the css. Just go to extensions and choose install from file.

http://stuff.digicrap.com/phoenity_icon ... dicons.xpi

Edit: I took the other files in http://searchfox.org/comm-esr68/source/ ... ail/icons/ as well and put them in there too. Not everything is changed back, but those phoenity envelopes seem to have dissapeared yay :P This version is here:
http://stuff.digicrap.com/phoenity_icon ... icons2.xpi
Could you please actually publish this modified add-on officially?
When a new update broke them all, I figured I'd make it official to keep it working:

https://addons.thunderbird.net/en-GB/th ... old-icons/

I'd like to make change the top menu items too, but I can't find the old images. Does anyone have or know where to find the images for get mail and such, as seen here: http://write.flossmanuals.net/thunderbi ... n_1-en.jpg ? I've created my own but it's not quite the same.
morat
Posts: 6394
Joined: February 3rd, 2009, 6:29 pm

Re: Changing folders icons in new Thunderbird

Post by morat »

@DeltaBlast

I'm missing the All Mail folder image with the Google IMAP account.

Fix:

Code: Select all

/* Thunderbird userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

.tabmail-tab[type="folder"][SpecialFolder="Archive"] .tab-icon-image ,
treechildren::-moz-tree-image(folderNameCol, specialFolder-Archive) {
  list-style-image: url("chrome://oldicons/content/skin/icons/folder.png") !important;
  -moz-image-region: rect(0 208px 16px 192px) !important;
}
Old Icons 1.0.1
Thunderbird 91.2.0
Windows 10 Pro 20H2 32-bit

I don't like the default hourglass tab throbber image. I wish the image was in color.

Hourglass
http://searchfox.org/comm-esr91/search?q=hourglass.svg
DeltaBlast
Posts: 33
Joined: December 2nd, 2004, 2:33 pm

Re: Changing folders icons in new Thunderbird

Post by DeltaBlast »

morat wrote:@DeltaBlast

I'm missing the All Mail folder image with the Google IMAP account.

Fix:

Code: Select all

/* Thunderbird userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

.tabmail-tab[type="folder"][SpecialFolder="Archive"] .tab-icon-image ,
treechildren::-moz-tree-image(folderNameCol, specialFolder-Archive) {
  list-style-image: url("chrome://oldicons/content/skin/icons/folder.png") !important;
  -moz-image-region: rect(0 208px 16px 192px) !important;
}
Old Icons 1.0.1
Thunderbird 91.2.0
Windows 10 Pro 20H2 32-bit

I don't like the default hourglass tab throbber image. I wish the image was in color.

Hourglass
http://searchfox.org/comm-esr91/search?q=hourglass.svg
Ha I actually already fixed that but it hasn't been approved yet. 1.0.4 should hit soon :P Thanks though!
Edit: It's approved now.

Is the hourglass comment also aimed at me? Because I haven't even seen it yet :P
weworewhat
New Member
Posts: 1
Joined: December 31st, 2021, 6:37 pm

Re: Changing folders icons in new Thunderbird

Post by weworewhat »

I tracked down a Chrome organizer however putting the *.css record and symbol pictures in there didn't work.
Post Reply