MozillaZine


Changing folders icons in new Thunderbird

Discussion of features in Mozilla Thunderbird
morat
 
Posts: 4603
Joined: February 3rd, 2009, 6:29 pm

Post Posted November 1st, 2020, 5:45 pm

@siffemoz

The style should stop working after commenting out the code and restarting the app.

Try exiting the app and using the -purgecaches command line option.

i.e.

thunderbird.exe -purgecaches
ThunderbirdPortable.exe -purgecaches

More info
http://developer.mozilla.org/docs/Extensions/Updating_extensions_for_Firefox_4#Caching

siffemoz
 
Posts: 191
Joined: January 29th, 2016, 4:36 pm

Post Posted November 2nd, 2020, 12:37 am

Didn't work! But moving the commented-out code from the bottom of the file to the top did. Odd, because several other commented-out items at the bottom do get deactivated. smh

DeltaBlast
 
Posts: 30
Joined: December 2nd, 2004, 2:33 pm

Post Posted November 6th, 2020, 12:03 pm

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

ApTeM
 
Posts: 87
Joined: September 3rd, 2006, 1:32 am
Location: Artem S. Tashkinov

Post Posted December 15th, 2020, 4:05 am

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?

thoste
 
Posts: 194
Joined: June 7th, 2003, 12:45 am

Post Posted February 7th, 2021, 11:21 am


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

Post Posted February 7th, 2021, 1:47 pm

@thoste

morat wrote:If you wish to try the style, then you would need to download the following images to the chrome folder.

However, I recommend using the following addon to change folder icons.

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

thoste
 
Posts: 194
Joined: June 7th, 2003, 12:45 am

Post Posted February 10th, 2021, 5:17 am

My problem with the new Thunderbird v78 look is not because of the folder colors but the lineheight resp. icon height.

I am using Thunderbird Portable and performed the following steps:

1. Shutdown old v68 Thunderbird
2. copied the whole Thunderbird folder tree to a new location
3. I started the copy and updated this TB to the newest v78 version
4. I restarted TB

Now have a look at the following side-by-side comparison between v68.12.1 and new v78.7.1:
As you can see the line height of the folder tree pane is MUCH bigger than in the old version.
Keep in mind: I did not change anything else in preferences or userChrome.css!
Since I prefer to see as much lines as possible I want to keep the old line height.
Furthermore the new folder icons are much more heavily cropped that the old ones.
How can I change this?
New icon (colors) are acceptable for me as long as they are not or only a little bit cropped (as in v68)

Here is the snapshot:

https://i.postimg.cc/wjjkGgT0/compariso ... vs-v78.png

Image

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

Post Posted February 10th, 2021, 5:30 am

@thoste

BuddhaNature had a similar issue with the row height.

BuddhaNature wrote:first snippet of code you provided, adjusting the row height, fixed the cropping issue

BuddhaNature wrote:second snippet of code you provided, decrease the image size, also worked, fixed the cropping issue

More info: viewtopic.php?p=14873346#p14873346

thoste
 
Posts: 194
Joined: June 7th, 2003, 12:45 am

Post Posted February 11th, 2021, 2:11 am

@morat:

Thank you. It works (partially).

However I had to decrease the icon size to 11px in order not to be cropped (my line-height is 14px).

It seems to me that the actual core folder image inside the folder icon image file is surrounded by empty pixels.
Read: it is padded/framed by empty space.
If I could crop the folder image AT THE TOP (and not at the bottom) it would help.

Any idea how to crop it at the top border?

Where exactly can I find the DEFAULT folder images in TB installation?
I found NO folder.png for the default icon suite.

Is this embedded in *.exe/*.dll files?

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

Post Posted February 11th, 2021, 8:41 am


Diorser

User avatar
 
Posts: 1009
Joined: June 22nd, 2005, 6:57 am

Post Posted February 11th, 2021, 9:15 am

Always difficult to re-identify the correct useChrome documentation, most of them being obsolete for 78.
Although not official documentation, It seems the most relevant one for 78, at least for icons, is this one:

[Changing Thunderbird folder icons | Thunderbird Support Forum | Mozilla Support]
(https://support.mozilla.org/en-US/questions/1305856)

The related chrome file embedded in omni.ja is this one:
Code: Select all
chrome/classic/skin/classic/messenger/shared/folderPane.css

thoste
 
Posts: 194
Joined: June 7th, 2003, 12:45 am

Post Posted February 11th, 2021, 9:59 am

morat wrote:The default folder image is folder.svg, not folder.png.


Thank you, but I found no such file (=folder.svg) in whole TB Portable folder tree.
Where is it exactly?

Can I crop a *.svg source with CSS instructions at all?

Diorser

User avatar
 
Posts: 1009
Joined: June 22nd, 2005, 6:57 am

Post Posted February 11th, 2021, 10:24 am

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>


Which can be replaced, for example, by this one with userChrome.css:

folder.svg
Code: Select all
<svg version="1.1" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
 <g transform="scale(.75)">
  <path d="m61.122 15.88c0-2.762-2.239-5-5-5h-48.244c-2.761 0-5 2.238-5 5v32.246c0 2.761 2.239 5 5 5h48.244c2.761 0 5-2.239 5-5v-32.246z" style="fill:#4769ff"/>
 </g>
 <g transform="scale(.75)">
  <path d="m61.122 20.652c0-1.326-0.527-2.598-1.465-3.536-0.938-0.937-2.209-1.464-3.535-1.464h-25.58c-1.232 0-2.42-0.455-3.337-1.277-0.768-0.689-1.713-1.535-2.481-2.224-0.917-0.822-2.105-1.277-3.337-1.277h-13.509c-1.326 0-2.597 0.527-3.535 1.465-0.938 0.937-1.465 2.209-1.465 3.535v32.252c0 2.761 2.239 5 5 5h48.244c2.761 0 5-2.239 5-5v-27.474z" style="fill:#5d93ff"/>
 </g>
</svg>

userChrome.css
Code: Select all
/* all other folder - not special folders - used an image I prefer - need to set width and height to 16px */
treechildren::-moz-tree-image(folderNameCol) {
     list-style-image: url("folder.svg") !important;
     width: 16px !important;
     height: 16px !important;
}

note: a svg icon is just a text file.

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

Post Posted February 11th, 2021, 11:56 am

I never tried to crop the folder image from the top, not something I want to figure out.

Diorser

User avatar
 
Posts: 1009
Joined: June 22nd, 2005, 6:57 am

Post Posted February 11th, 2021, 3:12 pm

thoste wrote:Can I crop a *.svg source with CSS instructions at all?

Maybe to clarify this question, SVG means Scalable Vector Graphics, which means no need to 'crop' anything.
A same svg icon file can be used as 16x16 or 256x256 icon, without any quality difference.

[Basic shapes - SVG: Scalable Vector Graphics | MDN](https://developer.mozilla.org/en-US/doc ... sic_Shapes)

[Method Draw Vector Editor](https://editor.method.ac/)
Last edited by Diorser on February 12th, 2021, 4:04 am, edited 1 time in total.

Return to Thunderbird Features


Who is online

Users browsing this forum: No registered users and 2 guests