Firefox bookmark folder color

Firefox bookmark folder color DEFAULT

This updated code should cover some cases of treechildren type lists. The #placesList and #placeContent work in the Library and you can choose not to include these selectors in the :-moz-any() list.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Colored folders for bookmark sidebar, toolbar, menu button, classic menu Updated for Firefox 60 on May 10, https://www.userchrome.org/what-is-userchrome-css.html */ /* Updated for Firefox 62 on Sep 15, [/questions/#answer] How to change bookmark folder icons color in Library window? */ /* Standard folder */ #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, :-moz-any( #PlacesToolbarItems, #PlacesChevronPopup, #BMB_bookmarksPopup, #bookmarksMenu) menu[container="true"] > .menu-iconic-left > .menu-iconic-icon { fill: #e8bb00 !important; /* slightly muted gold */ } /* Live Bookmark (RSS Feed) */ #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, :-moz-any( #PlacesToolbarItems, #PlacesChevronPopup, #BMB_bookmarksPopup, #bookmarksMenu) menu[container="true"][livemark="true"] > .menu-iconic-left > .menu-iconic-icon { fill: orange !important; } /* Smart bookmark folder */ #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon, :-moz-any( #PlacesToolbarItems, #PlacesChevronPopup, #BMB_bookmarksPopup, #bookmarksMenu) menu[container="true"][query="true"] > .menu-iconic-left > .menu-iconic-icon { fill: #69c !important; /* similar to blue smart folder color */ } /* NEW code for treechildren */ /* Standard folder */ :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container) { fill: # !important; background-color: #eee !important; } /* Live Bookmark (RSS Feed) */ :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, livemark) { fill: orange !important; } /* Smart bookmark folder */ :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, query) { fill: #69c !important; /* similar to blue smart folder color */ } /* These "containers" are SVG in the sidebar and in the menu */ :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, OrganizerQuery_BookmarksMenu), :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, queryFolder_menu________) { fill: olive !important; } :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, OrganizerQuery_BookmarksToolbar), :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, queryFolder_toolbar_____) { fill: olive !important; } :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, OrganizerQuery_UnfiledBookmarks), :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, queryFolder_unfiled_____) { fill: olive !important; } /* END of code for treechildren */ /* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */ #BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon, #bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon { list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; } #BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon, #bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon { list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important; }

This updated code should cover some cases of treechildren type lists. The #placesList and #placeContent work in the Library and you can choose not to include these selectors in the :-moz-any() list. <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Colored folders for bookmark sidebar, toolbar, menu button, classic menu Updated for Firefox 60 on May 10, https://www.userchrome.org/what-is-userchrome-css.html */ /* Updated for Firefox 62 on Sep 15, [/questions/#answer] How to change bookmark folder icons color in Library window? */ /* Standard folder */ #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, :-moz-any( #PlacesToolbarItems, #PlacesChevronPopup, #BMB_bookmarksPopup, #bookmarksMenu) menu[container="true"] > .menu-iconic-left > .menu-iconic-icon { fill: #e8bb00 !important; /* slightly muted gold */ } /* Live Bookmark (RSS Feed) */ #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, :-moz-any( #PlacesToolbarItems, #PlacesChevronPopup, #BMB_bookmarksPopup, #bookmarksMenu) menu[container="true"][livemark="true"] > .menu-iconic-left > .menu-iconic-icon { fill: orange !important; } /* Smart bookmark folder */ #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon, :-moz-any( #PlacesToolbarItems, #PlacesChevronPopup, #BMB_bookmarksPopup, #bookmarksMenu) menu[container="true"][query="true"] > .menu-iconic-left > .menu-iconic-icon { fill: #69c !important; /* similar to blue smart folder color */ } /* NEW code for treechildren */ /* Standard folder */ :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container) { fill: # !important; background-color: #eee !important; } /* Live Bookmark (RSS Feed) */ :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, livemark) { fill: orange !important; } /* Smart bookmark folder */ :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, query) { fill: #69c !important; /* similar to blue smart folder color */ } /* These "containers" are SVG in the sidebar and in the menu */ :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, OrganizerQuery_BookmarksMenu), :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, queryFolder_menu________) { fill: olive !important; } :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, OrganizerQuery_BookmarksToolbar), :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, queryFolder_toolbar_____) { fill: olive !important; } :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, OrganizerQuery_UnfiledBookmarks), :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildrenmoz-tree-image(container, queryFolder_unfiled_____) { fill: olive !important; } /* END of code for treechildren */ /* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */ #BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon, #bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon { list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; } #BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon, #bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon { list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important; }</nowiki></pre>

Modified by cor-el

Sours: https://support.mozilla.org/en-US/questions/

MozillaZine


Bookmarks Folder color

Discussion of general topics about Mozilla Firefox
Elcid
 
Posts: 7
Joined: Nov Fri 17th pm

Post Posted Nov Fri 17th pm

How do I change the Folder color in my Bookmarks. The folder color changed to gray when it updated to the current version.

Thank you.

BuddhaNature

User avatar
 
Posts:
Joined: Jan Thu 3rd pm
Location: Scotland

Post Posted Nov Fri 17th pm

Yes, I too would like to change the folder colour and appearance - if that is possible. The dull grey looks awful. Something with a colour that also has the appearance of 3D would wonderful.
OS: Windows 7 Pro. SP1 x64


BuddhaNature

User avatar
 
Posts:
Joined: Jan Thu 3rd pm
Location: Scotland

Post Posted Nov Fri 17th pm

:shock:

Morat, that looks complex and I'm no coder of any kind. :( How does a user manage to do this? Can you explain how?
OS: Windows 7 Pro. SP1 x64

Elcid
 
Posts: 7
Joined: Nov Fri 17th pm

Post Posted Nov Fri 17th pm

BuddhaNature wrote::shock:

Morat, that looks complex and I'm no coder of any kind. :( How does a user manage to do this? Can you explain how?


++

morat
 
Posts:
Joined: Feb Wed 4th am

Post Posted Nov Fri 17th pm

Here is how to fill the folder image with another color.

Code: Select all

Here is how to use the Firefox ESR 52 folder image. (for advance users only)

Code: Select all

http://kb.mozillazine.org/UserChrome.css

You would need to download the Firefox ESR 52 folder image to the chrome folder for the style to work correctly.

Firefox ESR 52 folder image
http://dxr.mozilla.org/mozilla-esr52/ra r-item.png

BuddhaNature

User avatar
 
Posts:
Joined: Jan Thu 3rd pm
Location: Scotland

Post Posted Nov Fri 17th pm

Thanks very much, Morat, greatly appreciated.

I went with the first example you posted - it's easy for a beginner to follow - but I changed the colour from "pink" to "green" (matches my installed theme). I'll try the more complex example you posted once I research how to deal with that. But the first solution does yield a good result, much better than the awful grey folders.

For Elcid's benefit, in case he doesn't know. When you create (or edit) the userChrome.css file you should use Notepad (not a word-processor). If you get stuck with this Elcid just post here and I'll do some quick instructions for you for the first method - but a read through of the Knowledge Base article that Morat points to will probably give you all the information you need.
OS: Windows 7 Pro. SP1 x64

BuddhaNature

User avatar
 
Posts:
Joined: Jan Thu 3rd pm
Location: Scotland

Post Posted Nov Fri 17th pm

Ah! Just tried the second method - wasn't so difficult - and now back to the old Firefox folders, just what I want.

Thanks again, Morat. Happy now. :D

EDIT: I wrote a step-by-step Guide on how do this for both methods suggested by Morat. The Guide is at the bottom of this webpage and is clearly labelled as such. If you want to implement either of Morat's solutions to the grey folder problem, and are not sure how to do that, just scroll down to the Guide and clear step-by-step instructions are given there.
Last edited by BuddhaNature on Feb Mon 26th pm, edited 1 time in total.
OS: Windows 7 Pro. SP1 x64

LuvKomputrs

User avatar
 
Posts:
Joined: Jun Wed 9th pm

Post Posted Nov Sat 18th am

@morat
Thanks very much for posting the css code for changing the folder colour. :)
Instead of pink I chose brown to change the folder colour.
It goes really well with the theme that I chose.
Really, really like it. :wink:
This is what my Firefox 57 looks like at the moment with userChrome.css tweaks.
https://s8.postimg.org/3kqrhmtmt/luvkomputrs.FFcss.tweaks.png
Last edited by LuvKomputrs on Nov Wed 22nd am, edited 1 time in total.

Elcid
 
Posts: 7
Joined: Nov Fri 17th pm

Post Posted Nov Sat 18th pm

I still could not figure out how to do this. I have a pea size computer illiterate brain. :(

Can someone post a step by step way for idiots? I'm using Windows if that is relevant.

BuddhaNature

User avatar
 
Posts:
Joined: Jan Thu 3rd pm
Location: Scotland

Post Posted Nov Sat 18th pm

Elcid, I'll do a step-by-step guide for you sometime tonight, when I get the time. I'll do the second solution (the most complex one) as once you can do that you will be able to do the first solution with no problems (because you'll have the understanding then).

I'm on Win7 but, as far as the solution goes, you being on Win8 shouldn't affect doing this userChrome.css thingy. However, in preparation for this you would need to make sure that on your Win8 you have Windows Explorer setup so that you can see the "extension" of all filenames. For example, for a file titled "New Text Document.txt" you need to be able to see that ".txt" part of the filename (and of course once you have that setup you'll be able to see the extensions for all files). I don't know how to that on a Win8 system but on Win7 it is done this way:

In Win7 to view the extensions of files you would go in Explorer (Menu) Tools > Folder Options Once the "Folder Options" dialogue opens up, click on the "View (tab)". Now look for an entry titled "Hide extensions for known file types". If there is a tick in that box then untick it (so that you will be able to see all file extensions).

If you set that up for yourself I'll post up this evening with further instructions. But, who knows, maybe someone else will jump in first.
OS: Windows 7 Pro. SP1 x64

Elcid
 
Posts: 7
Joined: Nov Fri 17th pm

Post Posted Nov Sat 18th pm

BuddhaNature wrote:Elcid, I'll do a step-by-step guide for you sometime tonight, when I get the time. I'll do the second solution (the most complex one) as once you can do that you will be able to do the first solution with no problems (because you'll have the understanding then).

I'm on Win7 but, as far as the solution goes, you being on Win8 shouldn't affect doing this userChrome.css thingy. However, in preparation for this you would need to make sure that on your Win8 you have Windows Explorer setup so that you can see the "extension" of all filenames. For example, for a file titled "New Text Document.txt" you need to be able to see that ".txt" part of the filename (and of course once you have that setup you'll be able to see the extensions for all files). I don't know how to that on a Win8 system but on Win7 it is done this way:

In Win7 to view the extensions of files you would go in Explorer (Menu) Tools > Folder Options Once the "Folder Options" dialogue opens up, click on the "View (tab)". Now look for an entry titled "Hide extensions for known file types". If there is a tick in that box then untick it (so that you will be able to see all file extensions).

If you set that up for yourself I'll post up this evening with further instructions. But, who knows, maybe someone else will jump in first.


Done. Thanks. :D

BuddhaNature

User avatar
 
Posts:
Joined: Jan Thu 3rd pm
Location: Scotland

Post Posted Nov Sat 18th pm

I'm writing the instructions now. Do you mean you've done the whole thing yourself? Or do you mean that you just see the extensions now?
OS: Windows 7 Pro. SP1 x64

Elcid
 
Posts: 7
Joined: Nov Fri 17th pm

Post Posted Nov Sat 18th pm

BuddhaNature wrote:I'm writing the instructions now. Do you mean you've done the whole thing yourself? Or do you mean that you just see the extensions now?


I search Folder Option and uncheck "Hide extensions for known file types".

BuddhaNature

User avatar
 
Posts:
Joined: Jan Thu 3rd pm
Location: Scotland

Post Posted Nov Sat 18th pm

This is step-by-step guide to creating and using a userChrome.css file. As an example for the guide, code is provided to implement Morat's two ways (given above) of changing the (awful) grey Bookmarks folders in Firefox Quantum. Morat's first solution was to give the user choice over the Bookmarks folder colour by allowing the user to specify an alternative "fill-colour" for the grey folders. His second solution was to replace the grey folders with the (traditional) old-style yellow Bookmarks folders. There was a problem with both code-blocks that Morat offered to manage this - both solutions did work with the (Menu) Bookmarks drop-down but neither solution worked when going (Menu) Bookmarks > Show All Bookmarks. At a later date I came across "improved" code that allowed this for both solutions. The code-blocks used in this guide are the improved code. Nevertheless, huge thanks to Morat for pointing in the right direction.


A Beginner's Guide to Creating and Using a userChrome.css File
- Example: How to Change Firefox's Grey Bookmarks Folders

(A) Setting Windows Explorer to Show Filename Extensions
(1) In Windows a filename "extension" is the characters that occur from (and include) the last 'dot/period' of a filename. For example, in a file named "New Text Document.txt" the "extension" is the characters ".txt". In a file named "Good.music.flac" the extension is ".flac". To do the filename manipulations that are in this guide we must be able to see filename "extensions" in Windows Explorer. I will explain how to do this for a Windows 7 system. (If you are using another version of Windows you will need to work out how to make the equivalent setting in your version of Windows.)
(2) In Windows Explorer go (Menu) Tools > Folder Options
(3) When the "Folder Options" dialogue opens click on the "View (tab)"
(4) Look for an entry titled "Hide extensions for known file types". If there is a tick in that box then untick it (so that you will be able to see all file extensions in your Explorer windows) then click the "OK" button.

(B) Getting to Your Profile Folder
(1) In Firefox select (Menu) Help > Troubleshooting Information
(2) In that tab look at the Application Basics table information.
(3) You will see an entry titled "Profile Folder" to the right of that entry you will see a button titled "Open Folder". Click on that button and an Explorer window will open showing the content of your Profile folder.

(C) Create a chrome Folder (if one doesn't already exist)
(1) In the root of your Profile folder (which is where Firefox opened the Explorer window - so you don't have to drill into any other folder) look to see if there is a folder titled chrome
(2) If such a folder doesn't exist create one. (It must have the title chrome - all lower-case characters.)
(3) Now double-click the chrome folder to open it. We are going to put some files in there.

(D) Getting the Image File Needed to Work with the CSS Code
(1) Click on this link: folder-item.png A webpage will open with an image in the page.
(2) Right-click on the image and select "Save image as"
(3) Download the image to your system. Do not change the name of the file, the CSS script relies on the image file having the title folder-item.png
(4) Now make a copy of the image file into the chrome folder.
Note: You do not need the folder-item.png file in the chrome folder if you intend to only use the fill-colour method of dealing with the Bookmark folders. However, it does no harm to have the file in the chrome folder in case you want to use the old-style Bookmark folders in the future.

(E) Create a userChrome.css File
(1) In some empty space in your chrome folder right-click and select New > Text Document
Windows should create a new Notepad file in the folder with the title "New Text Document.txt"
(2) Rename that file to userChrome.css For the filename use upper- and lower-case characters exactly as shown here.
(3) Windows will give a warning that you are changing the extension of the file - click "Yes" to that, you definitely want to change the extension of that file.
(4) If by some means you rename the file and find you end up with a file titled "userChrome.css.txt" then you need to delete the ".txt" part out of the file name. (i.e. you are deleting an unwanted extension - we need the extension to be .css).

(F) Paste the CSS Code into the userChrome.css File
(1) Right-click on the userChrome.css file and select Open with > Notepad
(2) Now choose ONE of these code-blocks below to use in your userChrome.css file and copy and paste ALL of that code into the Notepad window:

Choose this code below to change the fill-colour of the grey Bookmark folders:
Code: Select all

Note: if you use the above code you can change the colour "green" in the code to anything you prefer. To see a list of colour-names that should work see this webpage: CSS Colors


Choose this code below to change the Bookmarks folders to the (traditional) old-style yellow folders:
Code: Select all

(3)Important Note: All userChrome.css files should include the code-line:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
That line is known as the "namespace line" and it should be at the top of the code though it's okay to have a comment-line(s) before it. (In the code shown above the line /* Firefox userChrome.css */ is a comment-line - Firefox just ignores those lines when executing the code. They are really for the user to enter helpful comments into the code.) It is not necessary to have multiple instances of the namespace line in the code - one instance is sufficient and it should be at the top. All your code should only be pasted in after the namespace line. If you paste your code in before that line your code might fail to work because you have done so.
(4) Now Save the Notepad file - (Menu) File > Save Then close Notepad.
(5) After the Save double-check that the file is still titled userChrome.css - it should be - if it isn't give it that name.

(G) Testing if it Works
(1) Close down Firefox.
(2) Relaunch Firefox.

And hopefully you should see the folder changes you wanted. If you want to try the method you didn't use just delete the code you did use and paste in the code you didn't use (then save the file) and you are good to go.

Hope this guide was found helpful.

========================================================

VERY IMPORTANT EDIT (02 January ): As from Firefox v68 it might be the case that you find that the above userChrome.css code doesn't work even though you have followed the guide step-by-step. The problem might be that you are now using a Firefox version that will by default not search for userChrome.css (and userContent.css) when Firefox is launched. To fix this do the following:

(1) Click in Firefox to get a new tab.
(2) At the new tab enter the following 'address' about&#;config then press the enter key.
(3) A warning page will be shown. Just click to acknowledge the risk and continue.
(4) In the Advanced Preferences page search-box enter the following search term: toolkit.legacyUserProfileCustomizations.stylesheets (you can copy and paste it from here). The search will occur automatically and the preference will be shown below the search box.
(5) If the preference is set to false double-click on the preference to toggle it to true. True means Firefox supports CSS files, False that it ignores them.
(6) Close the tab and restart Firefox.

For more background details on this see the following page: https://www.ghacks.net//05/24/firef y-default/
Last edited by BuddhaNature on Jan Thu 2nd am, edited 39 times in total.
OS: Windows 7 Pro. SP1 x64

Return to Firefox General


Who is online

Users browsing this forum: No registered users and 1 guest


MozillaZine
Sours: http://forums.mozillazine.org/viewtopic.php?p=
  1. Moody afb yard sales
  2. Restaurant manager salary houston
  3. Epson wf 2660 reviews
  4. Walmart supercenter cincinnati

Chosen Solution

You need to create a userChrome.css file and copy / paste the following code into it.


/* Colored folders for bookmark sidebar, toolbar, menu button */ /* Standard folder */ #bookmarks-view treechildrenmoz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon { fill: #e8bb00 !important; /* slightly muted gold */ } /* Live Bookmark (RSS Feed) */ #bookmarks-view treechildrenmoz-tree-image(container, livemark), #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon { fill: orange !important; } /* Smart bookmark folder */ #bookmarks-view treechildrenmoz-tree-image(container, query), #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon { fill: #69c !important; /* similar to blue smart folder color */ } /* These "containers" are SVG in the sidebar, not yet on the menu */ #bookmarks-view treechildrenmoz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: olive !important; } #bookmarks-view treechildrenmoz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: olive !important; } #bookmarks-view treechildrenmoz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: olive !important; }

You need to create a userChrome.css file and copy / paste the following code into it. *https://www.userchrome.org/how-create-userchrome-css.html <nowiki> /* Colored folders for bookmark sidebar, toolbar, menu button */ /* Standard folder */ #bookmarks-view treechildrenmoz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon { fill: #e8bb00 !important; /* slightly muted gold */ } /* Live Bookmark (RSS Feed) */ #bookmarks-view treechildrenmoz-tree-image(container, livemark), #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon { fill: orange !important; } /* Smart bookmark folder */ #bookmarks-view treechildrenmoz-tree-image(container, query), #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon { fill: #69c !important; /* similar to blue smart folder color */ } /* These "containers" are SVG in the sidebar, not yet on the menu */ #bookmarks-view treechildrenmoz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: olive !important; } #bookmarks-view treechildrenmoz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: olive !important; } #bookmarks-view treechildrenmoz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: olive !important; } </nowiki>

Sours: https://support.mozilla.org/bm/questions/

You can experiment with code like this in the userChrome.css file. Use suitable color for the #rrggbb property values. You can omit the color properties. If you do not use the !important flag then you get the usual hovering effects.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #PlacesToolbarItems > .bookmark-item[container] {font-weight: ; padding-top: 5px !important} #PlacesToolbarItems > .bookmark-item[container] {background-color: #f4f4ff;} #PlacesToolbarItems > .bookmark-item[container][label="xx" i] {background-color: #rrggbb; color: #rrggbb} #PlacesToolbarItems > .bookmark-item:not([container])[label="xx" i] {background-color: #rrggbb; color: #rrggbb}

[label="xx] needs to be an exact match and [label="xx" i] means ignore case. You can use [label^="xx"] and [label*="xx"] for individual bookmarks with similar labels.

You can experiment with code like this in the <b>userChrome.css</b> file. Use suitable color for the #rrggbb property values. You can omit the color properties. If you do not use the !important flag then you get the usual hovering effects. <hr> <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #PlacesToolbarItems > .bookmark-item[container] {font-weight: ; padding-top: 5px !important} #PlacesToolbarItems > .bookmark-item[container] {background-color: #f4f4ff;} #PlacesToolbarItems > .bookmark-item[container][label="xx" i] {background-color: #rrggbb; color: #rrggbb} #PlacesToolbarItems > .bookmark-item:not([container])[label="xx" i] {background-color: #rrggbb; color: #rrggbb} </nowiki></pre> [label="xx] needs to be an exact match and [label="xx" i] means ignore case. You can use [label^="xx"] and [label*="xx"] for individual bookmarks with similar labels. *https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
Sours: https://support.mozilla.org/en-US/questions/

Bookmark color firefox folder

piratebabe said

I'm a senior citizen and don't know much at all about computers. But I do know that the new changes on the clear folders for me are hard to see. Is there any way I can change back to your last version of Mozilla so I can get the beige folders back? Why does everyone think that things need to be changed all the time? I can see a time in the near future when computers and smartphones are so advanced I won't be able to use them anymore. There are a lot of us seniors who use computers and aren't computer literate and I think you should take us into consideration when you decide to change things that are working just fine for us.

% agree. Unfortunately, the tech industry feels that it must constantly be in a state of evolving in order to survive. To some extent, this is true, because the industry achieves market saturation so quickly. There is this symbiotic relationship between software and hardware producers. Both need each other to continually evolve in order for both to survive. If one stops evolving, the it will kill the other and itself.

When the PC first came into being around 30 years ago, it had a huge room for improvement. They were incredibly slow and expensive. Software was garbage. The market was screaming for something better and FAST. My first PC was an Intel with 4 MB of ram running Windows You pushed the button to turn it on and went a cooked lunch while it was booting up. Then you launched a program and took a post-lunch nap waiting for it to load. An entire program could fit on a MB floppy disk. Hard drives were measured in megabytes. I had a 20 and a megabyte drive.

Even though the software was small back then, even the best hardware had a hard time running it. So software was the driving force behind hardware development. As hardware got better, it opened up new capabilities for software development, which in turn put a greater burden on hardware, necessitating further hardware development.

The problem is that back in those days, the PC was exactly that, a Personal Computer. Its primary function was to serve a consumer market focused on things that the average consumer needed, which was pretty minimal. All the way, the PC market has changed. As the lines between work and home life have blurred, the PC today is more of a BC (Business Computer) rather than a PC. The average consumer needs very little more than they did 20 years ago. I still own a copy of Microsoft Word 98, which (if it were not insecure) would serve all of my word processing needs just fine. I don't need anything more when it comes to word processing now, than I did 20 years ago. I would venture to say that the large majority of people would be in the same boat.

So why does Microsoft continue to develop Word if the average user does not need anything thing more than what it could do 20 years ago? Because the PC is no longer geared towards the average user. It is geared towards business users and developers. And herein lies the problem. You and I have no use for all these improvements. We were just fine with what we had 20 years ago, but the problem is, the tech industry cannot survive on people like you and me who are satisfied with what we have. It can only survive if it is constantly moving forward supplying the market with new tech whether they need it or not.

Why is it this way? Well, the long and short is, people need jobs. In order for people to have jobs, they have to constantly be producing. Unlike real consumable products like food and clothing which people need every day, once you write the code for a piece of software, your job is done. The software is infinitely reproducible with no effort or needs for you. So the only way you can keep your job is to constantly be producing new code and convincing people, "They Need It'.

I agree with you that the old style of Thunderbird what MUCH easier on the eyes. No matter WHAT the argument here were for why it changed, the real reason is that people need tech jobs, and they have to constantly be developing new hardware and code to keep their job.

Now you know, the rest of the story. Good Day.

''<p>piratebabe [[#answer|said]]</p>'' <blockquote>I'm a senior citizen and don't know much at all about computers. But I do know that the new changes on the clear folders for me are hard to see. Is there any way I can change back to your last version of Mozilla so I can get the beige folders back? Why does everyone think that things need to be changed all the time? I can see a time in the near future when computers and smartphones are so advanced I won't be able to use them anymore. There are a lot of us seniors who use computers and aren't computer literate and I think you should take us into consideration when you decide to change things that are working just fine for us. </blockquote> % agree. Unfortunately, the tech industry feels that it must constantly be in a state of evolving in order to survive. To some extent, this is true, because the industry achieves market saturation so quickly. There is this symbiotic relationship between software and hardware producers. Both need each other to continually evolve in order for both to survive. If one stops evolving, the it will kill the other and itself. When the PC first came into being around 30 years ago, it had a huge room for improvement. They were incredibly slow and expensive. Software was garbage. The market was screaming for something better and FAST. My first PC was an Intel with 4 MB of ram running Windows You pushed the button to turn it on and went a cooked lunch while it was booting up. Then you launched a program and took a post-lunch nap waiting for it to load. An entire program could fit on a MB floppy disk. Hard drives were measured in megabytes. I had a 20 and a megabyte drive. Even though the software was small back then, even the best hardware had a hard time running it. So software was the driving force behind hardware development. As hardware got better, it opened up new capabilities for software development, which in turn put a greater burden on hardware, necessitating further hardware development. The problem is that back in those days, the PC was exactly that, a Personal Computer. Its primary function was to serve a consumer market focused on things that the average consumer needed, which was pretty minimal. All the way, the PC market has changed. As the lines between work and home life have blurred, the PC today is more of a BC (Business Computer) rather than a PC. The average consumer needs very little more than they did 20 years ago. I still own a copy of Microsoft Word 98, which (if it were not insecure) would serve all of my word processing needs just fine. I don't need anything more when it comes to word processing now, than I did 20 years ago. I would venture to say that the large majority of people would be in the same boat. So why does Microsoft continue to develop Word if the average user does not need anything thing more than what it could do 20 years ago? Because the PC is no longer geared towards the average user. It is geared towards business users and developers. And herein lies the problem. You and I have no use for all these improvements. We were just fine with what we had 20 years ago, but the problem is, the tech industry cannot survive on people like you and me who are satisfied with what we have. It can only survive if it is constantly moving forward supplying the market with new tech whether they need it or not. Why is it this way? Well, the long and short is, people need jobs. In order for people to have jobs, they have to constantly be producing. Unlike real consumable products like food and clothing which people need every day, once you write the code for a piece of software, your job is done. The software is infinitely reproducible with no effort or needs for you. So the only way you can keep your job is to constantly be producing new code and convincing people, "They Need It'. I agree with you that the old style of Thunderbird what MUCH easier on the eyes. No matter WHAT the argument here were for why it changed, the real reason is that people need tech jobs, and they have to constantly be developing new hardware and code to keep their job. Now you know, the rest of the story. Good Day.

Sours: https://support.mozilla.org/en-US/questions/?page=2
How to get back the vanilla bookmarks folder color in Firefox 57? (4 Solutions!!)

jscher/color-gray-bookmark-folders.css

/* Colored bookmark sidebar, toolbar, menu button containers *//* Standard folder */#bookmarks-viewtreechildrenmoz-tree-image(container),#PlacesToolbarItemstoolbarbutton[container="true"] .toolbarbutton-icon,#PlacesToolbarItemsmenu[container="true"] .menu-iconic-left,#BMB_bookmarksPopupmenu[container="true"] .menu-iconic-icon {fill:#e8bb00!important; /* slightly muted gold */ }/* Live Bookmark (RSS Feed) */#bookmarks-viewtreechildrenmoz-tree-image(container,livemark),#PlacesToolbarItemstoolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,#PlacesToolbarItemsmenu[container="true"][livemark="true"] .menu-iconic-left,#BMB_bookmarksPopupmenu[container="true"][livemark="true"] .menu-iconic-icon {fill: orange !important; }/* Smart bookmark folder */#bookmarks-viewtreechildrenmoz-tree-image(container,query),#PlacesToolbarItemstoolbarbutton[container="true"][query="true"] .toolbarbutton-icon,#PlacesToolbarItemsmenu[container="true"][query="true"] .menu-iconic-left,#BMB_bookmarksPopupmenu[container="true"][query="true"] .menu-iconic-icon {fill:#69c!important; /* similar to blue smart folder color */ }/* These "containers" are SVG in the sidebar, not yet on the menu */#bookmarks-viewtreechildrenmoz-tree-image(container,OrganizerQuery_BookmarksMenu) {fill: olive !important; }#bookmarks-viewtreechildrenmoz-tree-image(container,OrganizerQuery_BookmarksToolbar) {fill: olive !important; }#bookmarks-viewtreechildrenmoz-tree-image(container,OrganizerQuery_UnfiledBookmarks) {fill: olive !important; }
Sours: https://gist.github.com/jscher/0fe5dfc7daeb1eee48

You will also be interested:

This gave her even more pleasure. The doctor even thought about slapping her on the buttocks. But I changed my mind. Meanwhile, the girl experienced an orgasm. Then another and another.



511 512 513 514 515