Ironi
March 6th, 2005, 06:23 AM
I just found this Firefox extension called URIid (http://extensionroom.mozdev.org/more-info/uriid) that lets you override CSS elements on specific sites with userContent.css. What does this mean? You can change the color scheme of individual sites, among other possibilities. However, there is one caveat: Your CSS changes won't apply until pages are completely loaded.
Demonstration of the possibilities with GMail:
http://persistent.info/archives/2004/10/05/gmail-skinning
Example userContent.css for this site (it's not meant to look good; it demonstrates the coloration for different elements):
body#www-ubuntuforums-org .alt1 {
background-color: #D3D3DD /* grey */ !important;
}
body#www-ubuntuforums-org .alt1Active {
background-color: #D3D3DD /* grey */ !important;
}
body#www-ubuntuforums-org .alt2 {
background-color: #FAFFD2 /* yellow */ !important;
}
body#www-ubuntuforums-org .alt2Active {
background-color: #FAFFD2 /* yellow */ !important;
}
body#www-ubuntuforums-org .tcat {
background-color: #3FFFE9 /* cyan */ !important;
}
body#www-ubuntuforums-org .thead {
background-color: #201DEF /* blue */ !important;
}
body#www-ubuntuforums-org .info {
background-color: #0EEF17 /* green */ !important;
}
body#www-ubuntuforums-org .vbmenu_control {
background-color: #EF0EEA /* purple */ !important;
}
BTW, the WebDeveloper (https://addons.update.mozilla.org/extensions/moreinfo.php?id=60) and ColorZilla (https://addons.update.mozilla.org/extensions/moreinfo.php?id=271) extensions are quite useful for live CSS modifications and color matching (or finding hexadecimal values of colors), respectively.
Enjoy.
Demonstration of the possibilities with GMail:
http://persistent.info/archives/2004/10/05/gmail-skinning
Example userContent.css for this site (it's not meant to look good; it demonstrates the coloration for different elements):
body#www-ubuntuforums-org .alt1 {
background-color: #D3D3DD /* grey */ !important;
}
body#www-ubuntuforums-org .alt1Active {
background-color: #D3D3DD /* grey */ !important;
}
body#www-ubuntuforums-org .alt2 {
background-color: #FAFFD2 /* yellow */ !important;
}
body#www-ubuntuforums-org .alt2Active {
background-color: #FAFFD2 /* yellow */ !important;
}
body#www-ubuntuforums-org .tcat {
background-color: #3FFFE9 /* cyan */ !important;
}
body#www-ubuntuforums-org .thead {
background-color: #201DEF /* blue */ !important;
}
body#www-ubuntuforums-org .info {
background-color: #0EEF17 /* green */ !important;
}
body#www-ubuntuforums-org .vbmenu_control {
background-color: #EF0EEA /* purple */ !important;
}
BTW, the WebDeveloper (https://addons.update.mozilla.org/extensions/moreinfo.php?id=60) and ColorZilla (https://addons.update.mozilla.org/extensions/moreinfo.php?id=271) extensions are quite useful for live CSS modifications and color matching (or finding hexadecimal values of colors), respectively.
Enjoy.