Fx 용 사용자 정의 CSS는 널리 사용되는 Firefox 애드온 Classic Theme Restorer의 작성자가 Firefox 57 이상을위한 CSS 스타일 모음입니다.
Firefox 57은 WebExtensions 전용 시스템으로의 전환으로 인해 Classic Theme Restorer 또는 기타 인터페이스 변경 확장 또는 테마를 더 이상 지원하지 않습니다. 새로운 WebExtensions 시스템은 확장 개발자에게 API를 제공하지 않음으로써 브라우저의 사용자 인터페이스가 변경되는 것을 방지합니다.
Firefox 사용자가 Firefox에서 기본적으로 제공하는 것 외에 UI를 수정할 수있는 유일한 옵션은 CSS를 사용하는 것입니다.
CSS에 대해 잘 알고있는 Firefox 사용자는 CSS 파일을 수동으로 편집하여 웹 브라우저 버전을 수정할 수 있습니다. 반면에 대부분의 Firefox 사용자는 그렇지 않을 것입니다. Fx 용 사용자 정의 CSS가 작동하는 곳입니다.
CSS를 사용하여 Firefox 57 사용자 정의
이 프로젝트는 GitHub에서 호스팅되며 Classic Theme Restorer 및 NoiaButtons와 같이 널리 사용되는 Firefox 애드온으로 알려진 Aris가 관리합니다. Mozilla가 Firefox 29에서 시작한 Australis 인터페이스에 대한 응답으로 Classic Theme Restorer가 작성되었습니다. Mozilla는 해당 Firefox 버전에서 레거시 추가 기능에 대한 지원을 중단하고 기능을 도입하지 않았기 때문에 Firefox 57 이상에서 작동하지 않습니다. 사용자 인터페이스를 WebExtensions API로 수정합니다.
프로젝트의 시작 페이지는 Firefox 웹 브라우저의 프로파일 폴더를 찾고 제공된 스타일을 사용하여 Firefox를 수정하는 방법에 대한 정보를 제공합니다.
프로필 폴더를 찾는 가장 쉬운 방법은 브라우저의 주소 표시 줄에 about : support를로드하고 응용 프로그램 기본 사항> 프로필 폴더에서 "폴더 열기"버튼을 클릭하는 것입니다.
chrome이라는 폴더가 프로필 디렉토리의 루트에 없으면 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 파일을 가져 오며이를 활성화 또는 비활성화하는 것은 사용자의 책임입니다.
제안 된 기본 인터페이스 조정 및 about : config 조정의 목록은 Firefox의 모양을 추가로 수정하기 위해 프로젝트에 의해 제공됩니다.
닫는 단어
Fx 용 사용자 정의 CSS는 확장 기능이나 내장 기능을 사용하여 수행 할 수없는 Firefox 57의 인터페이스에 대한 많은 인터페이스 수정을 제공합니다. 기존 Firefox 사용자는 특히 Classic Theme Restorer 또는 유사한 애드온을 지금까지 사용한 경우 유용 할 수 있습니다.
업데이트는 Aris에서 정기적으로 릴리스합니다. 그것은 비틀기를 통해 도입 될 수있는 새로운 기능뿐만 아니라 스타일을 새로운 Firefox 릴리스와 호환되도록 유지하는데도 좋습니다.
