Ik gebruik my_userChrome.css om alle veranderingen in aan te brengen.
De userchrome/usercontent zijn van:
https://github.com/Aris-t2/CustomCSSforTb/releases
Kijken of het lukt de css code te plaatsen :-)
my_userChrome.css:
[code]
/* #tabmail-tabs .tab-close-button {
margin-right: -3px !important;
padding: 0 !important;
color: white !important;
border-radius: 5px !important;
border:2px solid lightgrey!important;
}
#tabmail-tabs .tab-close-button:not([selected="true"]) {
height: 22px !important;
width: 22px !important;
background: red !important;
border:2px solid lightgrey!important;
border-radius: 5px !important;
}
#tabmail-tabs .tab-close-button[selected="true"] {
border:2px solid lightgrey!important;
background-color: red !important;
border-radius: 5px !important;
}*/
/*.calendar-day-label-name {
color: purple !important;
font-weight: bold !important;
}
.calendar-day-label-name[relation="today"] {
color: green !important;
font-weight: bolder !important;
}
.calendar-month-day-box-date-label {
color: black !important;
font-weight: bold !important;
}*/
.calendar-month-day-box-date-label[relation="today"][selected="true"]{
background: linear-gradient(rgb(0,173,238), rgb(0,130,190)) !important;
color: rgb(255,255,255) !important;
box-shadow: none !important;
width: 100% !important;
}
.calendar-month-day-box-date-label[selected="true"]{
background: linear-gradient(rgb(0,173,238), rgb(0,130,190)) !important;
color: rgb(255,255,255) !important;
box-shadow: none !important;
width: 100% !important;
}
.calendar-month-day-box-date-label[relation="today"]{
background: linear-gradient(rgb(0,173,238), rgb(0,130,190)) !important;
color: rgb(255,255,255) !important;
box-shadow: none !important;
width: 100% !important;
}
.calendar-month-day-box-date-label {
background: linear-gradient( 270deg, rgb(250,250,250) , rgb(210,210,210) ) !important;
color: rgb(100,100,100) !important;
width: 100% !important;
box-shadow: none !important;
}
.calendar-month-day-box-week-label {
background: linear-gradient( 270deg, rgb(250,250,250) , rgb(210,210,210) ) !important;
color: rgb(100,100,100) !important;
box-shadow: none !important;
border-radius: 0 !important;
width: 30% !important;
height: 14px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
vertical-align: middle !important;
}
.calendar-month-day-box-day-off.calendar-month-day-box-current-month,
.calendar-month-day-box-date-label[weekend="true"] {
background: #f9fefa !important;
}
.calendar-month-day-box-current-month[selected="true"] {
background-color: #FAFAFA !important;
}
/*#cardbook-toolbox .toolbarbutton-1 .toolbarbutton-icon {
min-width: 26px !important;
min-height: 26px !important;
width: 26px !important;
height: 26px !important;
}*/
#primaryButtonSidePanel {
display:none !important;
}
/* Unread */
#threadTree tbody [data-properties~="unread"] {
font-family : Verdana Pro !important;
font-weight: bold !important;
color: #2493EF !important;
}
/* Read */
/* #threadTree tbody [data-properties~="read"] {
font-family : Verdana Pro !important;
font-weight: normal !important;
color: black !important;
} */
/*#calendarViewHeader > div > div > div > button#todayViewButton {
min-height: 22px !important;
max-height: 22px !important;
min-width: 50px !important;
}*/
/*calendar-event-box, calendar-month-day-box-item {
border: 1px solid #fff !important;
-webkit-box-shadow: 0px 0px 0px 1px #000 !important;
-moz-box-shadow: 0px 0px 0px 1px #000 !important;
box-shadow: 0px 0px 0px 1px #000 !important;
}*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* tree columns */
/*treecol,
treecolpicker {
appearance: none !important;
background-image: linear-gradient(to top, #ddeaf9, #f5f7fa) !important;
border-bottom: 1px solid #a9b7c9 !important;
color: black !important;
}
treecol {
border-right: 1px solid #a9b7c9 !important;
}
treecol:hover,
treecolpicker:hover{
background-image: linear-gradient(to bottom, #e3f7ff, #b7e7fb) !important;
}
treecol:hover:active,
treecolpicker:hover:active {
background-image: linear-gradient(to bottom, #bdedff, #8ad1f5) !important;
}
.treecol-image {
padding: 0 !important;
padding-top: 4px !important;
}*/
* {
font-size: 9pt !important;
font-family: Verdana Pro !important;
font-weight: normal !important;
}
/*color: #808080; !important;*/
:root {
--viewDayBoxSelectedBackground: #E1F0FD !important;
--viewMonthDayBoxSelectedBackground: orange !important;
}
.item-recurrence-icon {
display: none !important;
}
.reminder-icon {
display: none !important;
}
:root {
--list-item-min-height: 20px !important;
--list-item-buttons-size: 20px !important;
}
toolbar#toolbar-menubar { order: -1 !important; }
[/code]
Het is een beetje een door elkaar maar goed bij mij werkt het
P.S. Geen idee hoe dat werkt met [code] en of het werkt maar dat is de inhoud
[Reactie gewijzigd door Gendji op 22 juli 2024 14:33]