为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

Lost zebra stripes after upgrade to Thunderbird 128.2.3esr

  • 4 个回答
  • 1 人有此问题
  • 最后回复者为 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!

被采纳的解决方案

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)

定位到答案原位置 👍 3

所有回复 (4)

more options

选择的解决方案

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)

有帮助吗?

more options

MANY thanks! Works like a charm!

有帮助吗?

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.

有帮助吗?

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;

有帮助吗?

我要提问

您需要登录才能回复。如果您还没账号,可以提出新问题