![]() ![]() I erased the text and just used a full row of icons (that is, for the sites that actually *use* icons. The idea here is to rely solely on icons and no text at all to make use of the space in an optimal fashion.Īnother option that you have is to use bookmark folders to sort bookmarks into. Update: There is another option that you have. Check out our guide on making the most out of Chrome's and Firefox's bookmarks bar. Just click on the button to be taken there directly. Here you find the profile folder listed under Application Basic. The easiest way to locate it is to click on the Firefox button, and select Help > Troubleshooting Information from the context menu there. Update: Some users have asked me where they can find the Firefox profile folder. ![]() Creates a border around the bookmarks. border: 1px solid !important.Change the background color - this example changes it to blue.Change the font itself: font-family: Verdana !important.Change the font color of the bookmarks: font-color: blue !important.This changes the default font size to 9px which is what I'm currently using. Paste the following line of code at the end of this file: To find your Firefox profile folder enter about:support into the Firefox address bar and click on the show folder link on the page that opens up. Now, to change the style, which includes reducing or increasing font sizes, changing the font type, changing colors on that font and much more you need to open userchrome.css which should be in your Firefox profile folder. I knew that Firefox was highly customizable and I began searching for a way to alter the style of the bookmarks toolbar and quickly found it. The idea made sense but you will eventually run into issues again as space is limited on the bookmarks toolbar. Below is the SVG code for the icon as it comes from the website.The first thing that came to mind was to change the text of the bookmarks so that they would not take up that much space on the toolbar anymore. ![]() How would I update the SVG to work correctly in this case? When I mess with the fill color, it just fills in the icon in undesirable ways. ![]() I changed stroke="currentColor" to stroke="context-stroke" but the icon is invisible. I am not sure how to change the stroke color in the SVG so it works correctly. I'm trying to use the fingerprint icon from the TeenyIcons set: I already marked my post as solved, but I have a follow up question if you are able to help further. Note that the pref will make that mechanism also available to web-content (not that anyone would use it in a wild but it could potentially be used as fingerprinting vector).įor bookmark icon you probably don't need to care about that -moz-context-properties either because Firefox already does that (as evidenced by the fact that built-in icons do get changed based on theme) (Not sure if this is still required but you might need to set to true in about:config).In CSS, you need to make the element have -moz-context-properties: fill, stroke property so that fill and stroke get forwarded to the svg.Within the svg file you must make the shapes use context-fill and/or context-stroke colors, not anything else.Firefox has a whole suite of style sheets for styling the UI, but none of them is named "chrome.css".įor icons to change color based on your theme there are requirements: Yet another (not maintained) repository of stylesįirst, there isn't any "default chrome.css" file. If someone's comment solves you problem, reply to the comment to let them know, and change your post flair to solved.įind Helpful Knowledge and answers to common issues in /r/FirefoxCSS wiki. If a custom wallpaper is used, include a link to the original. List any other addons that may be changing the UI This is increasingly important the more custom rules you have. When asking for help you should share your custom style to help others understand what you are doing. Screenshots should have code in comments. Relatively short snippets can be wrapped in code-block for inline viewing.ĭo NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.Ĭonsider adding the following info to help people try your tweaks: When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Bear in mind that many users come here for help and would be turned off by insults and rudeness. They should be about Firefox customization with CSS. Post your Firefox UI customizations here! ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |