Windows 10의 Firefox에서 컬러 제목 표시줄을 얻는 방법

파이어폭스는 윈도우 10 환경에서 색상이 입혀진 제목 표시줄을 기본적으로 지원하지 않았습니다. 초기 윈도우 10의 제목 표시줄은 단색이었고, 사용자는 색상 있는 제목 표시줄을 얻기 위해 앱이나 테마 설정을 변경하거나, 커스텀 UI를 활용해야 했습니다. 이후 다른 브라우저들이 이 기능을 추가했지만, 파이어폭스는 이를 도입하지 않기로 결정했습니다. 이 제약에 대한 해결책으로, 사용자들은 userChrome.css 파일을 수정하는 방법을 찾아냈습니다. 하지만 파이어폭스 40 버전부터 해당 파일이 제거되면서 이 방법은 더 이상 유효하지 않게 되었습니다. 그렇다면, 파이어폭스 버전에 상관없이 색상이 지정된 제목 표시줄을 활성화하는 방법은 무엇일까요?

파이어폭스 39 버전 이하

파이어폭스 40 이전 버전을 사용하는 경우, 기존에 알려진 해결 방법을 적용할 수 있습니다. 색상 있는 제목 표시줄을 만들기 위해서는 userChrome.css 파일을 수정해야 합니다.

우선, 파이어폭스에서 about:support를 입력하여 설정 페이지로 이동한 후, ‘프로필’ 항목을 찾아서 아래로 스크롤합니다. ‘폴더 열기’ 버튼을 클릭하여 프로필 폴더를 엽니다. 열린 폴더에서 Chrome이라는 폴더를 찾습니다. 이 폴더 안에 userChrome.css 파일이 있어야 합니다. 텍스트 편집기(예: 메모장)로 해당 파일을 엽니다.

파일의 마지막 부분에 다음 코드를 추가하고 저장합니다.

@-moz-document url(chrome://browser/content/browser.xul) {
@media (-moz-os-version: windows-win10) {
#main-window:not([customizing]){
-moz-appearance: -moz-win-glass !important;
background-color: transparent !important;
}
}
}

이제 파이어폭스를 다시 시작하면, 색상이 입혀진 제목 표시줄을 확인할 수 있습니다.

파이어폭스 40 버전 이상

파이어폭스 40 버전 이상에서는 userChrome.css 파일이 없어졌으므로, 다른 방법을 사용해야 합니다. ‘Classic Theme Restorer’라는 확장 기능을 설치해야 합니다. 확장 기능 설정에서 좌측 ‘Custom css code’ 탭을 선택한 후, 다음 코드를 복사하여 붙여넣으면 파이어폭스 제목 표시줄에 색상이 적용됩니다.

@-moz-document url(chrome://browser/content/browser.xul) {
@media (-moz-os-version: windows-win10) {
#main-window:not([customizing]){
-moz-appearance: -moz-win-glass !important;
background-color: transparent !important;
}
}
}

하지만 이 방법에는 한 가지 제약이 있습니다. 파이어폭스 57 버전 이상에서는 작동하지 않습니다. 모질라 재단은 파이어폭스 57 버전에서 확장 기능 작동 방식을 변경할 계획이며, 이 과정에서 해당 확장 기능은 더 이상 지원되지 않을 가능성이 높습니다. 하지만 이러한 변화가 있을 때 쯤이면, 모질라에서 파이어폭스에 색상 있는 제목 표시줄 기능을 공식적으로 추가하거나, 다른 확장 기능이 개발될 수도 있을 것입니다.

파이어폭스용 클래식 테마 복원 설치