We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Tìm hiểu thêm

AccentColor in Thunderbird 102.10.1 for Custom CSS

  • 5 trả lời
  • 0 gặp vấn đề này
  • Trả lời mới nhất được viết bởi sfhowes

more options

I am trying to get TB (102.10.1) to use my system colors for

  1. navigation-toolbox-background {background: AccentColor !important;}

I've used AccentColor in Firefox for...

  1. TabsToolbar, #navigator-toolbox, #tabs-newtab-button, #titlebar toolbarbutton:not(:hover):not(:active), #scrollbutton-up:not(:hover):not(:active), #scrollbutton-down:not(:hover):not(:active), .titlebar-color {
   background: AccentColor !important;
   color: AccentColorText;
   fill: AccentColorText !important;

}

...but I'm doing something wrong in TB. Please let me know the proper usage for TB. Thank you for taking a look at this.

I am trying to get TB (102.10.1) to use my system colors for #navigation-toolbox-background {background: AccentColor !important;} I've used AccentColor in Firefox for... #TabsToolbar, #navigator-toolbox, #tabs-newtab-button, #titlebar toolbarbutton:not(:hover):not(:active), #scrollbutton-up:not(:hover):not(:active), #scrollbutton-down:not(:hover):not(:active), .titlebar-color { background: AccentColor !important; color: AccentColorText; fill: AccentColorText !important; } ...but I'm doing something wrong in TB. Please let me know the proper usage for TB. Thank you for taking a look at this.

Tất cả các câu trả lời (5)

more options

Try this to apply the accent colour to the Unified and Menu Bars, and the tab bar (see picture):

#navigation-toolbox {background-color: AccentColor !important;}


The automatic application of the accent colour to the bars was removed in TB 128.2.2.

If the Menu Bar is enabled, you might need to make it more visible:

/*  Menu Bar colours  */
menubar > menu:hover {
     background-color: orange !important;
     color: black !important;
     font-weight: normal !important;
}

menubar > menu {
     color: white !important;
     font-weight: normal !important;
}


Edit: Realizing you are on 102, I tested the code and it still works, but the accent colour is already applied to the toolbars with the TB system theme. The accent colour is set in Windows Settings, and can be automatic or manual.

Được chỉnh sửa bởi sfhowes vào

Hữu ích?

more options

Thank you sfhowes for your help. It looks like my problem is I'm using a Portable version so it's not using the Windows colors as default. I installed it on another PC and it is using the Windows colors without any CSS as you pointed out. Is there a work around for Portable installs to get it to use system colors like an "normal" install would?

Hữu ích?

more options

I don't have a portable version, but if it can apply a userChrome for other modifications, it should be able to apply the navigation-toolbox code that works in the standard version. Test with some css that produces an obvious change, like this that makes the scrollbar orange and grey in 102:

scrollbar {
  -moz-appearance: none !important;
    background: orange !important;
    width: 15px;
    scrollbar-color: grey orange;
}


Check that toolkit.legacyUserProfileCustomizations.stylesheets is true in Config. editor.

Hữu ích?

more options

In general, the custom CSS is working. navigation-toolbox-background {background: blue !important;} works but navigation-toolbox-background {background: AccentColor !important;} does not. A fresh "normal" install of 102.10 uses the Windows colors for that menu area but a fresh Portable install does not, it's gray. I'm guessing the Portable version isn't looking or can't find system settings because of how it is installed. This does not seem to be a Thunderbird issue so I posted on PortableApps https://portableapps.com/node/71642 but don't have a response yet.

Được chỉnh sửa bởi emanon1138 vào

Hữu ích?

more options

emanon1138 said

In general, the custom CSS is working. navigation-toolbox-background {background: blue !important;} works but navigation-toolbox-background {background: AccentColor !important;} does not.

I think you have to use the code in my first reply with background-color: AccentColor

Hữu ích?

Đặt một câu hỏi

Bạn phải đăng nhập vào tài khoản của bạn để trả lời bài viết. Vui lòng bắt đầu một câu hỏi mới, nếu bạn chưa có tài khoản.