Sunday, 24 March 2013

Change address bar's background and text colour in SeaMonkey

 I noticed that whenever i accessed  https / encrypted pages, the Address / URL bar appeared dark in SeaMonkey (kind of Firefox cousin). This issue cropped up after I migrated from GNOME 3.4 to GNOME 3.6.
Dark Address bar in SeaMonkey in GNOME 3.6 at DuckDuckGo.com
Dark Address bar in SeaMonkey in GNOME 3.6 at DuckDuckGo.com
 This issue does not occur in some themes. The "default" theme is probably adjusting it's settings to achieve better integration with rest of the desktop which is good, but in this case it proving to be counter productive.
Address bar looks normal in Non https URL
Address bar looks normal in Non https url
Normal looking address bar, "Nautipolis theme" at DuckDuckGo.com
Normal looking address bar, "Nautipolis theme" at DuckDuckGo.com
 With inputs from "Mozillazine" forums, i figured that i had to do the following to address the issue with the address bar:-
  1. Create a folder called "chrome" under my SeaMonkey profile ("~/.mozilla/seamonkey/<profileName>/") folder
  2. Create a "userChrome.css" file inside it.
  3. Make some entries in this file to customize my address bar.
 I chose to use some yellowish colour as background and black as the text colour. I found the site (colorhexa.com) extremely useful in figuring out the hexadecimal codes I needed. The following is the code i had to use to change the settings the way i wanted it.
#urlbar[level] .autocomplete-textbox-container >* {background-color:#FFFFB7 !important; color: #000000 !important; }
Screenshot of css code in userChrome.css
css code in userChrome.css
 Better looking address bar after changing the settings
SeaMonkey Address / URL bar Yellow background Black text  in https
 To change non address bar settings for non https URLs the following code might be used in the userChrome.css file
#urlbar { background-color: #00FF00 !important; color: #000FFF !important; }
 Customized Address bar look for normal http pages
Customized Address bar look for normal http pages

1 comment:

  1. Ant ideas on how to change the color of the text when selected/highlighted?
    thanks a lot already, this was helpful in a way!
    greetings

    ReplyDelete