Thunderbird 115: CSS Customization


Hello @das10

Sorry I did not come back earliler as promised but here in this "forbidden land" if they do not have problems they create them :eek1:

I am almost there with the clone creation but I am still fightning with the first menu bar. I tred to change the color when hovering but it remains the same. I also had a look at the one you sent on the compose menu in your last message but there is nothing I do that changes it.

This is the code.
CSS: 
/*  Menu Bar Hovering colors  */
menubar > menu:hover {
     background-color:  #29116e   !important;
     color:             #FFFF00   !important;
     font-weight:        bold      !important;
}

1713539711631.png

If I hover on the Men Bar it remains of #29116e.

I must ave definitely made a mistake

All hte best and thanks in advance
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
This is the style code pertaining to the "menu bar" colors on the main t-bird window (adjusted for the menu color that you appear to be using).
Code: 
toolbar#toolbar-menubar {
  Order:            -1 !important;
  background-color: #4ca6ff !important;  /* Color of menu bar */
  color:            white   !important;  /* Color of the text - if needed */
  height:           24px    !important;
  padding-top:      0px     !important;
  padding-bottom:   0px     !important;
  margin:           0px     !important;
}

/*  Menu Bar Hovering colors  */
menubar > menu:hover {
     background-color:  #29116e   !important;  /* change as required */
     color:             #FFFF00   !important; /* change as required */
     font-weight:        bold     !important;
}

You can check if it roughly matches what you are using in your own userChrome.css file (also check that all your opening braces match the closing ones). Also, you could even try putting the above code, right at the end of your userChrome.css file to see if it works, as any code which appears further down in the css file gets higher priority.

Using the above code in Wisewiz's css file still works.

menubar-hover.png

(I hope the above is what you are referring to?)
 

My Computer

System One

  • OS
    Windows 11 23H2
    Computer type
    PC/Desktop
    Manufacturer/Model
    custom
    CPU
    intel i7-8700 (non-K)
    Motherboard
    Asus Z370 TUF Gaming
    Memory
    32Gb
    Graphics Card(s)
    On-board Intel iGPU
    Sound Card
    On-board Realtek
    Hard Drives
    Samsung_SSD_850_EVO
    PSU
    Corsair Rm850X
    Cooling
    All air
Hi @das10

Thank you again for your prompt and effecctive reply. I will check my "alteration"of code that I pinched in part from @Wisewiz :cool:.

But still I do not understand why mine does not work. In notepad++ if you forget to close the braces it changes color. So it is almost impossible to forget them :-).

Well I am learining a lot here. Let me try again and will be back (like ternminator)

Cheers @das10
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
Alternative to the "Hover" style code shown above. Again, as an initial step, try and put this at the end of your userChrome.css file to test.

Code: 
/* Main Window Menu Bar Hovering colors/font  */
menubar > menu[_moz-menuactive] {
  background-color: #29116e  !important;
  color:            #FFFF00  !important;
  font-weight:      bold     !important;
}
/* Main Window Menu Popup Hovering */
menubar > menu[_moz-menuactive] menupopup > :is(menuitem, menu)[_moz-menuactive="true"] {
  background-color: #29116e  !important;
  color:            #FFFF00  !important;
}

Similarly for the Compose Window Menu Bar Hovering colors, we can use:
Code: 
/* Compose Window Menu Bar Hovering colors/font */
#compose-toolbox > #compose-toolbar-menubar2 menu[_moz-menuactive="true"] {
  background:       #29116e   !important;
  color:            #FFFF00   !important;
}
/* Compose Window Menu Popup Hovering */
#compose-toolbox > #compose-toolbar-menubar2 menupopup > :is(menuitem, menu)[_moz-menuactive="true"] {
  background:      #29116e  !important;
  color:           #FFFF00        !important;
}

Note: The quickest way to check if a particular code block is not working, is to make a backup of your master userChrome.css fie, and then go through the DevTools which allow you to test your styles, "live". See the following post on TenForums to roughly see how that works. (That post was related to Firefox, but the DevTools work virtually identically in Thunderbird).

Using the DevTools, you can delete parts of userChrome.css and see the effect live on the Thunderbird Window - this way you can start and eliminate whole blocks of codes to see where any errors might lie, without the need to stop and start Thunderbird every time you want to test small parts of your css. (Note: make sure you make a backup of your userChrome.css file - just in case).

Browsers which allow the address bar to be placed above the tabs - Windows 10 Help Forums

Apart from earlier versions of Firefox (one of which I use for this very reason) does anyone know of any current browsers which allow the address bar to be repositioned above the tabs? Many thanks. I'm using Windows 10 v22H2 (OS build 19045,4046).
www.tenforums.com www.tenforums.com

(pn: If you don't mind posting your userChrome.css file here, maybe someone could try and figure out why this particular part of the code is not working for you.)
 
Last edited:

My Computer

System One

  • OS
    Windows 11 23H2
    Computer type
    PC/Desktop
    Manufacturer/Model
    custom
    CPU
    intel i7-8700 (non-K)
    Motherboard
    Asus Z370 TUF Gaming
    Memory
    32Gb
    Graphics Card(s)
    On-board Intel iGPU
    Sound Card
    On-board Realtek
    Hard Drives
    Samsung_SSD_850_EVO
    PSU
    Corsair Rm850X
    Cooling
    All air
Hi @das10,

The code used here is a facsimile of the one @Wisewiz has done with some minor modifications here and there. The one I patched up is in the office and I thought I copied yesterday but with these load shedding I must have forgotten it.
Still on the one for @Wisewiz does not work on both the menus. At least on mine in the office the main menu works. On the other PC the funny thing is that even the main tab for windows has disappeared. Maybe because I am using Win 8.1. One of these days I have to
change it to 10 or 11.

I do not have any problems to post it and on Monday it will be my pleasure.

Thanks for the suggestion on DevTools. I enabled it but frankly I did not understand much of how it worked. I will read the thread too.
If I can avoid to turn TB on and off when I modify the userchrome.css file it will be better without any doubt.

For the first time my email warned me about a reply on this post. So even this is working now.

Cheers
Rob
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
Re: the hidden main tab; you can try and check if the following setting is ticked or not. (Ticked would mean "hide" the Tab bar when there is only one tab left (which would be the main email window), and unticked would mean the tab bar is always shown as in mine).
t-bird_autohide_tab_bar.png
 

My Computer

System One

  • OS
    Windows 11 23H2
    Computer type
    PC/Desktop
    Manufacturer/Model
    custom
    CPU
    intel i7-8700 (non-K)
    Motherboard
    Asus Z370 TUF Gaming
    Memory
    32Gb
    Graphics Card(s)
    On-board Intel iGPU
    Sound Card
    On-board Realtek
    Hard Drives
    Samsung_SSD_850_EVO
    PSU
    Corsair Rm850X
    Cooling
    All air
Noted with thanks.
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
Hello @das10

I have sort of compiled a small css for TB even though the one I have in the office is more correct.

As promised and in advance please here is the code:

CSS: 
/*********************  THREAD PANE HEADERS  *********************/
#folderPane {
   background-color: #bfcfff !important;
   color:            black         !important;
}
/* ThreadPane Column Headers */
#threadTree button:not(#threadTree tbody button) {
  background-color: #00c6e4 !important;
  font-weight:      bold    !important;
}

/* ThreadPane Column Headers -Hover effect - if wanted */
#threadTree button:not(#threadTree tbody button):hover {
  background-color: #aac6e4 !important;
  font-weight:      bold    !important;
}

/*********************  MESSAGE INBOX  *********************/

/* Messages inbox not read -  need to check the syntax. I think it does not work  */
[is="tree-view-table-body"] tr[is="thread-row"].context-menu-target {
 background-color: #00BFFF !important;
 color: blue !important;
 }

/* Unread messages color */
:root {
    --thread-pane-unread-color: #0000b3 !important;
}
 
/* Alternative; box style which may work but only with 2px box border */
#threadTree tr:hover {
  outline-offset: -1px           !important;
  outline:        2px solid blue !important;
}

/* Alternate colors on MessagePane  */

/* Background colour for message list*/
#threadPane tr {
    background-color: #ffffff !important;
}
#threadPane tr:nth-of-type(odd) {
    background-color: #f1f1f3 !important;
}
/* messages hover color  */
#threadPane tr:hover {
     background-color: #1a0066 !important;
}                                       


/*********************  LINES AROUND THE SELECTED MESSAGE  *********************/

/* to only catch the top border of 1st row anomaly in classic & wide view */
#threadTree tr[is="thread-row"]:first-of-type:hover td {
  border-top:     2px solid blue !important;
}

/* Message Pane - Selected Message background/foreground-color */
tr.selected {
  background-color: #29116e  !important;
  color: black    !important;
}

/*********************  TAB BUTTONS  *********************/

/* Tab close button hover color */
#tabs-toolbar:not([brighttext]) button.tab-close-button:hover {
  background-color: Orange !important;
  color:            White  !important;
}

.tab-line[selected="true"] {  /*this seems not to work fine */
  background-color: #2b7307 !important;
}

/*********************  MENU ITEM SELECTION  *********************/

/* Click on the menu Items and colors */
menupopup > menuitem:hover {
  background-color: #FFFF00 !important;
  color: blue !important;
  font-weight: bold !important;
}

#agenda:focus .agenda-listitem.selected .agenda-listitem-details {
  background-color: #db69ab !important;
}

/*********************  UNIFIED TOOLBAR  *********************/

/* UnifiedToolBar BUTTONS - the hover effect  */
#unifiedToolbar .button:is(.toolbar-button, .unified-toolbar-button):hover {
     border-radius: 4px             !important;
     border:        1px solid white !important;
     background:    white           !important;   /* color of background */
     color:         #4ca6ff         !important;   /* color of text/icons */
}

/*********************  MENU TOOLBAR  *********************/

toolbar#toolbar-menubar {
  Order:            -1 !important;
  background-color: #336699 !important;  /* Color of menu bar */
  color:            white   !important;  /* Color of the text - if needed */
  height:           24px    !important;
  padding-top:      0px     !important;
  padding-bottom:   0px     !important;
  margin:           0px     !important;
}

menubar > menu:hover {
     background-color:  #29116e   !important;
     color:             cyan       !important;
}

/* Thunderbird userChrome.css */
 /* Hovering mouse on message pane I think this is not necessary anymore*/
 /* ******************************************************************** */
html|li[is="folder-tree-row"] {
  color: black !important;
  background-color: AliceBlue !important;
  font-weight: bold !important
}
html|tr[is="thread-row"] {
  color: black !important;
  background-color: GhostWhite !important;
}
html|tr[is="thread-row"].selected {
  color: white !important;
  background-color: CornFlowerBlue !important;
}

.unread > .container > .name,
.new-messages > .container > .name {
  color:     #1E90FF !important;
  font-weight: bold !important;
}
#folderTree:focus-within li.selected.unread > .container > .name,
#folderTree:focus-within li.selected.new-messages > .container > .name {
  color: lime !important;
  font-weight: bold !important;
}
/* ******************************************************************** */

/***************************** COMPOSE EMAIL SECTION *****************************/

/* Whole Header Box with From & To Subject Cc etc. b-ground & text */
#MsgHeadersToolbar {
  background-color: #99b3ff     !important;
  height:           min-content !important;
  color:            #23008c     !important;
}

/* The To: email addresses */
#MsgHeadersToolbar .address-pill  {
  background-color: #99b3ff !important;
  color:            #23008c !important;
  height:           23px    !important;
}

/* The To: address "input" box (ie with cursor) */
#MsgHeadersToolbar .recipients-container input {
  color:            #23008c !important;
  background-color: #99b3ff !important;
}

/* The To: address "container"  */
#MsgHeadersToolbar .recipients-container .address-container  {
  background-color: #99b3ff !important;
}

/* The From: address box */
#msgIdentity {
  background-color: #99b3ff   !important;
  color:            #23008c     !important;
}

/* Contacts - Side panel */
#abContactsPanel,
#contactsSidebar .sidebar-header {
  background-color: #99b3ff !important;
  color:            #23008c !important;
}

/*         Write window Contacts - Hover color.              */
#abResultsTree  > treechildren::-moz-tree-row(hover) {
  background-color: #4080BF         !important;
}

/*         Write window Contacts          */

#abResultsTree  > treechildren::-moz-tree-row(selected) {
  background-color: #29116e !important;
  color:            red   !important;
  outline:          none    !important;
}

/* compose section  */
#compose-toolbox toolbar {
  background-color: #99b3ff !important;
  height:           normal  !important;
}

/* address destinee */
#compose-toolbox > menubar menu {
  color: white !important;
}

/*  Top Menu colors and backgrounds */
#compose-toolbox menubar menu:hover {
  background-color: #0040ff    !important;
  color:            #FFFF00  !important;
}

/* Format toolbar */
#FormatToolbox,
#FormatToolbar > menulist  {
  background-color: #29116e !important;
  color:            white   !important;
}

/* the menubar color in the Compose window */
#compose-toolbox > #compose-toolbar-menubar2 {
  background-color: #336699 !important;
  color:            white   !important;
  height:           24px    !important;
}
/* adjust text color for menubar text which is disabled */
#compose-toolbox > #compose-toolbar-menubar2  menu[disabled="true"]{
  color:            lightgrey     !important;
}
/* the menubar color in the Compose window - the hover effect*/
#compose-toolbox > #compose-toolbar-menubar2 menu:hover {
  background:      lightgrey  !important;
  color:           #29116e    !important;
}

/* the universal toolbar in the Compose window */
#compose-toolbox > #composeToolbar2 {
  background-color: #29116e !important;
  color:            white   !important;
}
/* the universal toolbar in the Compose window - the hover effect */
#compose-toolbox > #composeToolbar2 toolbarbutton:hover {
  background:      white   !important;   /* color of background */
  color:           #29116e !important;   /* color of text/icons */
}
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
I removed some duplicated code blocks, deleted some with the html tag, updated some, and added some new ones for the thread pane, I hope it works; you can always change the colors as you wish.
Code: 
/*********************  THREAD PANE HEADERS  *********************/
#folderPane {
   background-color: #bfcfff !important;
   color:            black         !important;
}
/* ThreadPane Column Headers */
#threadTree button:not(#threadTree tbody button) {
  background-color: #00c6e4 !important;
  font-weight:      bold    !important;
}

/* ThreadPane Column Headers -Hover effect - if wanted */
#threadTree button:not(#threadTree tbody button):hover {
  background-color: #aac6e4 !important;
  font-weight:      bold    !important;
}

/*********************  MESSAGE INBOX  *********************/

/* Alternative; box style which may work but only with 2px box border */
#threadTree tr:hover {
  outline-offset: -1px           !important;
  outline:        2px solid blue !important;
}

/* Alternate colors on MessagePane  */

/* Background colour for message list*/
#threadPane tr {
    background-color: #ffffff !important;
}
#threadPane tr:nth-of-type(odd) {
    background-color: #f1f1f3 !important;
}
/* Messages inbox not read -  need to check the syntax. I think it does not work. 
   Now Corrected - also make sure this block comes after the one above (ie. the one
   which produces the odd even alternate background (Zebra stripe)  */
#threadTree tbody [data-properties~="unread"] {
    background-color: #00BFFF !important;
    color:            blue    !important;
}


/*********************  LINES AROUND THE SELECTED MESSAGE  *********************/

/* Message Pane - Hover Message background/foreground-color */
#threadPane tr:hover {
     background-color: #1a0066               !important;   /* #1a0066 looks too close to #29116e which is the row (tr.selected) color ? */
     color:            white                 !important;
     outline:          2px solid green       !important;   /* remove these two lines if not required */ 
     outline-offset:  -1px                   !important;   /* remove these two lines if not required */
}

#threadPane tr.selected {
  background-color: #29116e         !important;
  color:            white           !important;
  outline:          2px solid blue  !important;             /* remove these two lines if not required */
  outline-offset:  -1px             !important;             /* remove these two lines if not required */
}

/*********************  TAB BUTTONS  *********************/

/* Tab close button hover color */
#tabs-toolbar:not([brighttext]) button.tab-close-button:hover {
  background-color: Orange !important;
  color:            White  !important;
}
/*this seems not to work fine */ 
/* tab line is the thin line which appears at top of selected tab                      */
/* if it it appears too thin (?), you can add extra height to it &/or shift its margin */
.tab-line[selected="true"] {  
  margin-top:      -1px     !important; 
  height:           4px     !important;
  background-color: #2b7307 !important;
}

/*********************  MENU ITEM SELECTION  *********************/

/* Click on the menu Items and colors */
/* Main Window Menu Bar Hovering colors/font  */
menu[_moz-menuactive] {
  background-color: #0040ff  !important;
  color:            #FFFF00  !important;
  font-weight:      bold     !important;
}
/* Main Window Menu Popup Hovering */
menupopup > :is(menu, menuitem)[_moz-menuactive="true"] {
  background-color: #FFFF00  !important;
  color:            #0040ff  !important;
  font-weight:      bold          !important;
}

#agenda:focus .agenda-listitem.selected .agenda-listitem-details {
  background-color: #db69ab !important;
}

/*********************  UNIFIED TOOLBAR  *********************/

/* UnifiedToolBar BUTTONS - the hover effect  */
#unifiedToolbar .button:is(.toolbar-button, .unified-toolbar-button):hover {
     border-radius: 4px             !important;
     border:        1px solid white !important;
     background:    white           !important;   /* color of background */
     color:         #4ca6ff         !important;   /* color of text/icons */
}

/*********************  MENU TOOLBAR  *********************/

toolbar#toolbar-menubar {
  Order:            -1 !important;
  background-color: #336699 !important;  /* Color of menu bar */
  color:            white   !important;  /* Color of the text - if needed */
  height:           24px    !important;
  padding-top:      0px     !important;
  padding-bottom:   0px     !important;
  margin:           0px     !important;
}


/* Thunderbird userChrome.css */
 /* Hovering mouse on message pane I think this is not necessary anymore*/
 /* ******************************************************************** */
/* html|li[is="folder-tree-row"] {
  color: black !important;
  background-color: AliceBlue !important;
  font-weight: bold !important
}
html|tr[is="thread-row"] {
  color: black !important;
  background-color: GhostWhite !important;
}
html|tr[is="thread-row"].selected {
  color: white !important;
  background-color: CornFlowerBlue !important;
}*/

.unread > .container > .name,
.new-messages > .container > .name {
  color:     #1E90FF !important;
  font-weight: bold !important;
}
#folderTree:focus-within li.selected.unread > .container > .name,
#folderTree:focus-within li.selected.new-messages > .container > .name {
  color: lime !important;
  font-weight: bold !important;
}
/* ******************************************************************** */

/***************************** COMPOSE EMAIL SECTION *****************************/

/* Whole Header Box with From & To Subject Cc etc. b-ground & text */
#MsgHeadersToolbar {
  background-color: #99b3ff     !important;
  height:           min-content !important;
  color:            #23008c     !important;
}

/* The To: email addresses */
#MsgHeadersToolbar .address-pill  {
  background-color: #99b3ff !important;
  color:            #23008c !important;
  height:           23px    !important;
}

/* The To: address "input" box (ie with cursor) */
#MsgHeadersToolbar .recipients-container input {
  color:            #23008c !important;
  background-color: #99b3ff !important;
}

/* The To: address "container"  */
#MsgHeadersToolbar .recipients-container .address-container  {
  background-color: #99b3ff !important;
}

/* The From: address box */
#msgIdentity {
  background-color: #99b3ff   !important;
  color:            #23008c     !important;
}

/* Contacts - Side panel */
#abContactsPanel,
#contactsSidebar .sidebar-header {
  background-color: #99b3ff !important;
  color:            #23008c !important;
}

/*         Write window Contacts - Hover color.              */
#abResultsTree  > treechildren::-moz-tree-row(hover) {
  background-color: #4080BF         !important;
}

/*         Write window Contacts          */

#abResultsTree  > treechildren::-moz-tree-row(selected) {
  background-color: #29116e !important;
  color:            red   !important;
  outline:          none    !important;
}

/* compose section  */
#compose-toolbox toolbar {
  background-color: #99b3ff !important;
  height:           normal  !important;
}

/* Compose Window Menu Bar Hovering colors/font */                            
#compose-toolbox > #compose-toolbar-menubar2 menu[_moz-menuactive="true"] {
  background:       #0040ff   !important;
  color:            #FFFF00   !important;
}
/* Compose Window Menu Bar Popup Hovering */
#compose-toolbox > #compose-toolbar-menubar2 menupopup > :is(menuitem, menu)[_moz-menuactive="true"] {
  background:      #0040ff  !important;
  color:           #FFFF00        !important;
}

/* Format toolbar */
#FormatToolbox,
#FormatToolbar > menulist  {
  background-color: #29116e !important;
  color:            white   !important;
}

/* the menubar color in the Compose window */
#compose-toolbox > #compose-toolbar-menubar2 {
  background-color: #336699 !important;
  color:            white   !important;
  height:           24px    !important;
}
/* adjust text color for menubar text which is disabled */
#compose-toolbox > #compose-toolbar-menubar2  menu[disabled="true"]{
  color:            lightgrey     !important;
}

/* the universal toolbar in the Compose window */
#compose-toolbox > #composeToolbar2 {
  background-color: #29116e !important;
  color:            white   !important;
}
 
Last edited:

My Computer

System One

  • OS
    Windows 11 23H2
    Computer type
    PC/Desktop
    Manufacturer/Model
    custom
    CPU
    intel i7-8700 (non-K)
    Motherboard
    Asus Z370 TUF Gaming
    Memory
    32Gb
    Graphics Card(s)
    On-board Intel iGPU
    Sound Card
    On-board Realtek
    Hard Drives
    Samsung_SSD_850_EVO
    PSU
    Corsair Rm850X
    Cooling
    All air
Hi @das10
Thank you for the update. I will check it nicely when I am at home this evening but as explained the hovering background on both the menu items still does not show.

Do you thin it depends on the laptop? I will try again on a desktop.

By the way the Dev tool made miracles. I managed to update visually and live without restarting althout the only thing I understood from the panel is that "parent process" takes less than the "multiprocess"to update the view on the TB. :D:D:D.

You see I guess since I found this site by mistake I have learnt much more and quickly than on other forums.

All the best
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
Now that you are able to get the DevTools working on your userChrome.css. Hopefully, when you try the above file (which incidentally, I updated earlier today), on your Desktop, you may be able to figure out any problems more swiftly.

pn: to keep the Menu Popups open whilst you are editing the code in DevTools, click the "3dot" icon on the top right, and enable "Disable Popup Auto-Hide". (You can disable it when done).

You may also find 'some' of the keyboard shortcuts for the DevTools, helpful as well, besides the normal Windows shortcuts such as Copy, Paste, Undo.

All keyboard shortcuts — Firefox Source Docs documentation

firefox-source-docs.mozilla.org firefox-source-docs.mozilla.org

I don't know why some of the code does not work on your Laptop - presumably it is too is using tbird 115+ as well?
 

My Computer

System One

  • OS
    Windows 11 23H2
    Computer type
    PC/Desktop
    Manufacturer/Model
    custom
    CPU
    intel i7-8700 (non-K)
    Motherboard
    Asus Z370 TUF Gaming
    Memory
    32Gb
    Graphics Card(s)
    On-board Intel iGPU
    Sound Card
    On-board Realtek
    Hard Drives
    Samsung_SSD_850_EVO
    PSU
    Corsair Rm850X
    Cooling
    All air
Afternoon @das10

Yes I use TB 115.10.1
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
This is the TB 115.10.1 that I run at the office.
For some reasons on the desktop the compose menubar2 works fine even with my script.
n the main window it does not work. I tried all of your script and if I use the one for the last #409 it changes the color and the rest
of the menu but some hovering not reflecting the colors used is sort of working.

On the menubar it becomes yellow when hovering but the menuitem remains of the same color.

I will start attacking the bottons such as Inbox and Items no received etc and see if can change some colors even there. :rolleyes:

1713970923326.png
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
Good afternoon @RobDF .
I am puzzled as to why some parts of the css file don't work :(. Are you using any extensions, and if so, have you tried disabling them temporarily to see if it works?

This is using the file from #409, and even on t-bird 123 beta for example, all those parts appear to work.
t-bird123b.png
 

My Computer

System One

  • OS
    Windows 11 23H2
    Computer type
    PC/Desktop
    Manufacturer/Model
    custom
    CPU
    intel i7-8700 (non-K)
    Motherboard
    Asus Z370 TUF Gaming
    Memory
    32Gb
    Graphics Card(s)
    On-board Intel iGPU
    Sound Card
    On-board Realtek
    Hard Drives
    Samsung_SSD_850_EVO
    PSU
    Corsair Rm850X
    Cooling
    All air
HI @das10

I think I am more confused than you on why the menubar behave like that.

I do not use any extension apart from QuickText for other things (bseides it uses Javascript) and all the templates and script are duly compiled.

As for CSS it is a hobby and I like to do the programming from scratch. So no. I do not use any extension of that sort.
The extensions creates me some problems on some work portal so I am very careful on the choice.

It looks nice with the hovering. I tried nboth the script mine (simple) and yours. It does not work on the main window.

Sooner or later we shall find out why.

Thanks again and for the suggestion on Dev Tools. As for the shortcut I use them for sometime now but your exhaustive compiled list is wonderful.
 

My Computer

System One

  • OS
    Windows 10
    Computer type
    PC/Desktop
    Manufacturer/Model
    HP
    CPU
    AMD A10-5745M APU Radeon HD Graph. (4 CPUs), ~2.1Ghz
    Memory
    8192MB Ram
    Graphics Card(s)
    Radeon HD
    Sound Card
    Dr Dre Beat
You must log in or register to reply here.

Similar threads

Thunderbird 102.14: CSS Customization
Replies
12
Views
2K
Wisewiz
Wisewiz
Solved Thunderbird 115.6 sluggish today
Replies
6
Views
1K
Wisewiz
Wisewiz
Email export
Replies
11
Views
1K
tindonman
T
  • Article
Microsoft Edge and Interop 2024
Replies
0
Views
396
Brink
Brink
Copying browsers and their bookmarks.
Replies
8
Views
1K
Ghot
Ghot

Latest Support Threads

Latest Tutorials

Back
Top Bottom