파이어 폭스는 브라우저 크롬에서 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를 다시 시작하십시오. 이제 밝은 회색 배경에 검은 색 텍스트가 나타납니다. 원하는 색상 조합을 사용할 수 있습니다.

참고 : chrome및 userContent.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.