Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Ďalšie informácie

Lost zebra stripes after upgrade to Thunderbird 128.2.3esr

  • 4 odpovede
  • 0 má tento problém
  • Posledná odpoveď od sfhowes

more options

I recently upgraded to Thunderbird 128.2.3esr, and I no longer have the zebra stripes that alternate between my messages.

The userChrome.css file that appears in my profile's chrome folder is:

/* Light green, high-contrast zebra stripes in message list */

  1. threadTree treechildren::-moz-tree-row(odd) {

-moz-appearance: none !important; background-image: none !important; /* background-color:#99E02E !important;} */

  background-color:#EEFFBB !important;} 

/* background-color:#AED6F1 !important;} */

  1. threadTree treechildren::-moz-tree-row(selected) {

background-color:#45A1FF !important;}

Is there a reason that this no longer works? Can it be modified to restore the zebra stripes? Or is there an alternative code that will restore functionality?

Thanks in advance!

I recently upgraded to Thunderbird 128.2.3esr, and I no longer have the zebra stripes that alternate between my messages. The userChrome.css file that appears in my profile's chrome folder is: /* Light green, high-contrast zebra stripes in message list */ #threadTree treechildren::-moz-tree-row(odd) { -moz-appearance: none !important; background-image: none !important; /* background-color:#99E02E !important;} */ background-color:#EEFFBB !important;} /* background-color:#AED6F1 !important;} */ #threadTree treechildren::-moz-tree-row(selected) { background-color:#45A1FF !important;} Is there a reason that this no longer works? Can it be modified to restore the zebra stripes? Or is there an alternative code that will restore functionality? Thanks in advance!

Vybrané riešenie

Zebra stripes for 128 (see picture):

/* zebra striping  table view */
#threadTree tr:nth-child(2n) {
  background-image: linear-gradient(rgba(0,0,0,.10), rgba(0,0,0,.10)) !important;  
}

/* zebra striping  cards view */
#threadTree[rows="thread-card"] tr:nth-child(2n) .card-container {
      background-image: linear-gradient(rgba(0,0,0,.10), rgba(0,0,0,.30)) !important;
}


Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

video on how to create a css file (Firefox and TB)

Čítať túto odpoveď v kontexte 👍 2

Všetky odpovede (4)

more options

Vybrané riešenie

Zebra stripes for 128 (see picture):

/* zebra striping  table view */
#threadTree tr:nth-child(2n) {
  background-image: linear-gradient(rgba(0,0,0,.10), rgba(0,0,0,.10)) !important;  
}

/* zebra striping  cards view */
#threadTree[rows="thread-card"] tr:nth-child(2n) .card-container {
      background-image: linear-gradient(rgba(0,0,0,.10), rgba(0,0,0,.30)) !important;
}


Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

video on how to create a css file (Firefox and TB)

Pomohla vám táto odpoveď?

more options

MANY thanks! Works like a charm!

Pomohla vám táto odpoveď?

more options

sfhowes said

Zebra stripes for 128 (see picture):
/* zebra striping  table view */
#threadTree tr:nth-child(2n) {
  background-image: linear-gradient(rgba(0,0,0,.10), rgba(0,0,0,.10)) !important;  
}

/* zebra striping  cards view */
#threadTree[rows="thread-card"] tr:nth-child(2n) .card-container {
      background-image: linear-gradient(rgba(0,0,0,.10), rgba(0,0,0,.30)) !important;
}


Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

video on how to create a css file (Firefox and TB)

Thank you so much. If I want to set the alternate color to black, what do I need to do to adjust the text color? Much appreciated.

Pomohla vám táto odpoveď?

more options

mystik1 said

Thank you so much. If I want to set the alternate color to black, what do I need to do to adjust the text color? Much appreciated.

To set the alternate text colour, insert this into the code:

color: black !important;


To make the alternate colour a solid colour, replace the background-image line with:

background: lightgrey !important;

Pomohla vám táto odpoveď?

Položiť otázku

Ak chcete odpovedať na príspevky, musíte sa prihlásiť do svojho účtu. Ak ešte nemáte účet, položte novú otázku.