How to change 'new tab' image?

User Help for Mozilla Firefox
Post Reply
Beadmaster
Posts: 94
Joined: June 9th, 2004, 3:58 am

How to change 'new tab' image?

Post by Beadmaster »

I like how I can see a tab is a new tab at a glance in my tabs at the top of the screen, as opposed to tabs from other sites. But sometimes when I shut down I have a few "new" tabs open from various things I've been working on during the day (I usually open too many - thankfully, they're free, lol). I like to close all of the new tabs down and finish the work in the other tabs, the ones I don't want to keep open before I shut down for the night. (I do leave a few tabs open for the next day's work.) But recently a site I frequent has changed their icon and while it's not exactly the same as the Firefox "new tab" image, it's a similar color and at a glance I think it's a new tab. So I'm constantly closing tabs where I need to do something before closing them, and have likely done that without realizing until too late (such as a few days later) that it happened. Which means the work I needed to do is GONE. I don't remember and haven't bookmarked (nor do I want to) the tabs in question.

So how can I change the image of the "new tab"?

This is a side-by-side comparison of the similarities, though I've edited the other one slightly for various reasons, but you can probably see how close they are.
https://prnt.sc/MS9cfGas6sk-

PS. I don't really mind if I edit the other one instead of "new tab," would actually prefer it, because I do like the Firefox tab. I don't like the other one and am very annoyed that the site changed it. Boo hiss!
User avatar
therube
Posts: 21703
Joined: March 10th, 2004, 9:59 pm
Location: Maryland USA

Re: How to change 'new tab' image?

Post by therube »

I'll just note, that for userChrome.css changes to be allowed, you need to set the about:config pref, toolkit.legacyUserProfileCustomizations.stylesheets to true.
Fire 750, bring back 250.
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.1.19) Gecko/20110420 SeaMonkey/2.0.14 Pinball CopyURL+ FetchTextURL FlashGot NoScript
Beadmaster
Posts: 94
Joined: June 9th, 2004, 3:58 am

Re: How to change 'new tab' image?

Post by Beadmaster »

Thank you so much!
User avatar
therube
Posts: 21703
Joined: March 10th, 2004, 9:59 pm
Location: Maryland USA

Re: How to change 'new tab' image?

Post by therube »

So did that get you working, or do you still need some .css that causes an actual change to the icon?

If it is working, what is the .css that you are using?
Fire 750, bring back 250.
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.1.19) Gecko/20110420 SeaMonkey/2.0.14 Pinball CopyURL+ FetchTextURL FlashGot NoScript
morat
Posts: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: How to change 'new tab' image?

Post by morat »

Try this:

Code: Select all

/* Firefox userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

html|img.tab-icon-image[src="chrome://branding/content/icon32.png"] {
  width: 0 !important; /* hide image */
  padding-right: 16px !important; /* create space for background image */
  background-image: url("http://forum.mozilla-russia.org/uploaded/custombuttons_button.png") !important;
}
Similar thread: http://forums.mozillazine.org/viewtopic ... &t=3043928
Post Reply