Firefox 양식 입력 요소의 시스템 스타일 사용 안함 변경해야합니다. 이제는 괜찮지 만

나는 Lubuntu에서 Dorian 이라는 어두운 테마를 사용합니다 . 나는 그것에 매우 만족합니다. 그러나 Firefox는 양식 입력 요소에 대해 특정 시스템 색상을 상속하여보기가 매우 어려워 보입니다.

예를 들면 다음과 같습니다.

확인란 예
버튼 예

전경색을 변경하면 텍스트 상자의 배경색도 변경해야합니다. 이제는 괜찮지 만 밝지 만 어둡습니다.
텍스트 상자 예

여러 가지 방법 으로이 문제를 해결하는 것을 상상할 수 있습니다.

  1. 변경 사항을 되돌리려면 Firefox 용 사용자 정의 스타일 시트를 추가하십시오. (나는 Stylish을 사용
    하므로 구현하기가 쉽지 않지만 양식 요소가있는 CSS는 까다로워 보입니다.)
  2. Dorian 수정 (특정 프로그램에 대해 GTK 테마를 사용자 정의 할 수 있다고 생각합니다.)
  3. Ubuntu-Firefox-modifications Firefox 애드온을 비활성화하십시오 .
  4. 입력 요소의 시스템 색상이로드되지 않도록 Firefox에서 설정을 찾으십시오.
  5. Firefox 용 Dorian Theme를 설치하십시오 . (Dorian이 적극적으로 업데이트되지 않고 Firefox가 지속적으로 업데이트되기 때문에 나는 이것을 꺼려합니다.)

물론, 내가 생각하지 않은 다른 솔루션도 환영합니다.



답변

내 경험상 CSS 기반 솔루션은 까다 롭습니다. Michael의 답변 중 하나는 일부 사이트에서만 작동했지만 전부는 아닙니다.

Firefox 60에는 더 쉬운 솔루션이 있습니다. about:config다음 문자열 값으로 이동하여 설정하십시오.
widget.content.gtk-theme-override=Adwaita:light

(마우스 오른쪽 버튼을 클릭하고 새로 만들기-> 문자열을 선택 gtk-theme-override해야합니다. 기본적으로 설정이 없기 때문에 검색 하면 아무것도 찾을 수 없습니다.)

Martin Stránský의 신용 : https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7


답변

어두운 테마텍스트 대비 확장 사용해 볼 수 있습니다 .

또한이 오래된 CSS 솔루션은 여전히 작동하는 것처럼 보이지만 아마도 현재 사용중인 것일 수 있습니다.


답변

나는 또한 어두운 테마 (Adapta Nokto)를 사용하며 입력에서 텍스트 색상을 변경하는 웹 사이트를 많이 사용하지만 배경색이 흰색이라고 가정합니다 (텍스트를 완전히 읽을 수 없음).

CSS 옵션을 살펴보고 브라우저 확장이 필요하지 않은 기본 사용자 스타일 설정에 대한 설명을 찾았 습니다 . 요약:

  1. Firefox 프로파일은 userContent.css올바른 위치에 파일 이 필요합니다 . 다음과 같이 만들 수 있습니다.

    • 디렉토리를 Firefox 프로파일로 변경하십시오.
      cd ~/.mozilla/firefox/<your profile>/
    • “chrome”디렉토리가 존재하지 않는 경우
      mkdir chrome
    • 이 새 디렉토리에 CSS 파일을 작성하십시오
      touch chrome/userContent.css
  2. userContent.css모든 페이지에 적용 할 기본 스타일을 포함 하도록 새로 작성된 파일을 편집하십시오 .

  3. 변경 사항을 보려면 Firefox를 다시 시작하십시오.

우선 CSS 파일에 이것을 추가했습니다.

input, textarea {
  background-color: #fff;
  color: #222;
}

이것은 CSS에 어느 정도 익숙하다고 가정합니다. 새로운 것이면 다음과 같습니다.

  • 페이지 에서 inputtextarea요소 모두 찾기
  • 배경을 흰색으로 만듭니다 (흰색 #fff의 16 진수 코드입니다)
  • 텍스트 색상을 진한 회색으로 만듭니다 ( #222)

button및 과 같이 스타일을 지정할 수있는 다른 요소가 많이 있으며와 같이 select입력에 대해 더 구체적으로 지정할 수 있습니다 input[type=checkbox].

이것은 시스템 테마의 사용을 정확하게 비활성화하지는 않지만, 최소한 테마를 무시하고 웹 사이트에 예상보다 가까운 기본값을 제공하도록 허용합니다.


답변