Thay đổi nền tab mới của Firefox


22

Tôi luôn sử dụng chủ đề personas tối hoặc chủ đề tối nhỏ gọn mặc định đi kèm với Firefox và tôi không thích màu nền mặc định là màu trắng khi tôi mở tab mới. Có một tiện ích bổ sung mà tôi đã sử dụng cho phép tôi tùy chỉnh các tab mới nhưng giờ nó đã biến mất với Firefox 57 ...

Vì vậy, làm thế nào tôi có thể làm để thay đổi nền tab mới?


Chủ đề tối cho Firefox overodactyl.github.io/ShadowFox
Josh Habdas

Câu trả lời:


28

Tôi nghĩ rằng điều này có thể quan tâm đến người khác là tốt. Cho đến nay tôi biết một vài addon để đạt được điều đó và một cách để làm mà không cần addons (vì dường như rất nhiều trong số chúng đang biến mất từng ngày), sau đó chúng ta sẽ đi:

  1. Tùy chỉnh về: newtab (vui lòng xem điểm 3 bên dưới)

    Đây là một tiện ích bổ sung cụ thể cho tác vụ, nó không chỉ cho phép bạn thay đổi màu nền mà còn chọn hình nền và cũng thay đổi kích thước và căn chỉnh nó theo ý muốn ... tốt đẹp!

  2. Sành điệu (vui lòng xem điểm 3 bên dưới)

    Sành điệu là một tiện ích bổ sung với phổ rộng hơn về chức năng; nó cho phép bạn tùy chỉnh Firefox miễn là quản lý / cài đặt các chủ đề và giao diện cho nhiều trang web phổ biến như Google, Facebook, YouTube và nhiều trang web khác ... Tôi nghĩ rằng nó quá mức nếu bạn chỉ cần nó cho nhiệm vụ chúng ta đang giải quyết ở đây .

  3. Cả hai cách trên đều không hoạt động với Firefox 57 do các hạn chế được thêm vào . Bút stylus với trang tab mới của Firefox 57 hiển thị thông báo này:

    Để phòng ngừa bảo mật, trình duyệt cấm các tiện ích mở rộng ảnh hưởng đến các trang tích hợp của nó (như phiên bản chrome: //, trang tab mới tiêu chuẩn như Chrome 61, about: addons, v.v.) cũng như các trang của tiện ích mở rộng khác. Mỗi trình duyệt cũng hạn chế quyền truy cập vào thư viện tiện ích mở rộng của riêng mình (như Cửa hàng Chrome trực tuyến hoặc AMO).

    Vì vậy, hãy để addons sang một bên và làm bẩn tay chúng ta!

    Bạn có thể quyết định bạn không muốn sử dụng một addon cho việc này, trong trường hợp này đây là việc cần làm:

    • viết about:profilesvào thanh địa chỉ Firefox và chọn Open Foldertương ứng với "Thư mục gốc" của hồ sơ người dùng bạn muốn tùy chỉnh (thường chỉ có một);

    • bây giờ thư mục gốc của hồ sơ đã được mở, hãy tạo (nếu nó chưa xuất hiện) một thư mục mới có tên chrome;

    • tạo (nếu nó chưa có) một tập tin mới có tên userContent.css trong chromethư mục và đặt đoạn mã sau vào đó:

      @-moz-document url("about:newtab") {  
          body {
              background-color: #000000 !important;
          }
      }

    Nếu bạn có thể tung hứng với CSS, bạn cũng có thể thêm một số mã để đặt hình nền nếu bạn muốn (tôi đề nghị cuối cùng sẽ đưa hình ảnh vào cùng thư mục với CSS).

    Bạn có thể cần phải khởi động lại Firefox để tùy chỉnh được áp dụng.

    Tín dụng cho điểm cuối cùng này được chuyển đến DIENER_


3
Để làm điều tương tự với Firefox about:blanktrang web mà bạn có thể tham khảo này khác Q & A: superuser.com/questions/603218/...
danicotra

3
Điểm thưởng (nếu tôi có thể) cho phương pháp tương thích Firefox 57+.
japzone

Cập nhật-nhận xét: Đảm bảo bạn không bỏ lỡ tiện ích mở rộng Firefox mới và tuyệt vời này: Tabliss hoạt động rất tốt! (Cũng có sẵn cho Chrome )
danicotra

Một WebExtension tốt khác để FF đạt được mục đích tại đây: Ghi đè tab mới
danicotra

1
Không hoạt động trong Firefox 67
Vladimir Jovanović

7

Mở about:configvà thay đổi giá trị browser.display.background_colorthành màu bạn chọn. Tôi đang sử dụng # 595959 (màu xám trung tính).

Điều này hoạt động với tab trống hoặc "Trang chủ Firefox".

Đáng buồn thay, mở tab nhanh chóng hoặc khi trình duyệt đang tải nặng vẫn sẽ dẫn đến đèn flash trắng.

Nếu bạn không biết cách sử dụng about: config, vui lòng đọc https://support.mozilla.org/en-US/kb/about-config-editor-firefox


Không hoạt động trong Firefox 67
Vladimir Jovanović

Điều này không hoạt động với tôi trên Firefox 67.0.4 (64-bit) trên Arch Linux. Tuy nhiên, giải pháp không lý tưởng do đèn flash trắng, như được mô tả trong câu trả lời.
Casey Jones

Hoạt động trong Firefox 71
Edwin

2

Chà, tôi phải nói rằng giải pháp được đưa ra bởi @danicotra không hoạt động cho tab mới, ngay cả với Firefox 57. Tuy nhiên, trong khi tải trang, đèn flash trống sẽ vẫn làm bỏng mắt bạn một cách có hệ thống.

Đây là một đề xuất nội dung khác cho bạn ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css, làm tối thêm một vài nơi, nhưng sẽ không giải quyết được đèn flash trống khi tải.

/* https://userstyles.org/styles/90565/firefox-adjust-white-flash-when-opening-new-tab */
/* https://userstyles.org/styles/142191/remove-new-tab-flash */
@-moz-document url-prefix(about:preferences), url-prefix(about:blank), url-prefix(about:newtab) {
  html, body, #newtab-customize-overlay {
    background: #303030 !important;
    color: #b2b2b2 !important;
  } 
}

@-moz-document url(chrome://browser/content/browser.xul)
{

  browser[type="content-primary"]
  {
    background: #303030 !important;
    color: #b2b2b2 !important;
  }
}

@-moz-document url(chrome://browser/content/browser.xul)
{

  browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content
  {
    background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed !important;
    color: #b2b2b2 !important;
  }
}

@-moz-document url(about:blank),
               url(about:preferences),
               url(about:config),
               url(about:newtab)
{
  #newtab-window,
  html,
  body, 
  #newtab-customize-overlay 
  {
    background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed;
    color: #b2b2b2 !important;
  }
}

html>body {
  background: #303030 !important;
  color: #b2b2b2 !important;
}

2
Một giải pháp gần như hoạt động cho flash flash reddit.com/r/firefox/comments/6s2l0w/, nhưng một số yếu tố màu trắng vẫn có thể flash trong khi tải trang.
psychoslave

-1

Tôi thích tùy chọn của psychoslave nhưng nếu bạn không muốn thay đổi nền google hoặc các trang web đó thì sử dụng nền mặc định của trình duyệt sẽ thay đổi ba dòng cuối như thế này:

#root{   background: #303030 !important;   color: #b2b2b2 !important; } 

Và đây là mã đầy đủ, được sao chép từ câu trả lời của psychoslave.

>     /* https://userstyles.org/styles/90565/firefox-adjust-white-flash-when-opening-new-tab
> */ /* https://userstyles.org/styles/142191/remove-new-tab-flash */ @-moz-document url-prefix(about:preferences), url-prefix(about:blank),
> url-prefix(about:newtab) {   html, body, #newtab-customize-overlay {
>     background: #303030 !important;
>     color: #b2b2b2 !important;   }  }
> 
> @-moz-document url(chrome://browser/content/browser.xul) {
> 
>   browser[type="content-primary"]   {
>     background: #303030 !important;
>     color: #b2b2b2 !important;   } }
> 
> @-moz-document url(chrome://browser/content/browser.xul) {
> 
>   browser[type="content-primary"], tabbrowser tabpanels, #appcontent >
> #content   {
>     background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed
> !important;
>     color: #b2b2b2 !important;   } }
> 
> @-moz-document url(about:blank),
>                url(about:preferences),
>                url(about:config),
>                url(about:newtab) {   #newtab-window,   html,   body,    #newtab-customize-overlay    {
>     background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed;
>     color: #b2b2b2 !important;   } }
> 
> #root {   background: #303030 !important;   color: #b2b2b2 !important; }
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.