Firefox 새 탭 배경 변경

나는 항상 어두운 개인 테마 또는 Firefox에 포함 된 기본 컴팩트 어두운 테마를 사용하며 새 탭을 열 때 기본 배경색이 흰색이 마음에 들지 않습니다. 새 탭을 사용자 정의 할 수있는 추가 기능이 있었지만 Firefox 57에서 사라졌습니다 ...

그렇다면 새 탭 배경을 어떻게 변경합니까?

나는 이것이 다른 사람들에게도 관심이 있다고 생각합니다. 지금까지 나는 그것을 달성하기위한 몇 가지 애드온과 애드온없이 할 수있는 방법을 알고 있습니다 (많은 것들이 매일 사라지고있는 것처럼 보입니다).

1. 다음에 대해 사용자 정의 : newtab (아래 3 단계 참조)

   이것은 작업에 대한 추가 기능입니다. 배경색을 변경할 수있을뿐만 아니라 배경 이미지를 선택하고 원하는대로 크기를 조정하고 정렬 할 수 있습니다.

2. 스타일리쉬 (아래 포인트 3 참조)

   스타일리쉬는 더 광범위한 기능을 갖춘 애드온입니다. 구글, 페이스 북, 유튜브 등 많은 유명 웹 사이트에 테마와 스킨을 관리 / 설치하는 한 Firefox 자체를 커스터마이즈 할 수있다. 여기에서 다루는 작업에 필요한 경우에만 과도하다고 생각한다. .

3. 위의 어느 것도 추가 제한으로 인해 Firefox 57에서 작동하지 않습니다 . Firefox 57의 새 탭 페이지가있는 스타일러스에 다음 메시지가 표시됩니다.

   보안 예방책으로 브라우저는 확장 프로그램이 확장 프로그램의 내장 페이지 (예 : chrome : // version, Chrome 61의 표준 새 탭 페이지, about : addons 등) 및 기타 확장 프로그램의 페이지에 영향을 미치지 않도록합니다. 또한 각 브라우저는 자체 확장 프로그램 갤러리 (예 : Chrome 웹 스토어 또는 AMO)에 대한 액세스를 제한합니다.

   애드온을 제쳐두고 손을 더럽게하자!

   이를 위해 애드온을 사용하지 않기로 결정할 수 있습니다.이 경우에는 다음과 같이해야합니다.

   • 쓰기 about:profiles파이어 폭스의 주소 표시 줄에 선택 Open Folder사용자 정의 할 사용자 프로필의 "루트 디렉토리"의 대응 (보통 한 경우에만있다);

   • 이제 프로파일의 루트 폴더가 열렸어야합니다 (아직없는 경우) chrome.

   • 폴더 userContent.css 안에 이름이 지정된 새 파일을 작성하고 (아직없는 경우) chrome다음 코드를 넣습니다.

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

   CSS로 저글링 할 수 있다면 원하는 경우 배경 이미지를 설정하는 코드를 추가 할 수도 있습니다 (CSS와 동일한 폴더에 이미지를 넣는 것이 좋습니다).

   사용자 정의를 적용하려면 Firefox를 다시 시작해야 할 수도 있습니다.

   이 마지막 포인트에 대한 크레딧은 DIENER_ 로 이동합니다

about:config값 browser.display.background_color을 열고 원하는 색상으로 변경하십시오 . # 595959 (중립 회색)를 사용하고 있습니다.

이것은 빈 탭 또는 "Firefox Home"에서 작동합니다.

안타깝게도 탭을 빠르게 열거 나 브라우저에 과부하가 걸리면 여전히 흰색으로 깜박입니다.

about : config 사용법을 모르는 경우 https://support.mozilla.org/en-US/kb/about-config-editor-firefox를 참조하십시오.

글쎄, @danicotra가 제공 한 솔루션은 Firefox 57에서도 새로운 탭에서 작동한다고 말해야합니다. 그러나 페이지를로드하는 동안 빈 플래시는 여전히 체계적으로 눈을 태울 것입니다.

다음은의 콘텐츠에 대한 다른 제안으로 ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css, 몇 군데 더 어두워 지지만로드시 블랭크 플래시는 해결되지 않습니다.

/* 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;
}

좋아, psychoslave와 danicotra의 답변을 바탕으로 나에게 맞는 해결책을 찾았습니다 (내 목표는 내가 설정 한 새 탭 페이지에 배경 이미지를 갖는 것입니다 about:blank). psychoslave의 솔루션은 기본적으로 원하지 않는 모든 Firefox 페이지를 변경하지만 코드의 시작 덕분에 url-prefix모든 것이 명백하게 가능해지는 부분이 있다는 것을 알 수있었습니다.

1. chrome프로필 루트에 폴더를 만듭니다
2. userContent.css이 코드를 작성 하여 붙여 넣으십시오.

/* 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:blank), url-prefix(about:newtab) {
  html, body, #newtab-customize-overlay {
    background: url("konachan-steins-gate-s.jpg") no-repeat center center fixed !important; 
    background-size: cover !important;
  } 
}

새 탭의 배경색 만 browser.display.background_color16 진수 색상 코드와 함께 사용하면 이 색상을 모두 드롭 할 수 있습니다.

3. userContent.css파일 바로 옆에 이미지를 복사 하십시오 (FF는 다른 곳에서는 절대 경로를 사용하지 않았습니다).
4. 에서 FF로 about:config설정 toolkit.legacyUserProfileCustomizations.stylesheets하면 true실제로이 사용자 정의가 허용됩니다.

이것이 Windows 10, Firefox 72.0.2에서 작동 함을 확인합니다.

위에서 언급 한 다른 기고자와 Reddit의 스레드에 큰 감사를드립니다 .

나는 psychoslave의 옵션을 좋아하지만 Google 배경이나 해당 사이트 배경을 변경하지 않으려면 브라우저 기본 배경을 사용하는 것이 마지막 세 줄을 다음과 같이 변경하십시오.

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

그리고 여기 정신 코드의 대답에서 복사 한 전체 코드가 있습니다.

>     /* 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; }