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

搜索 | 用户支持

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

详细了解

[CSS] Formating TB layout - new mail, scrollbar and others

  • 5 个回答
  • 1 人有此问题
  • 1 次查看
  • 最后回复者为 DonAndress

more options

Hello.

So I'm playing with CSS to modify TB layout, I'm making it dark to be exact. It's going good, I managed to change colors of most of the layout but there are still some questions I can't find answers to.

1. It is possible to add background to text for a new mail in the list of emails pane using:

   #threadTree > treechildren::-moz-tree-cell(new) {
   background-color: rgba(160, 0 , 0, 0.4) !important;
   }

Now, my question is, can I add the same but only for the Topic cell of new email?

2. I am having trouble changing colors of the scrollbars of the list of emails pane and the reading pane. Could you please help with that?

3. When you open TB and don't open any email, there is this "splash screen" with an information from TB (welcome to TB and so on). How do I turn it off and change the background color of this pane to black for example?

4. For the new message window as in the image attached: a) for no.1 - it's not visible because I grabbed a snapshot while this window was inactive but actually text color is black (default). So how do I change font color of the menu buttons?

b) for no.2 - as you can see I changed Sender font color but I can't change the rest (To, Copy etc) and it's default (black). How to change that?

c) for no.3 - how do I change font color of email addresses and topic independantly?

Hello. So I'm playing with CSS to modify TB layout, I'm making it dark to be exact. It's going good, I managed to change colors of most of the layout but there are still some questions I can't find answers to. 1. It is possible to add background to text for a new mail in the list of emails pane using: #threadTree > treechildren::-moz-tree-cell(new) { background-color: rgba(160, 0 , 0, 0.4) !important; } Now, my question is, can I add the same but only for the Topic cell of new email? 2. I am having trouble changing colors of the scrollbars of the list of emails pane and the reading pane. Could you please help with that? 3. When you open TB and don't open any email, there is this "splash screen" with an information from TB (welcome to TB and so on). How do I turn it off and change the background color of this pane to black for example? 4. For the new message window as in the image attached: a) for no.1 - it's not visible because I grabbed a snapshot while this window was inactive but actually text color is black (default). So how do I change font color of the menu buttons? b) for no.2 - as you can see I changed Sender font color but I can't change the rest (To, Copy etc) and it's default (black). How to change that? c) for no.3 - how do I change font color of email addresses and topic independantly?
已附加屏幕截图

所有回复 (5)

more options

There is ak theme built into Thunderbird 60. is it not suitable?

more options

Matt said

There is dark theme built into Thunderbird 60. is it not suitable?
more options

Matt said

There is ak theme built into Thunderbird 60. is it not suitable?

Well, I'm trying to learn and in order to learn I should not use themes as I can't really analyze them. And believe me, I tried to find suitable selector, it's just that no selector visible under the ctrl+shift+i is a proper one to change what I need.

more options

DonAndress said

Matt said
There is ak theme built into Thunderbird 60. is it not suitable?

Well, I'm trying to learn and in order to learn I should not use themes as I can't really analyze them.

Of course you can, they are XPI files and XPI files are just zip files with a modified extension. By reading them you get to see exactly what things are being used, in an environment where they work.

And believe me, I tried to find suitable selector, it's just that no selector visible under the ctrl+shift+i is a proper one to change what I need.

A starting point is https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Styling_a_Tree but basically you need to use JavaScript to interrogate the actual values. as specified in the link

getRowProperties : function(row){ return }

getColumnProperties : function(column,columnElement){ return }

getCellProperties : function(row,column){ return }
more options

JavaScript, you say? That's a bit more complexed, I guess... But thanks for the link, I'll give it a shot.