Color of folder icon
FF
In the Firefox 2.0 it is yellow. How can I change in Forefox the color
of the folder icon from yellow to blue (or other color)?
Thanks.
Beryl
The BEST way is to install Sky Pilot Classic theme from
https://www.projectit.com/
You'll get nice grey folders with blue accents. The whole theme is an
elegant mix of grey gradations with blue highlights.
The hard way is to find your existing theme's .jar file, make a copy of
it to work with, change the copy's extension to .zip and open it with,
say, WinZip, find the folder icon and edit it to change the color, zip
it back up, change the extension back to .jar, temporarily rename the
original .jar file and see how Firefox works with the new one.
Roland de Ruiter
Add the attached lines to your userChrome.js file. [I just hope this
server accepts a text-only attachment].
For info on how to find and edit this file, see
<http://kb.mozillazine.org/UserChrome.js>.
How to do it yourself?
1) Save the original image containing the bookmark icons. For FF2.0 (in
its default theme), it's located at
<chrome://global/skin/icons/folder-item.png>.
You can't click this URL, you'll have to copy it from this message and
then paste it into the Firefox address bar.
2) Adjust colors to your likings with a image tool and save it (I used
GIMP).
3) Convert the binary data to Base64 encoded text (I used Cygwin's
base64.exe command line tool).
4) URL-encode this base64 representation of the image to a valid URL
representation (it replaces '=' characters in the base64 text by '%3D',
for instance). I used the online encoder at
<http://meyerweb.com/eric/tools/dencoder/>
5) Paste the result at the appropriate location in the userChrome.js.
--
Regards,
Roland
Roland de Ruiter
For steps 3 and 4 you can use the online data:-URL maker instead.
--
Regards,
Roland
FF
> On 6-6-2008 3:52, FF wrote:
>
>> In Mozilla suite the folder icon in bookmarks is blue.
>> In the Firefox 2.0 it is yellow. How can I change in Forefox the color
>> of the folder icon from yellow to blue (or other color)?
>> Thanks.
>
>
> Add the attached lines to your userChrome.js file. [I just hope this
> server accepts a text-only attachment].
>
> For info on how to find and edit this file, see
> <http://kb.mozillazine.org/UserChrome.js>.
>
> How to do it yourself?
> 1) Save the original image containing the bookmark icons. For FF2.0 (in
> its default theme), it's located at
> <chrome://global/skin/icons/folder-item.png>.
> You can't click this URL, you'll have to copy it from this message and
> then paste it into the Firefox address bar.
>
> 2) Adjust colors to your likings with a image tool and save it (I used
> GIMP).
>
I copied it into userChrome and it worked.
> 3) Convert the binary data to Base64 encoded text (I used Cygwin's
> base64.exe command line tool).
>
> 4) URL-encode this base64 representation of the image to a valid URL
> representation (it replaces '=' characters in the base64 text by '%3D',
> for instance). I used the online encoder at
> <http://meyerweb.com/eric/tools/dencoder/>
>
> 5) Paste the result at the appropriate location in the userChrome.js.
>
>
> ------------------------------------------------------------------------
>
>
> /* Blue bookmarks folder icons
> * ---------------------------
> * Only works for bookmark icons in the main FF window, not in
> * the Bookmarks Manager window.
> *
> * The new list style image is an blue-adapted version of the
> * original image, chrome://global/skin/icons/folder-item.png
> * The binary data of this image is converted into text using
> * Base64 encoding. This is URL-encoded into a data:-URL.
> *
> * Note, that when you copy these lines, you must make sure that
> * url(data:....) must be on a single line. (Some editors split
> * this long line into several lines; if this happens, it won't
> * work)
> */
> .bookmark-item {
> list-style-image: url(data:image/png;base64,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%3D) !important;
> }
>