Many thanks so far.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>
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:
4. Now resize folder to fit the full SVG dimensions. Play around
It looks now something like this:
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;
}
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?