파이어 폭스는 브라우저 크롬에서 GTK 테마 만 사용하도록하지만 웹 사이트에서는 무시


14

나는 어두운 GTK 테마를 가지고 있으며, 파이어 폭스가 그것을 모두 무시하지 않기를 원하며, 테마가 Firefox의 크롬 (단추, 주소 표시 줄, 책갈피 표시 줄 등)에만 영향을 미치기를 원하지만 테마를 원합니다. 웹 사이트에서 무시하려면 웹 사이트를 브라우저에서 테마로 사용해서는 안됩니다! 그것은 죄이며 모든 것을 절대 쓰레기처럼 보이게 만듭니다. 누구든지 고칠 방법을 알고 있다면 감사 할 것입니다!


편집 : 아래 이미지에서 상단 패널은 "어두운 테마"가 적용될 때 검색 상자에 입력 한 텍스트가 거의 보이지 않음을 보여줍니다. 어두운 테마를 적용하지 않으면 아래쪽 패널에 텍스트가 명확하게 표시됩니다.

Google 검색 창의 텍스트


Ambiance 또는 Radiance와 같은 표준 (light) gtk 테마는 대부분 웹 페이지의 모양에 영향을 미치지 않습니다. 어두운 테마 사용자가 Google에서 검색 창을 발견하고 텍스트 상자가 영향을받는 경우 몇 개의 게시물이 있습니다 . 어두운 테마가 있거나없는 Firefox 이미지를 포함하도록 질문을 편집 할 수 있습니까? OS의 이름과 테마의 이름 및 출처를 언급하면 ​​도움이 될 수 있습니다.

나는 Ubuntu 12.10에 있으며, 일반적으로 파이어 폭스 테마로 테마가 지정된 양식 항목과 콤보 상자입니다. 다음은 일부 스크린 샷입니다. imageshack.us/a/img571/1883/screenshotfrom201302140.png | imageshack.us/a/img687/1883/screenshotfrom201302140.png | imageshack.us/a/img14/4177/screenshotfrom201302140v.png | imageshack.us/a/img14/1883/screenshotfrom201302140.png
KoRnKloWn

그랬어! 그러나 나는 2 개의 .default 폴더 (이전 설치 / 구성 파일 백업)가 있었고 프로파일 폴더를 여는 더 쉬운 방법을 찾았습니다 (이것이 활성화 된 폴더를 알아 내기 위해이 작업을 수행했습니다). 도움말 메뉴, 문제 해결 정보를 열면 디렉토리 열기 버튼이있는 프로파일 디렉토리 항목이 표시됩니다. 해당 버튼을 클릭하면 활성 randomstring.default 폴더가 직접 열립니다.
KoRnKloWn

또한, 당신은 내가 당신에게 약간의 신용을 줄 수 있도록 답변으로 게시해야합니다;)
KoRnKloWn

답변:


13

나는 당신의 상황을 올바르게 이해하기를 바랍니다. 그것은 고 대비 테마 Firefox 문제 와 다소 관련이 있으며 브라우저의 gnome 3 테마를 수정해야합니다 . 그리고 아래 내 대답은 본질적으로 내가 그 질문에 제공 한 것입니다!

Firefox의 모든 인스턴스를 닫습니다 (종료). 프로필 폴더로 이동하십시오. 여기 있습니다 : ~/.mozilla/firefox/randomstring.default. 여기에서라는 하위 폴더를 찾으십시오 chrome.
존재하지 않는 경우 작성하십시오. 폴더
를 만들려면 chrome파일 관리자 (또는 명령 줄을 사용하여)를 사용하십시오 mkdir chrome.
경우 chrome존재를 수행, 파일에 대한 모습이라고 userContent.css. 그렇지 않으면 chrome폴더 에이 이름으로 빈 텍스트 파일을 작성하십시오 . 이제 userContent.css텍스트 편집기로 열고 다음 코드를 붙여 넣거나 추가하십시오.

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

파일을 일반 텍스트로 저장하고 텍스트 편집기를 닫습니다. Firefox를 다시 시작하십시오. 이제 밝은 회색 배경에 검은 색 텍스트가 나타납니다. 원하는 색상 조합을 사용할 수 있습니다.

참고 : chromeuserContent.css대소 문자를 구분하고 철자가 정확해야합니다. 여기의 설정은 OS 테마의 설정보다 우선하며 어떤 gtk테마로 전환 하든 Firefox에서 동일하게 유지 됩니다.


2
!important마커 없이 더 나은 결과를 얻었습니다 . 그대로두면 문제가 해결되지만 투명해야하는 모든 입력은 흰색이됩니다.
ldavid

나는 또한 설정되지 않은 것을 사용할 수있었습니다. INPUT, TEXTAREA {color: unset; background: unset; }
rharriso 2016 년

2

어떤 이유로 든 받아 들일만한 대답을 얻지 못했기 때문에 작은 효과를 내기 위해 작은 Greasemonkey 스크립트를 작성했습니다 : https://gist.github.com/einarmagnus/d741e30ad13b051d7971

// ==UserScript==
// @name        bright forms
// @namespace   einar
// @description Make all form elements default to light style to combat gtk theme
// @include     *
// @version     1
// @grant       none
// ==/UserScript==
function addDefaultCssRules(rule) {
  var styleElement = document.createElement('style');
  styleElement.type = 'text/css';
  document.head.insertBefore(styleElement, document.head.firstChild);
  styleElement.sheet.insertRule(rule, 0);
}
addDefaultCssRules('input, button, textarea, select { background-color:#fff;border-radius:5px;color:#111 }');

이것은 나를 위해 일했습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.