• 0

Thunderbird 5 Customization


Question

Hi guys, would it be possible to add the Firefox button: sdzpu.png but for Thunderbird?

Right now it looks like this: ZXEBe.png

Can someone maybe tell me how I can make it look like the Firefox one but just make it blue and "Thunderbird" written on it?

Thanks!

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

I don't think such a thing exists for Thunderbird... yet. They're moving towards a point where I can see it becoming part of the Thunderbird UI as well. Already the addons manager is becoming more like that of Firefox again, and I hope someone writes an extension for that button to trim the UI down further.

Link to comment
Share on other sites

  • 0

Hi Ridlas,

"Thunderbird 5 Customization" seems to me a good title/topic for everything about Thunderbird styles.

So, please let me use your topic to publish a customization I did today for Thunderbird 5.

Thanks.

This is my first style for thunderbird 5.0. Based on http://userstyles.org/styles/36813 of my own.

Thunderbird 5 - project Aero Fix. Still in beta.

Try it.

Put the code into your Thunderbird userChrome.css

Target: Windows 7 - Aero themes and custom themes like shine 2.0

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
/* Global UI font */
/* {
	font-size: 8pt !important;
	font-family: Calibri !important;
}*/
#folderTree {
	background-color: #E9E9E9 !important;
    border: none !important;
}
#threadTree {
	background-color: #F8F8F8 !important;
    border: none !important;
}
#threadTree > treechildren::-moz-tree-row(even) {
	background-color: #EBEBEB !important;
}
#threadTree > treechildren::-moz-tree-row(selected), #threadTree > treechildren:hover::-moz-tree-row(selected) {
	background-color: #C8C8C8 !important;
}
#threadTree > treechildren::-moz-tree-row(selected, focus), #threadTree > treechildren:hover::-moz-tree-row(selected, focus) {
	background-color: #1F82CD !important;
}
#menubar-items, #menubar-items:hover {
	background: none !important;
	text-shadow: none !important;
	color: white !important;
}
#mail-toolbox, #compose-toolbox, #ab-toolbox {
	-moz-appearance: none !important;
	border: none !important;
	background-color: transparent !important;
	background-image: -moz-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.4)) !important;
}
.toolbarbutton-menubutton-button:not(hover), .toolbarbutton-1:not(hover) {
	-moz-appearance: none;
	padding: 1px 5px !important;
	background: none !important;
	border-radius: 0 !important;
	border: none !important;
	border-color: transparent !important;
 	box-shadow: none !important;
	color: black;
	text-shadow: none !important;
}
.toolbarbutton-menubutton-dropmarker {
	-moz-appearance: none;
	padding: 1px 5px !important;
	background: none !important;
	border-radius: 0 !important;
	border: none !important;
	border-color: transparent !important;
 	box-shadow: none !important;
	color: black;
	text-shadow: none !important;
}
.toolbarbutton-menubutton-button:not([disabled="true"]):not(:active):hover,
.toolbarbutton-1:not([disabled="true"]):not([checked="true"]):not(:active):hover {
  background-color: hsla(190, 60%, 70%, .5) !important;
  border-color: hsla(190, 50%, 65%, .8) hsla(190, 50%, 50%, .8)
                hsla(190, 50%, 40%, .8) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
              0 0 0 2px rgba(255,255,255,.1) inset,
              0 1px 0 rgba(0,0,0,.1),
              0 0 5px hsl(190,90%,80%) !important;
  -moz-transition: background-color .4s ease-in,
                   border-color .3s ease-in,
                   box-shadow .3s ease-in !important;
}
#searchInput, #peopleSearchInput {
	background: none !important;
	border: none !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}
#searchInput:active, #searchInput[focused="true"], #searchInput:hover,  #peopleSearchInput[focused="true"], #peopleSearchInput:hover {
	background-color: transparent !important;
	background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.4)) !important;	
}
#tabmail {
	background-color: rgba(255,255,255,.4) !important;
}
tabpanels {
	border: none !important;
	padding: 0 !important;
}
tab {
	margin-bottom: 0 !important;
	border-bottom: none !important;
	padding: 0 5px !important;
}
tab:not([selected="true"]) {
	background-image: -moz-linear-gradient(rgba(200,200,200,.4), rgba(200,200,200,.3)) !important;
}
tab:not([selected="true"]):hover {
	background-image: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.3)) !important;
}
tab[selected="true"] {
	background-image: -moz-linear-gradient(rgba(248,248,248,.1), rgba(248,248,248,1) 60%) !important;
	font-weight: normal !important;
	padding: 0 5px !important;
}
statusbar {
	-moz-appearance: none !important;
	background: none !important;
	background-color: transparent !important;
	border: none !important;
}
statusbarpanel {
	-moz-appearance: none !important;
	background: none !important;
	background-color: transparent !important;
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)) !important;	
	border: none !important;
}
/*Calendar*/
tab[calview] {
    padding: 2px 8px !important;
	margin-right: 5px !important;
}
#calendar-nav-control {
    border: none !important;
}

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.