Firefox 양식 입력 요소의 시스템 스타일 사용 안함

14

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

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

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

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

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

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

firefox themes gtk

— sondra.kinsey
소스

레. "양식 요소가 포함 된 CSS는 까다로워 보입니다."번거로운 요소를 마우스 오른쪽 단추로 클릭하고 상황에 맞는 메뉴에서 "요소 검사"를 선택하면 지침을 얻을 수 있습니다.

— DK Bose

20

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

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

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

— 존 린드그렌
소스

3

많은 firefox 설정과 달리 Firefox를 다시 시작해야이 기능이 적용됩니다. 따라서 즉시 적용되지 않더라도 걱정하지 마십시오. 그래도 완벽하게 작동합니다!

— Bryan Head

KDE 사용자는이 값을 "breeze"또는 "oxygen"과 같은 KDE 테마 이름으로 설정할 수 있습니다.

— Pistos 2016 년

3

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

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

— 레드 산드로
소스

두 번째 링크 ( "CSS 솔루션")가 더 이상 작동하지 않습니다. CSS 솔루션에 대해 자세히 설명해 주시겠습니까? 확장 기능을 사용하지 않고 Firefox의 글로벌 사용자 에이전트 스타일 시트를 변경할 수 있습니까?

— Michael Martin-Smucker 2016 년

죄송합니다. Firefox의 스타일이 특히 어두운 데스크탑에서 기발한 것으로 나타났기 때문에 Chrome으로 전환했습니다.

— Redsandro

1

표준 색상을 적용 할 사이트를 선택할 수 있기 때문에이 기능이 마음에

— 듭니다

2

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

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

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

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

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

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

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

— 마이클 마틴 스 머커
소스