CSS로 Firefox 57 사용자 지정
- 범주: Firefox
Custom CSS for Fx는 인기있는 Firefox 애드온 Classic Theme Restorer 작성자가 작성한 Firefox 57 이상용 CSS 스타일 모음입니다.
Firefox 57은 WebExtensions 전용 시스템으로의 전환으로 인해 더 이상 Classic Theme Restorer 또는 기타 인터페이스 변경 확장 또는 테마를 지원하지 않습니다. 새로운 WebExtensions 시스템 확장 개발자에게 API를 제공하지 않음으로써 브라우저의 사용자 인터페이스 변경을 방지합니다.
Mozilla가 Firefox에서 기본적으로 제공하는 것과 별도로 Firefox 사용자가 UI를 수정할 수있는 유일한 옵션은 CSS를 사용하는 것입니다.
CSS에 대해 알고있는 Firefox 사용자는 CSS 파일을 수동으로 편집하여 웹 브라우저 버전을 수정할 수 있습니다. 반면에 대부분의 Firefox 사용자는 아마도 그렇지 않을 것입니다. 이것이 Fx 용 Custom CSS가 작동하는 곳입니다.
CSS로 Firefox 57 사용자 지정
프로젝트 는 GitHub에서 호스팅되며 Classic Theme Restorer 및 NoiaButtons와 같은 인기있는 Firefox 애드온으로 유명한 Aris가 유지 관리합니다. 클래식 테마 복원 로 만들어졌습니다 Australis 인터페이스에 대한 응답 Mozilla는 Firefox 29에서 시작되었습니다. Mozilla는 해당 Firefox 버전에서 레거시 추가 기능에 대한 지원을 중단하고 WebExtensions API로 사용자 인터페이스를 수정하는 기능을 도입하지 않았기 때문에 더 이상 Firefox 57 이상에서 작동하지 않습니다.
프로젝트 시작 페이지에서는 Firefox 웹 브라우저의 프로필 폴더를 찾고 제공된 스타일을 사용하여 Firefox를 수정하는 방법에 대한 정보를 제공합니다.
프로필 폴더를 찾는 가장 쉬운 방법은 브라우저의 주소 표시 줄에 about : support를로드하고 애플리케이션 기본 사항> 프로필 폴더에서 '폴더 열기'버튼을 클릭하는 것입니다.
프로필 디렉토리의 루트에 존재하지 않는 경우 chrome이라는 폴더를 생성해야합니다. 완료되면 아카이브의 내용을 해당 폴더에 복사하십시오. userChrome.css 및 userContent.css가 chrome 폴더의 루트에 있는지 확인합니다.
Firefox에 이러한 사용자 정의 스타일을 추가하기 위해 수행해야하는 모든 작업입니다. 그러나 당신이 취할 수있는 또 다른 단계가 있는데, 그것은 조정을 커스터마이징하는 것입니다.
기본 조정 세트는 일부 사용자에게 매력적일 수 있지만 CSS 파일에는 인터페이스를 추가로 변경하기 위해 다른 조정을 활성화 또는 비활성화하는 옵션이 있습니다.
일반 텍스트 편집기에서 userChrome.css 파일을 엽니 다. 이 파일은 @import 명령을 사용하여 CSS 파일에서 실제 CSS 스타일을 가져옵니다. 이는 기본 userChrome.css를 깔끔하게 유지하고 Firefox 사용자가 쉽게 수정할 수 있도록하기위한 것입니다.
/ *로 시작하는 행은 주석 처리되며 링크 된 CSS 파일은 그 때문에 가져 오지 않습니다.
여러분이해야 할 일은 한 번에 하나의 섹션을 나열하여 Firefox에서 활성화 할 사용 가능한 조정을 결정하는 것입니다.
선 앞에 / *를 추가하고 뒤에 * /를 추가하여 조정을 해제합니다. 마찬가지로 앞쪽에 / *를 제거하고 뒤쪽에 * /를 제거하여 조정을 활성화합니다.
현재 사용 가능한 조정 목록은 다음과 같습니다.
- 탐색 도구 모음 버튼을 수정합니다.
- 제곱 버튼 활성화
- 아이콘 모양 변경
- 앱 버튼 팝업을 변경합니다.
- 북마크 메뉴 및 팝업 모양을 변경합니다.
- 이전 북마크 툴바 버튼 모양
- 기타 버튼 설정 (앞으로 버튼 숨기기, 뒤로 및 앞으로 버튼으로 구분 된 내역 팝업, 줌 버튼 숨기기 재설정).
- 사용자 정의 뒤로 및 앞으로 버튼 모양
- 탐색 도구 모음의 응용 프로그램 / 햄버거 버튼
- Firefox 제목 표시 줄의 응용 프로그램 / 햄버거 버튼 (Windows에만 해당)
- 탭 모양 (스타일, 도구 모음 아래의 도구 모음 위치 (읽기 : 상단에없는 탭), 탭 제목, 아이콘 등.
- 검색 창, 상황에 맞는 메뉴, 아이콘 및 기타 도구 모음을 수정합니다.
- 위치 표시 줄의 스타일을 변경합니다.
이들 중 일부는 자명합니다. 다른 것들은 그렇지 않지만 이것들과 관련하여 두 가지 옵션이 있습니다. 활성화하고 직접 체크 아웃하거나로드되는 CSS 파일을 열어 그들이 무엇을하는지 알아보십시오. 후자는 CSS에 대한 지식이 필요합니다.
userContent.css 파일은 동일한 레이아웃을 사용합니다. CSS 파일을 가져 오며이를 활성화하거나 비활성화하는 것은 사용자에게 달려 있습니다.
Firefox의 모양을 더 수정하기 위해 프로젝트에서 제안 된 기본 인터페이스 조정 및 about : config 조정 목록도 제공합니다.
마무리 단어
Fx 용 사용자 정의 CSS는 확장 기능이나 내장 기능을 사용하여 수행 할 수없는 Firefox 57의 인터페이스에 대한 많은 인터페이스 수정을 제공합니다. 기존 Firefox 사용자는 특히 지금까지 Classic Theme Restorer 또는 유사한 추가 기능을 사용한 경우 유용 할 수 있습니다.
업데이트는 Aris에 의해 정기적으로 릴리스됩니다. 이는 조정을 통해 도입 될 수있는 새로운 기능뿐만 아니라 새로운 Firefox 릴리스와 호환되는 스타일을 유지하는데도 좋습니다.